:root{color-scheme:light dark;--bg:#F3F6F5;--surface:#fff;--ink:#12262B;--muted:#5A7078;--line:#DDE5E6;--primary:#0E8C97;--accent:#FF6A45}
@media (prefers-color-scheme:dark){:root{--bg:#0F1A1E;--surface:#182930;--ink:#EEF4F5;--muted:#8FA3A9;--line:#2A3C43;--primary:#2FB7C3;--accent:#FF7A58}}
*{box-sizing:border-box}
body{font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 5rem;background:var(--bg);color:var(--ink)}
header{display:flex;align-items:center;gap:.9rem;margin-bottom:2rem}
header .mark{width:52px;height:52px;border-radius:14px;background:var(--primary);display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;flex:0 0 auto}
header .mark i{border-radius:4px;background:#fff}
header .mark i:first-child{background:#143F48}
header .mark i:nth-child(3){background:var(--accent)}
header b{font-size:1.15rem;letter-spacing:-.01em}
header span{display:block;font-size:.85rem;color:var(--muted);font-weight:400}
h1{font-size:1.75rem;letter-spacing:-.02em;margin:0 0 .25rem}
h2{font-size:1.1rem;margin:2.1rem 0 .4rem}
.date{color:var(--muted);font-size:.9rem;margin-top:0}
.lead{font-size:1.05rem}
hr{border:0;border-top:1px solid var(--line);margin:3.5rem 0}
a{color:var(--accent)}
ul{padding-left:1.2rem}
nav{margin-bottom:2rem;font-size:.9rem}
nav a{margin-right:1rem}