.art{padding:clamp(2.5rem,5vw,4rem) 0}
.art .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start}
.art article{max-width:72ch}
.art h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);margin:.6rem 0 1rem}
.art .lede{font-size:var(--text-lg);color:var(--muted);margin-bottom:1.5rem}
.art h2{margin:2.2rem 0 .8rem;font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem)}
.art h3{margin:1.4rem 0 .4rem}
.art p,.art li{margin-bottom:.8rem}
.art ul,.art ol{padding-left:1.3rem}
.art table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;background:var(--paper);font-size:var(--text-sm)}
.art th,.art td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
.art th{background:var(--navy);color:#fff}
.art a{color:var(--red)}
.crumb{font-size:var(--text-xs);color:var(--muted)}
.crumb a{color:var(--muted)}
.note{background:var(--paper);border-left:4px solid var(--brass);padding:1rem 1.2rem;border-radius:8px;margin:1.4rem 0}
.side{position:sticky;top:6rem;background:var(--navy);color:#dde3ec;border-radius:var(--radius);padding:1.6rem}
.side h2{color:#fff;font-size:1.4rem;margin:0 0 .6rem}
.side p{font-size:var(--text-sm)}
.side .btn{width:100%;margin-top:.6rem}
.side .btn-ghost{color:#fff;border-color:#fff}
.src{font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}
.cards a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;text-decoration:none;color:var(--ink)}
.cards a:hover{border-color:var(--brass)}
.cards b{display:block;font-family:var(--font-display);color:var(--navy);font-size:1.2rem;margin-bottom:.3rem}
.f-links{margin:1.2rem 0;line-height:2}
@media (max-width:900px){.art .wrap{grid-template-columns:1fr}.side{position:static}}