:root{color-scheme:dark;--canvas:#090a0c;--surface:#111214;--raised:#1b1c1e;--ink:#fff;--muted:#b8b8ba;--line:#363739;--selected:#452324;--hover:#191a1d;--accent:#ff6363;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--canvas);color:var(--ink)}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{min-height:100vh;margin:0;background:var(--canvas)}button,input{font:inherit;color:inherit}main{width:100%;max-width:1180px;margin:auto;padding:14px 24px 52px}
header{position:sticky;top:0;z-index:10;min-height:58px;border:1px solid var(--line);background:rgba(17,18,20,.95);padding:9px 14px;backdrop-filter:blur(24px)}.brand{display:flex;gap:12px;align-items:center;min-height:38px}.brand strong{color:var(--accent);font-size:12px;letter-spacing:.08em}.brand h1{margin:0;font-size:18px}.brand span{overflow:hidden;border-left:1px solid var(--line);padding-left:12px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.intro{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:34px 0 24px}.intro h2{margin:0;font-size:26px;letter-spacing:-.025em}.intro p{max-width:68ch;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.search{display:grid;flex:0 1 360px;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.search input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:0;outline:0;background:var(--surface);padding:9px 12px}.search input::placeholder{color:#aaa}.search input:focus{border-color:var(--accent);outline:1px solid var(--accent)}
.tabs{display:flex;overflow-x:auto;border:1px solid var(--line);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 0 auto;min-height:43px;border:0;border-right:1px solid var(--line);background:var(--surface);padding:9px 14px;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.tabs button:last-child{border-right:0}.tabs button:hover{background:var(--hover);color:var(--ink)}.tabs button[aria-selected=true]{background:var(--selected);color:var(--accent)}.tabs button:focus-visible,.expand:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.department{padding:26px 0 48px}.department-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.department-head h2{margin:0;font-size:20px;letter-spacing:-.02em}.expand{border:0;background:transparent;padding:8px;color:var(--muted);font-size:12px;cursor:pointer}.expand:hover{color:var(--ink)}.accordions{border-top:1px solid var(--line)}.accordion{border-bottom:1px solid var(--line);background:var(--surface)}.accordion[hidden]{display:none}.accordion summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:58px;padding:14px 16px;font-size:15px;font-weight:720;cursor:pointer;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover{background:var(--hover)}.accordion i{position:relative;flex:0 0 18px;width:18px;height:18px}.accordion i:before,.accordion i:after{content:"";position:absolute;top:8px;left:3px;width:12px;height:2px;background:var(--accent);transition:transform .18s var(--ease)}.accordion i:after{transform:rotate(90deg)}.accordion[open] i:after{transform:rotate(0)}
.content{max-width:76ch;padding:2px 54px 24px 16px;color:#d2d2d3;font-size:14px;line-height:1.62}.content h3{margin:24px 0 8px;color:var(--ink);font-size:15px}.content p{margin:9px 0}.content ul,.content ol{margin:10px 0;padding-left:22px}.content li{margin:6px 0;padding-left:3px}.content code{border:1px solid var(--line);background:var(--raised);padding:2px 5px;color:#fff;font:600 12px/1.4 Inter,system-ui,sans-serif}.content a{color:#ff9696;text-underline-offset:3px}.empty{margin-top:24px;border:1px solid var(--line);background:var(--surface);padding:24px;color:var(--muted)}
@media(max-width:760px){main{padding:8px 12px 32px}.brand{gap:8px}.brand strong{font-size:10px}.brand h1{font-size:16px}.brand span{display:none}.intro{display:grid;gap:20px;padding:26px 0 20px}.intro h2{font-size:22px}.search{width:100%;max-width:none}.tabs{margin-right:-12px}.tabs button{flex:0 0 auto}.department{padding-top:22px}.department-head h2{font-size:18px}.content{padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
