:root{--bg:#0d1117;--bg-elevated:#12181f;--panel:#161d26;--border:#26303c;--text:#e6edf3;--text-dim:#9aa7b5;--text-faint:#6b7684;--accent:#4fb8ff;--accent-soft:#4fb8ff1f;--accent-strong:#7fd0ff;--code-bg:#0a0f14;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{height:100%}a{color:var(--accent)}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a3441;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#384354}.app-shell{grid-template-columns:300px 1fr;height:100vh;display:grid}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);padding:1.25rem .75rem 2rem;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding:.5rem .75rem 1.25rem}.sidebar-brand-title{letter-spacing:.02em;font-size:1.05rem;font-weight:700}.sidebar-brand-subtitle{color:var(--text-dim);margin-top:.15rem;font-size:.8rem}.sidebar-roles{flex-direction:column;gap:.25rem;display:flex}.sidebar-role-header{text-align:left;width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.88rem;font-weight:600;line-height:1.3;display:flex}.sidebar-role-header:hover{background:var(--panel)}.sidebar-role-header.active{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-role-caret{color:var(--text-faint);flex-shrink:0;font-size:.7rem}.sidebar-sections{border-left:1px solid var(--border);flex-direction:column;gap:.1rem;margin:.15rem 0 .5rem 1.6rem;padding-left:.65rem;display:flex}.sidebar-section{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .5rem;font-size:.82rem;line-height:1.35}.sidebar-section:hover{background:var(--panel);color:var(--text)}.sidebar-section.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.sidebar-empty{color:var(--text-faint);padding:1rem .75rem;font-size:.82rem}.app-content{padding:3rem 3.5rem 5rem;overflow-y:auto}.pane{max-width:860px;margin:0 auto}.pane-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.6rem;font-size:.78rem}.pane-title{margin:0 0 .6rem;font-size:2rem;font-weight:750;line-height:1.2}.pane-tagline{color:var(--text-dim);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5}.pane-overview-text{color:var(--text);margin-bottom:1.5rem;font-size:.98rem;line-height:1.7}.pane-subheading{margin:2rem 0 1rem;font-size:1.15rem;font-weight:700}.tool-chip-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.tool-chip{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.3rem .65rem;font-size:.78rem}.section-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.section-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;transition:border-color .15s,transform .15s;display:flex}.section-card:hover{border-color:var(--accent);transform:translateY(-1px)}.section-card-index{color:var(--text-faint);letter-spacing:.05em;font-size:.72rem;font-weight:700}.section-card-heading{font-size:.98rem;font-weight:650}.section-card-summary{color:var(--text-dim);font-size:.82rem;line-height:1.45}.content-blocks{margin-bottom:1rem}.block-paragraph{color:var(--text);margin:0 0 1.1rem;font-size:.97rem;line-height:1.75}.block-list{flex-direction:column;gap:.45rem;margin:0 0 1.1rem;padding-left:1.3rem;display:flex}.block-list li{color:var(--text);font-size:.95rem;line-height:1.6}.block-table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.3rem;overflow-x:auto}.block-table{border-collapse:collapse;width:100%;font-size:.88rem}.block-table th,.block-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.6rem .85rem;line-height:1.5}.block-table th{background:var(--panel);color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:650}.block-table tr:last-child td{border-bottom:none}.block-code{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.3rem;overflow:hidden}.block-code-lang{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid var(--border);padding:.4rem .9rem;font-size:.72rem}.block-code pre{margin:0;padding:.9rem 1.1rem;overflow-x:auto}.block-code code{color:#c9e9ff;white-space:pre;font-family:Cascadia Code,Consolas,SFMono-Regular,monospace;font-size:.85rem;line-height:1.6}.qa-section{border-top:1px solid var(--border);margin-top:2.25rem;padding-top:1.5rem}.qa-heading{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;display:flex}.qa-heading-icon{background:var(--accent-soft);width:1.5rem;height:1.5rem;color:var(--accent-strong);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.qa-list{flex-direction:column;gap:.5rem;display:flex}.qa-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.qa-item-open{border-color:var(--accent)}.qa-question{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;font-size:.92rem;font-weight:600;line-height:1.5;display:flex}.qa-chevron{color:var(--accent-strong);flex-shrink:0;width:1rem;font-weight:700}.qa-answer{color:var(--text-dim);padding:0 1rem 1rem 2.4rem;font-size:.9rem;line-height:1.7}.section-nav{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.section-nav-btn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:48%;padding:.6rem 1rem;font-size:.85rem;overflow:hidden}.section-nav-btn:hover:not(:disabled){border-color:var(--accent)}.section-nav-btn:disabled{opacity:.35;cursor:default}@media (width<=860px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.app-content{padding:2rem 1.25rem 4rem}}