/* ==========================================================================
iteslj.org - Modernized Layout Core & Print Specifications (2026)
========================================================================== */
/* 1. Global Resets & Document Setup */
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #333333;
line-height: 1.6;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
}
/* 2. Layout Container Constraints */
.container {
width: 100%;
max-width: 800px;
margin: 0 auto;
/* 70px top padding provides a clear safety gap underneath the fixed nav line */
padding: 70px 15px 20px 15px; 
}
/* 3. Typography & Headers (Targeting main content layout) */
h1 {
font-size: 2rem;
color: #111111;
margin: 15px 0 10px 0;
line-height: 1.2;
}
h2 {
font-size: 1.4rem;
color: #2c3e50;
margin: 35px 0 15px 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
}
h3 {
font-size: 1.15rem;
color: #333333;
margin: 25px 0 10px 0;
}
h4 {
font-size: 1.05rem;
color: #555555;
margin: 20px 0 5px 0;
}
p {
margin: 0 0 15px 0;
font-size: 1.05rem;
}
blockquote {
margin: 20px 0;
padding: 10px 20px;
background-color: #f9f9f9;
border-left: 4px solid #cccccc;
font-style: italic;
}
/* SCOPED: Only apply list styling to lists inside the main content area */
.main ul {
margin: 0 0 20px 0;
padding-left: 25px;
}
.main li {
margin-bottom: 5px;
font-size: 1.05rem;
}
hr {
border: 0;
border-top: 1px solid #dddddd;
margin: 20px 0;
}
/* 4. Layout Replacement & Technical Structural Fallbacks */
.center-block {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
/* SCOPED: Only style standard tables inside the main text content */
.main table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95rem;
}
.main th, .main td {
border: 1px solid #dddddd;
padding: 10px;
text-align: left;
}
.main th {
background-color: #f5f5f5;
font-weight: bold;
}
/* 5. Mobile Optimization Breakpoint Overrides */
@media (max-width: 600px) {
h1 {
font-size: 1.6rem;
}
h2 {
font-size: 1.25rem;
}
.container {
padding: 65px 12px 15px 12px;
}
.main table {
font-size: 0.85rem;
display: block;
overflow-x: auto;
}
}
/* ==========================================================================
6. Dedicated Printer Styles (Paper & PDF Export)
========================================================================== */
@media print {
/* Completely purge interactive menu wrappers from print outputs */
.nav-site, 
#navToggle, 
#navMenu,
script {
display: none !important;
}
/* Reset the canvas background profile dimensions */
body {
background-color: #ffffff;
color: #000000;
font-size: 12pt;
}
/* Eliminate fixed navigation spacing buffers safely */
.container {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
/* Force links to output as standard text color instead of electric blue markers */
a, a:visited {
color: #000000 !important;
text-decoration: none !important;
}
/* Prevent tables, headers, and list items from snapping awkwardly in half across pages */
h1, h2, h3, tr, img {
page-break-inside: avoid;
}
h1, h2, h3 {
page-break-after: avoid;
}
}