:root{--fg:#1d1d1f;--muted:#5f6368;--bg:#fff;--card:#f5f5f7;--line:#d0d0d5;--accent:#0b57d0;--ok:#137333;--bad:#b3261e;--warn:#8a5a00;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--fg:#eee;--muted:#aaa;--bg:#121212;--card:#1e1e1e;--line:#3a3a3a;--accent:#8ab4f8;--ok:#81c995;--bad:#f28b82;--warn:#fdd663}}
*{box-sizing:border-box}
body{font:16px/1.5 system-ui,sans-serif;color:var(--fg);background:var(--bg);max-width:60rem;margin:0 auto;padding:0 16px 3rem}
a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,h1:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:12px 0;border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--fg)}
h1{font-size:1.6rem;margin:1rem 0 .5rem}h2{font-size:1.2rem;margin:1.5rem 0 .5rem}
.muted{color:var(--muted)}.bad{color:var(--bad)}
.tabs{display:flex;flex-wrap:wrap;gap:.25rem 1rem;border-bottom:1px solid var(--line);padding-bottom:.5rem}
.tabs a[aria-current=page]{font-weight:700;text-decoration:none;color:var(--fg)}
.stack{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:1rem 0;max-width:40rem}
input,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.45rem .6rem;width:100%}
textarea{font-family:ui-monospace,monospace;font-size:.85rem}
button{font:inherit;color:#fff;background:var(--accent);border:0;border-radius:6px;padding:.45rem .9rem;cursor:pointer;margin:.25rem 0}
@media (prefers-color-scheme:dark){button{color:#121212}}
button:disabled{opacity:.6;cursor:wait}button.link{background:none;color:var(--accent);padding:0;text-decoration:underline}
.card{background:var(--card);border-radius:8px;padding:.75rem 1rem;margin:.75rem 0}.card h2{margin-top:0}
.state{font-size:.8rem;font-weight:600;padding:.05rem .5rem;border-radius:99px;border:1px solid;display:inline-block;min-width:4.5rem;text-align:center}
.ok,.published{color:var(--ok)}.todo,.draft,.approved{color:var(--warn)}.deprecated,.retired{color:var(--muted)}
.checklist li{margin:.4rem 0}.list li{margin:.25rem 0}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}dd{margin:0;min-width:0}
code,pre{font-family:ui-monospace,monospace;font-size:.85rem;overflow-wrap:anywhere}pre{white-space:pre-wrap;background:var(--bg);padding:.5rem;border-radius:6px;overflow:auto}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}caption{text-align:left;font-weight:600}th,td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
#status:not(:empty){border:1px solid var(--line);border-radius:8px;padding:.5rem 1rem;margin:1rem 0}