:root { color-scheme: light dark; --accent:#2667d8; --card:rgba(127,127,127,.10); --muted:#707078; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(820px,calc(100% - 36px)); margin:0 auto; padding:56px 0; }
header { padding:30px; border-radius:24px; background:linear-gradient(135deg,#3178e6,#55a9c7); color:white; }
h1 { margin:0 0 8px; font-size:clamp(2rem,7vw,3.2rem); line-height:1.12; }
h2 { margin-top:36px; }
a { color:var(--accent); }
nav { display:flex; flex-wrap:wrap; gap:14px; margin:26px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.card,.summary { padding:20px; border-radius:18px; background:var(--card); }
.card h2,.card h3 { margin-top:0; }
.updated,footer { color:var(--muted); }
footer { margin-top:48px; font-size:.92rem; }