.article{max-width:46rem}
.article h2{margin-top:2.1rem}
.article h3{margin-top:1.4rem}
.article p,.article li{color:var(--ink-soft)}
.article pre{background:#0f1420;color:#e6edf3;padding:1rem 1.1rem;border-radius:10px;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;margin:1rem 0}
.article :not(pre)>code{font-family:var(--font-mono);font-size:.86em;background:var(--bg-4);padding:.1rem .35rem;border-radius:4px}
.article ul,.article ol{padding-left:1.25rem}.article li{margin:.3rem 0}
.article table.modes{margin:1.1rem 0}
.callout{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:10px;padding:1.1rem 1.3rem;margin:1.6rem 0}
.related{border-top:1px solid var(--line);margin-top:2.4rem;padding-top:1.2rem}

/* article headline scale */
.article h1 { font-size: clamp(1.9rem, 3.4vw, 2.6rem); line-height: 1.15; max-width: 30ch; }
.article .lead { font-size: 1.05rem; }

/* nav dd tap */
.nav-dd.open .nav-dd-menu { display: block; }