:root { --text:#1f1f1f; --muted:#5a5a5a; --accent:#2b4c7e; --rule:#e4e4e4; --max:46rem; }
* { box-sizing: border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:1.0625rem; line-height:1.65; color:var(--text); background:#fff; }
header, main, footer { max-width:var(--max); margin:0 auto; padding:1.25rem; }
header a { color:var(--accent); text-decoration:none; font-weight:600; }
h1 { font-size:clamp(1.75rem,5vw,2.4rem); line-height:1.2; margin:.5rem 0 .25rem; }
h2 { font-size:1.25rem; margin:2rem 0 .5rem; padding-top:1rem; border-top:1px solid var(--rule); }
.meta { color:var(--muted); font-size:.95rem; margin-top:0; }
main a { color:var(--accent); }
li { margin:.35rem 0; }
.callout { background:#f5f7fb; border-left:4px solid var(--accent); padding:1rem 1.25rem; }
footer { border-top:1px solid var(--rule); color:var(--muted); font-size:.95rem; }
footer a { color:var(--muted); }