:root{--bg: #f6f8fb;--surface: #ffffff;--text: #16212d;--muted: #566577;--line: #dbe3ec;--accent: #2a6cab;--accent-ink: #ffffff;--accent-soft: #e6eef8;--code-bg: #eaeff5;--good: #1b7f4b;--warn: #965600;--bad: #b3261e;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1822;--surface: #162330;--text: #e4ecf4;--muted: #9db0c3;--line: #28394a;--accent: #6fa8e6;--accent-ink: #08172a;--accent-soft: #1b2e44;--code-bg: #0b131b;--good: #5fd39a;--warn: #f0b35a;--bad: #ff8b82;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status{padding:4rem 1rem;text-align:center;color:var(--muted)}.status.error{color:var(--bad)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:24rem;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.75rem 1.5rem}.auth-card h1{margin:0;font-size:1.25rem}.auth-card p{margin:.4rem 0 1.25rem;color:var(--muted);font-size:.95rem}.auth-card button{width:100%;display:inline-flex;gap:.6rem;align-items:center;justify-content:center;font:500 .95rem var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.6rem 1rem;cursor:pointer}.auth-card button:hover:not(:disabled){border-color:var(--accent)}.auth-card button:disabled{opacity:.6;cursor:default}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.65rem max(16px,env(safe-area-inset-left,0px)) .65rem max(16px,env(safe-area-inset-right,0px));background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:600;text-decoration:none;color:var(--text);white-space:nowrap}.search{flex:1 1 auto;min-width:0;max-width:24rem;margin-left:auto;font:.95rem var(--font-body);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem}button.link{font:.9rem var(--font-body);color:var(--muted);background:none;border:0;cursor:pointer;padding:.25rem .4rem;text-decoration:underline;white-space:nowrap}.layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:2.5rem;max-width:72rem;margin:0 auto;padding:1.75rem max(16px,env(safe-area-inset-left,0px)) 4rem max(16px,env(safe-area-inset-right,0px))}.nav{position:sticky;top:4.25rem;align-self:start;max-height:calc(100vh - 5rem);overflow-y:auto;font-size:.93rem}.nav-group+.nav-group{margin-top:1.25rem}.nav-heading{font:500 .72rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.nav-link{display:block;padding:.3rem .6rem;margin-left:-.6rem;border-radius:6px;color:var(--text);text-decoration:none}.nav-link:hover{background:var(--accent-soft)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.content{min-width:0;max-width:46rem}.eyebrow{margin:0;font:500 .75rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.content h1{margin:.25rem 0 0;font-size:2rem;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.hits{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.hits li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.7rem 1rem}.hits li a{font-weight:600}.hits li p{margin:.2rem 0 0;color:var(--muted);font-size:.93rem}.prose{margin-top:.5rem}.prose h2{margin:2.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);font-size:1.3rem;line-height:1.25;text-wrap:balance}.prose h3{margin:1.6rem 0 0;font-size:1.05rem;line-height:1.3;text-wrap:balance}.prose p{margin:.75rem 0 0;max-width:65ch}.prose ul,.prose ol{margin:.75rem 0 0;padding-left:1.3rem;max-width:65ch}.prose li{margin-top:.4rem}.prose .lead{font-size:1.12rem;color:var(--muted);margin-top:.9rem;max-width:60ch}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}.prose .sv{font-weight:500}.prose .code{position:relative;margin-top:.9rem}.prose .code pre{margin:0;background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.55}.prose .code pre code{background:none;padding:0;font-size:inherit}.prose .code button.copy{position:absolute;top:8px;right:8px;font:500 .75rem var(--font-body);color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 9px;cursor:pointer}.prose .code button.copy:hover{border-color:var(--accent)}.prose .callout{margin-top:1rem;max-width:65ch;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:.65rem 1rem .75rem}.prose .callout p{margin:0}.prose .callout p+p{margin-top:.5rem}.prose .callout.warn{border-left-color:var(--warn)}.prose .callout.warn strong:first-child{color:var(--warn)}.prose .callout.stop{border-left-color:var(--bad)}.prose .callout.stop strong:first-child{color:var(--bad)}.prose .callout.good{border-left-color:var(--good)}.prose .callout.good strong:first-child{color:var(--good)}.prose .two{display:grid;gap:.75rem;margin-top:1rem}@media (min-width: 40rem){.prose .two{grid-template-columns:1fr 1fr}}.prose .box{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem .9rem}.prose .box h3{margin:0 0 .2rem;font:500 .78rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.prose .box.do{border-top:3px solid var(--good)}.prose .box.do h3{color:var(--good)}.prose .box.dont{border-top:3px solid var(--bad)}.prose .box.dont h3{color:var(--bad)}.prose .box ul{margin-top:.4rem;padding-left:1.1rem}.prose .box p{margin-top:.3rem}.prose .lanes{display:grid;gap:.75rem;margin-top:1.25rem}.prose .lane{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem 1rem}.prose .lane-name{font:500 .75rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.prose .steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.prose .step{flex:1 1 10.5rem;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.55rem .75rem;font-size:.92rem;line-height:1.4}.prose .step b{display:block;font-weight:600}.prose .step span{color:var(--muted)}.prose .step.db{border-color:var(--accent)}.prose .scroll{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.prose table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.93rem}.prose th,.prose td{text-align:left;vertical-align:top;padding:.6rem .85rem;border-bottom:1px solid var(--line)}.prose th{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg)}.prose tr:last-child td{border-bottom:0}.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line)}.pager a{display:block;max-width:48%;text-decoration:none;font-weight:600}.pager a span{display:block;font:500 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pager a.next{text-align:right;margin-left:auto}@media (max-width: 52rem){.layout{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-top:1rem}.nav{position:static;max-height:none;overflow:visible;display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem}.nav-group{display:contents}.nav-group+.nav-group{margin-top:0}.nav-heading{display:none}.nav-link{white-space:nowrap;margin-left:0;border:1px solid var(--line);background:var(--surface)}.brand{font-size:.95rem}.content h1{font-size:1.6rem}}@media (max-width: 34rem){.brand{display:none}.search{margin-left:0;max-width:none}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}
