
nav a span{font-family:var(--ur);font-size:14px;line-height:2.2}
section{padding:30px 0 14px}
.lead{font-size:16.5px}
.box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 18px;margin:10px 0}
.box h3{margin:0 0 4px}
.parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.part{background:var(--lapis-wash);border-radius:8px;padding:10px 14px}
.part b{display:block;font-family:var(--ar);font-size:22px;color:var(--lapis);font-weight:400}
.part span{font-size:14.5px}
.oc{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:8px;padding:12px 18px;margin:0 0 14px}
.oc header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.sn{font-size:13px;color:var(--soft)}
.lbl{font-family:var(--ar);font-size:20px;color:var(--gold)}
.cats{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.cat{font-size:12px;background:var(--gold-wash);color:var(--gold);border-radius:999px;padding:0 10px;line-height:2}
.what{margin:4px 0;font-size:15px}
.oc .ar{font-size:clamp(22px,3.4vw,27px)}
.an{font-family:var(--ar);color:var(--soft);font-size:.8em}
.un{font-family:var(--ui);color:var(--soft);font-size:12px}
.ans{background:var(--lapis-wash);border-radius:8px;padding:8px 14px;margin:8px 0 2px}
.ans.none{background:var(--line)}
.al{margin:0;font-size:14px;font-weight:600;color:var(--lapis);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.ans .ar{margin:2px 0}
.nt{font-size:13.5px;color:var(--soft);margin:6px 0 0}
.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + 56px);z-index:4;background:var(--paper);padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.chip{font-family:var(--ur);font-size:13px;line-height:1.9;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:1px 12px;border-radius:999px;cursor:pointer}
.chip i{font-style:normal;font-family:var(--ui);color:var(--soft);margin-inline-start:4px}
.chip.on{background:var(--lapis);border-color:var(--lapis);color:var(--paper)}.chip.on i{color:inherit}
.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media print{.filters{display:none}.oc{break-inside:avoid}}
