/* Articles only, on top of guides.css. Tokens come from site.css. A guide is a manual; an article is one answer, so the answer comes first and large. */
.a-head{padding-block:clamp(22px,3.4vw,46px) clamp(16px,2.4vw,28px);display:grid;gap:12px}
.a-h1{font:750 clamp(32px,4.2vw,58px)/1.03 var(--disp);letter-spacing:-.028em;max-width:24ch;font-variation-settings:"opsz" 96}
.a-sum{font:600 clamp(20px,2vw,26px)/1.28 var(--disp);letter-spacing:-.012em;max-width:42ch;border-left:4px solid var(--sig);padding-left:clamp(14px,2vw,22px);margin-bottom:clamp(20px,3vw,34px)}
.a-fix{background:var(--paper2);border-radius:var(--r);padding:12px 16px;font-size:15.5px;max-width:68ch;margin-bottom:18px}
.a-intro{padding-top:0}
.a-art h2{scroll-margin-top:90px;font:750 clamp(26px,2.8vw,38px)/1.06 var(--disp);letter-spacing:-.022em;margin-bottom:16px;font-variation-settings:"opsz" 96}
.a-art h3{scroll-margin-top:90px;font:700 clamp(19px,1.7vw,23px)/1.2 var(--disp);letter-spacing:-.012em;margin:20px 0 8px}
.a-art .g-next h2{font:600 12.5px/1.3 var(--mono);letter-spacing:.09em;margin-bottom:10px}
.a-art .g-t tbody th,.a-art .g-t td{white-space:normal}
.a-art pre{background:var(--night);color:var(--on);border-radius:10px;padding:16px 18px;overflow-x:auto;font:400 13.5px/1.55 var(--mono);margin:14px 0 18px}
.a-note{background:var(--paper2);border-left:4px solid var(--sigd);border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:14px 0 18px;max-width:68ch}
.a-note p:last-child{margin-bottom:0}
.a-hub{padding-bottom:clamp(50px,8vw,100px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(30px,4vw,56px) clamp(24px,4vw,64px);align-items:start}
.a-hub__g{border-top:1.5px solid var(--ink);padding-top:14px;display:grid;gap:12px;min-width:0}
.a-hub__l a{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}
.a-hub__l b{font:700 clamp(19px,1.7vw,23px)/1.16 var(--disp);letter-spacing:-.014em}
.a-hub__l span{color:var(--ink2);font-size:15px;line-height:1.4}
.a-hub__l i{font:400 12.5px/1.5 var(--mono);color:var(--mut);font-style:normal}
.a-hub__l a:hover b{color:var(--sigd)}
.a-hub__more a{font-weight:700;text-decoration-color:var(--sigd)}