:root{--muted:#4d6168;--red:#a33524}.article{max-width:960px;margin:auto;padding:clamp(65px,9vw,120px) clamp(22px,6vw,80px)}.article h1{max-width:850px;margin:0;font:700 clamp(2.7rem,6vw,5.6rem)/.96 var(--serif);letter-spacing:-.05em}.article-lede{max-width:720px;margin:25px 0 55px;color:var(--muted);font-size:1.18rem}.article-body{max-width:760px}.article-body h2{margin:45px 0 12px;font:700 1.65rem var(--serif)}.article-body p,.article-body li{color:#41565d}.article-body li{margin:.55rem 0}.article-callout{margin-top:60px;padding:25px;border:1px solid var(--line);border-left:5px solid var(--red);background:#ebe5d8}.article-callout p{margin:6px 0 0;color:var(--muted)}@media(max-width:430px){.article h1{font-size:2.6rem}}
.note-index{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px}.note-index li{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}.note-index li:last-child{border-bottom:0;padding-bottom:0}.note-index a{font:700 1.12rem var(--serif);text-underline-offset:4px}.note-index span{color:var(--muted);font-size:.95rem}
footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}