[hidden]{display:none!important}
:root{
  --bg:#f4f7f9; --panel:#fff; --fg:#1c2630; --muted:#5b6a76; --line:#d8e1e7;
  --accent:#0090c8; --accent-soft:#e1f2fa; --on-accent:#fff;
  --confirm:#1f8a4c; --confirm-soft:#e3f4ea; --amend:#b7791f; --amend-soft:#fbf1df;
  --edit:#c0392b; --edit-soft:#fbe6e3; --discuss:#6b4fbb; --discuss-soft:#eee9fa;
  --display:"Archivo",system-ui,sans-serif; --body:"Public Sans",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f1519; --panel:#172027; --fg:#e4ebf0; --muted:#93a3ae; --line:#2a3741;
  --accent:#3cc0f0; --accent-soft:#163445; --on-accent:#06212d;
  --confirm:#5fd08f; --confirm-soft:#163326; --amend:#f0b75a; --amend-soft:#3a2d14;
  --edit:#f08a7e; --edit-soft:#3d1e1a; --discuss:#b8a3f5; --discuss-soft:#2a2342; color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--body);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 64px}
.wrap{max-width:980px;margin:0 auto}
h1{font:800 clamp(22px,3.6vw,30px)/1.15 var(--display);margin:0;letter-spacing:-.01em;text-wrap:balance}
.eyebrow{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sub{color:var(--muted);margin:6px 0 0;max-width:68ch}
.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding-block:12px;margin-bottom:20px}
.top .row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.who{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
input,select,textarea{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 10px}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.status{font:12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.bar{height:4px;background:var(--line);border-radius:2px;margin-top:4px;width:180px}
.bar i{display:block;height:100%;background:var(--accent);border-radius:2px;width:0;transition:width .2s}
nav.secs{display:flex;gap:6px;overflow-x:auto;padding-top:10px;scrollbar-width:thin}
nav.secs a{flex:none;font:500 12px var(--body);color:var(--fg);text-decoration:none;border:1px solid var(--line);background:var(--panel);padding:4px 10px;border-radius:999px;white-space:nowrap}
nav.secs a .n{font-family:var(--mono);color:var(--muted);margin-left:4px}
nav.secs a.done{border-color:var(--accent)}
details.help{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:12px}
details.help summary{cursor:pointer;font-weight:600}
details.help ul{margin:10px 0 0;padding-left:20px}
dl.gloss{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px;margin:10px 0 0}
dl.gloss dt{font-weight:600}dl.gloss dd{margin:0;color:var(--muted)}
section.sec{margin-top:28px}
section.sec h2{font:600 19px var(--display);margin:0 0 4px}
section.sec .note{color:var(--muted);margin:0 0 12px;font-size:14px;max-width:72ch}
.item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:10px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px}
.item .id{font:500 13px var(--mono);color:var(--muted);padding-top:1px}
.item .title{font-weight:600}
.item .text{margin:2px 0 0;max-width:72ch}
.item .text code{font:12.5px var(--mono);background:var(--accent-soft);padding:1px 5px;border-radius:4px;white-space:normal}
.chips{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px}
.chips span b{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:6px}
.seasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.seasons div{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px}
.seasons b{display:block;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
@media (max-width:560px){.seasons{grid-template-columns:1fr}.item{grid-template-columns:1fr}}
.prior{font-size:12.5px;color:var(--muted);margin-top:8px}
.answer{grid-column:2;margin-top:10px;display:grid;gap:8px}
@media (max-width:560px){.answer{grid-column:1}}
.dec{display:flex;flex-wrap:wrap;gap:6px}
.dec button{font:600 13px var(--body);padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}
.dec button[aria-pressed="true"][data-d="Confirm"]{background:var(--confirm-soft);border-color:var(--confirm);color:var(--confirm)}
.dec button[aria-pressed="true"][data-d="Amend"]{background:var(--amend-soft);border-color:var(--amend);color:var(--amend)}
.dec button[aria-pressed="true"][data-d="Edit"]{background:var(--edit-soft);border-color:var(--edit);color:var(--edit)}
.dec button[aria-pressed="true"][data-d="Discuss"]{background:var(--discuss-soft);border-color:var(--discuss);color:var(--discuss)}
textarea{width:100%;min-height:38px;resize:vertical;font-size:14px}
.btn{text-decoration:none;font:600 13px var(--body);padding:7px 14px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.gate{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:20px;display:grid;gap:12px;max-width:520px}
.gate label{display:grid;gap:4px;font-weight:600;font-size:14px}
.err{color:var(--edit);font-size:13px;min-height:1em}
.pill{font:600 11px var(--mono);padding:2px 7px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}
.pill.Confirm{color:var(--confirm)}.pill.Amend{color:var(--amend)}.pill.Edit{color:var(--edit)}.pill.Discuss{color:var(--discuss)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
