:root { color-scheme:light; font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif; color:#182b33; background:#f5f8fa; font-size:16px; }
* { box-sizing:border-box; } body { margin:0; line-height:1.7; } a { color:#076c7c; text-underline-offset:4px; } a:focus-visible { outline:3px solid #087887; outline-offset:5px; }
.site-header,footer { max-width:1040px; margin:auto; padding:24px; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center; border-bottom:1px solid #d4e1e6; } .brand { font-weight:750; text-decoration:none; font-size:1.25rem; } footer { border-top:1px solid #d4e1e6; border-bottom:0; }
main { max-width:1040px; margin:auto; padding:40px 24px 64px; } .page-shell { max-width:850px; } .prose { background:white; padding:clamp(20px,5vw,48px); border:1px solid #d4e1e6; border-radius:16px; overflow-wrap:anywhere; }
h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.15; letter-spacing:-.04em; } h2 { font-size:1.3rem; line-height:1.35; margin-top:2rem; } .eyebrow,.card-kicker { font-size:.875rem; letter-spacing:.1em; font-weight:700; color:#076c7c; } .hero { max-width:680px; margin-bottom:36px; } .updated { font-size:.875rem; color:#4d626b; }
.card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .page-card { display:block; background:white; border:1px solid #d4e1e6; border-radius:16px; padding:24px; text-decoration:none; } .page-card h2 { margin-top:12px; color:#182b33; } .page-card p { color:#4d626b; } .page-card:hover { border-color:#087887; } .card-arrow { font-weight:650; } @media(max-width:600px) { .card-grid { grid-template-columns:1fr; } .site-header span { font-size:.875rem; } main { padding:28px 16px 40px; } }