.docs-shell{background:var(--bg-base);min-height:100vh;color:var(--text-main);--docs-code-bg:#0b1120;--docs-code-border:#ffffff14;--docs-code-text:#e2e8f0;padding-top:64px;display:flex}.docs-nav{border-right:1px solid var(--border);background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;gap:1.25rem;width:240px;height:calc(100vh - 64px);padding:1.25rem 1rem;display:flex;position:sticky;top:64px}.docs-nav-label{font-family:var(--cv-font-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.docs-nav nav{flex-direction:column;gap:.125rem;display:flex}.nav-link{text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:.375rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:block}.nav-link:hover{background:var(--bg-hover);color:var(--text-main)}.nav-link.active{background:var(--accent-dim);color:var(--accent);border-left-color:var(--accent);font-weight:700}.docs-main-area{flex-direction:column;flex:1;min-width:0;display:flex}.docs-content{flex:1;max-width:1600px;padding:2.5rem 3rem 6rem;overflow-y:auto}.lead,p,.steps,.bullet-list{max-width:760px}h1{letter-spacing:-.02em;color:var(--text-main);margin:0 0 .75rem;font-size:1.75rem;font-weight:800}h2{color:var(--text-main);margin:2rem 0 .75rem;font-size:1.1rem;font-weight:700}h3{color:var(--text-main);margin:0 0 .375rem;font-size:.9rem;font-weight:700}.lead{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}p{color:var(--text-secondary);font-size:.875rem;line-height:1.7}code{font-family:var(--cv-font-mono);background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:.1em .35em;font-size:.8em}.code-block code{color:inherit;background:0 0;border-radius:0;padding:0;font-size:1em}strong{color:var(--text-main)}.card-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;margin:1.5rem 0;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:.625rem;padding:1rem}.info-card h3{color:var(--accent)}.info-card p{margin:0;font-size:.8125rem}.steps,.bullet-list{color:var(--text-secondary);padding-left:1.25rem;font-size:.875rem;line-height:1.9}.link-btn{cursor:pointer;color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--accent-hover)}.code-block{background:var(--docs-code-bg);border:1px solid var(--docs-code-border);font-family:var(--cv-font-mono);color:var(--docs-code-text);white-space:pre;border-radius:.5rem;margin:0;padding:1rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.code-panel{margin:.75rem 0 1.25rem}.code-panel-head{font-family:var(--cv-font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.7rem;font-weight:600;display:flex}.copy-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.2rem .55rem;font-size:.7rem}.copy-btn:hover{color:var(--text-main);border-color:var(--border-strong)}.tab-row{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.375rem .75rem;font-size:.78rem;font-weight:500}.tab:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-main)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tab-desc{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8125rem}.note-card{background:var(--accent-dim);border:1px solid var(--accent);color:var(--text-secondary);border-radius:.625rem;margin:1.25rem 0;padding:.875rem 1rem;font-size:.8125rem;line-height:1.6}.note-card strong{color:var(--accent)}.gql-section{max-width:1600px}.see-also{color:var(--text-secondary);margin-top:1rem;font-size:.8125rem}.pg-launch{background:linear-gradient(135deg, var(--accent), var(--accent-alt));color:#fff;border-radius:.5rem;margin:.25rem 0 1rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.pg-launch:hover{filter:brightness(1.08)}kbd{font-family:var(--cv-font-mono);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);border-bottom-width:2px;border-radius:4px;padding:.05em .35em;font-size:.75em}.attr-toc{background:var(--bg-card);border:1px solid var(--border);border-radius:.625rem;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1.75rem;padding:.75rem;display:flex}.attr-toc a{color:var(--accent);background:var(--accent-dim);border:1px solid #0000;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:600;text-decoration:none}.attr-toc a:hover{border-color:var(--accent)}.group-note{color:var(--text-secondary);margin:-.25rem 0 .75rem;font-size:.8rem}#grp-headers,#grp-page-req,#grp-page-res,#grp-floor,#grp-floor-types,#grp-floor-props,#grp-styling,#grp-banner,#grp-hotspot,#grp-widget,#grp-list,#grp-gql{scroll-margin-top:84px}.attr-h3{color:var(--text-main);margin:1.5rem 0 .5rem;font-size:.8rem;font-weight:700}.attr-table-wrap{border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:.625rem;margin-bottom:.5rem;overflow-x:auto}.attr-table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:.78rem}.attr-table th{font-family:var(--cv-font-label);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.65rem;font-weight:600}.attr-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:top;padding:.5rem .75rem;line-height:1.5}.attr-table tr:last-child td{border-bottom:none}.attr-table tr:hover td{background:var(--bg-hover)}.attr-table td:first-child{white-space:nowrap}.attr-type{font-family:var(--cv-font-mono);color:var(--sky);white-space:nowrap}.req-star{color:var(--red);margin-left:.15rem;font-weight:700}@media (width<=720px){.docs-shell{flex-direction:column}.docs-nav{flex-direction:row;width:100%;height:auto;position:static;overflow-x:auto}.docs-nav nav{flex-direction:row}.docs-nav-label{display:none}.card-grid{grid-template-columns:1fr}.docs-content{padding:1.5rem}}
