.topnav{position:fixed;margin-bottom:0}:root{--sidebar-w:260px}.sidebar{position:fixed;top:52px;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:1.25rem 0;z-index:90;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar .group-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.6rem 1.25rem .3rem;user-select:none}.sidebar a{display:block;font-size:.82rem;color:var(--muted);padding:.3rem 1.25rem .3rem 1.5rem;transition:all .12s;border-left:3px solid transparent}.sidebar a:hover{color:var(--text);text-decoration:none;background:rgba(88,166,255,.06)}.sidebar a.active{color:var(--accent);border-left-color:var(--accent);background:rgba(88,166,255,.08)}.main{margin-left:var(--sidebar-w);margin-top:52px;padding:2.5rem 3rem 4rem;max-width:900px}.main h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;scroll-margin-top:70px}.main h2{font-size:1.35rem;font-weight:700;margin-top:3rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);scroll-margin-top:70px}.main h3{font-size:1.05rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem;scroll-margin-top:70px}.main p{margin-bottom:1rem;color:var(--text)}.main ol,.main ul{margin-bottom:1rem;padding-left:1.5rem}.main li{margin-bottom:.35rem}pre{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin-bottom:1.25rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}code{font-family:var(--font-mono);font-size:.85em}li code,p code{background:var(--surface2);padding:.15rem .4rem;border-radius:4px;font-size:.82em;border:1px solid var(--border)}.example{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.example>div{min-width:0}.example-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.35rem}.example pre{margin-bottom:0}.example-full{grid-template-columns:1fr}.type-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.82rem}.type-table th{text-align:left;padding:.55rem .75rem;background:var(--surface);border:1px solid var(--border);font-weight:600;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.type-table td{padding:.45rem .75rem;border:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem}.type-table tr:hover td{background:rgba(88,166,255,.04)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card h4{font-size:.85rem;margin-bottom:.3rem}.card p{font-size:.78rem;color:var(--muted);margin:0}.badge{display:inline-block;font-size:.65rem;padding:.12rem .45rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);font-weight:600;vertical-align:middle}.badge-pg{color:#58a6ff;border-color:#1f6feb}.badge-my{color:#f97583;border-color:#f85149}.badge-sl{color:#3fb950;border-color:#238636}.badge-or{color:#d29922;border-color:#9e6a03}.callout{border-left:3px solid var(--accent);background:rgba(88,166,255,.06);padding:.75rem 1rem;border-radius:0 6px 6px 0;margin-bottom:1.25rem;font-size:.85rem}.callout.warn{border-left-color:var(--yellow);background:rgba(210,153,34,.08)}@media(max-width:900px){.sidebar{display:none}.main{margin-left:0;padding:2rem 1.25rem}.example{grid-template-columns:1fr}}