:root { color-scheme: light; --ink:#172033; --muted:#5b6475; --line:#dbe2ef; --accent:#2154d6; --paper:#ffffff; --wash:#f3f6fb; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(145deg,#eef3ff 0%,#f8fafc 48%,#eef8f5 100%); color:var(--ink); font:17px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 32px)); margin:48px auto; padding:clamp(28px,6vw,64px); background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:0 22px 70px rgba(32,53,92,.12); }
.eyebrow { margin:0 0 10px; color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.18em; }
h1 { margin:0 0 18px; font-size:clamp(2rem,6vw,3.25rem); line-height:1.08; letter-spacing:-.045em; }
h2 { margin:0 0 10px; font-size:1.16rem; }
.lead { margin:0 0 38px; color:var(--muted); font-size:1.14rem; }
.meta { color:var(--muted); }
section { padding:24px 0; border-top:1px solid var(--line); }
section p, ul { margin:0; }
ul { padding-left:1.2em; }
nav { display:flex; flex-wrap:wrap; gap:12px 22px; padding-top:24px; border-top:1px solid var(--line); }
a { color:var(--accent); font-weight:700; text-decoration-thickness:.1em; text-underline-offset:.2em; }
@media (max-width:560px) { main { margin:16px auto; border-radius:18px; } }