/* ChiefEngineer.com — index.css (print-friendly) */
@page { size: Letter portrait; margin: 0.5in 0.5in 0.5in 0.75in; }
:root{ --title: 20pt; --h1: 16pt; --h2: 13pt; --body: 11pt; }
*{ box-sizing: border-box; }
html, body{ margin:0; background:#fff; color:#000; font: var(--body) system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif; line-height:1.5; }
a, a:visited{ color:#000; text-decoration: underline; word-break: break-word; }
header{ padding:18px 22px; border-bottom:1px solid #000; }
header h1{ font-size: var(--title); margin:0 0 4px; }
header .sub{ margin:0; font-size:10pt; color:#111; }
main{ padding:18px 22px; max-width:1100px; margin:0 auto; }
.grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:14px; margin-top:16px; }
.card{ border:1px solid #000; padding:12px; border-radius:6px; background:#fafafa; }
.card h2{ font-size: var(--h1); margin:0 0 4px; }
.card p{ margin:4px 0 0; font-size:10.5pt; color:#111; }
.meta{ font-size:10pt; color:#333; margin-top:2px; }
footer{ margin:22px; font-size:10pt; color:#333; }
@media print { .grid{ grid-template-columns: 1fr 1fr; } .card{ break-inside: avoid; } }