html,body{height:100%}a{color:inherit;text-decoration:none}
#app{height:100vh;height:100dvh;display:flex;flex-direction:column}
.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px;color:#075c43}.skip:focus{top:8px}
.utility{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 28px;background:#043e2e;color:#fff;font-size:.75rem;letter-spacing:.02em}
.utility nav{display:flex;gap:24px}.utility a:hover{text-decoration:underline}
#topbar{display:flex;align-items:center;gap:32px;padding:18px 28px;background:#fff;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo{height:52px;width:auto}.brand b{display:block;font-size:1.125rem;letter-spacing:-.03em;line-height:1.3}.brand span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}
.tb-search{margin-left:auto;width:min(440px,100%)}.tb-search .wrap{display:flex;align-items:center;gap:10px;border:1px solid #9bb0a4;border-radius:6px;padding:0 14px;background:#fff}.tb-search svg{width:19px;flex-shrink:0;color:var(--primary)}.tb-search input{border:0;outline:0;background:none;width:100%;min-width:0;font-size:.875rem;color:var(--text);height:44px}.tb-search .wrap:focus-within{outline:3px solid #b46e00;outline-offset:3px}
.build-note{font-size:.75rem;border:1px solid #d8bc80;background:#fff8e8;color:#78500e;border-radius:4px;padding:5px 9px;white-space:nowrap}
.menu-btn{display:none;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:5px;background:#fff;color:var(--primary);font-size:20px}
#body{flex:1;display:grid;grid-template-columns:268px minmax(0,1fr);min-height:0;position:relative}
#sidebar{background:#fff;border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;padding:20px 12px}
.sidebar-label{padding:0 12px 14px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
#nav{padding:0}.grp{border-bottom:1px solid #e5ece8;padding:8px 0}.grp:last-child{border:0}
.grp-h{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:0;color:var(--text);font-size:.875rem;font-weight:700;padding:10px 12px;min-height:44px;border-radius:5px}
.grp-h:hover{background:var(--surfaceAlt)}.grp-h:after{content:'+';font-size:20px;font-weight:400;color:var(--muted)}.grp-h[aria-expanded=true]:after{content:'−'}
.grp-content[hidden]{display:none}.mod-h{font-size:.75rem;color:var(--muted);font-weight:600;padding:14px 12px 4px}.scr{display:block;font-size:.875rem;line-height:1.4;padding:10px 12px;margin:3px 0;color:var(--muted);border-radius:5px;border-left:3px solid transparent;overflow-wrap:anywhere}
.scr:hover{color:var(--primary);background:var(--surfaceAlt)}.scr.active{color:var(--primary);background:var(--primaryLight);border-left-color:var(--primary);font-weight:700}
.demo{display:inline-block;font-size:.6875rem;font-weight:600;color:#825310;background:#fff4db;border:1px solid #e9d3a7;border-radius:3px;padding:1px 5px;margin:4px 0 0 5px}.role{display:none}
#search-status{padding:10px 12px;font-size:.8125rem;color:var(--muted);margin:0}#search-status:empty{display:none}
main{display:flex;flex-direction:column;min-width:0;min-height:0}.crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 32px;font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--border);background:#f9fbfa;min-height:46px}.crumb b{font-weight:600;color:var(--text)}.crumb .home{color:var(--primary)}.sep{color:#899a90}.frame-wrap{flex:1;min-height:0}iframe{width:100%;height:100%;border:0;background:var(--bg);display:block}
#menu-scrim{display:none}
@media(min-width:1600px){#body{grid-template-columns:288px minmax(0,1fr)}}
@media(max-width:1000px){#topbar{gap:20px}.build-note{display:none}.brand b{font-size:1rem}.utility{padding:7px 20px}}
@media(max-width:820px){
 .utility{padding:7px 16px}.utility>span{display:none}.utility nav{width:100%;justify-content:space-between;gap:12px}
 #topbar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 16px}.menu-btn{display:block}.brand{gap:10px;min-width:0}.logo{height:42px}.brand b{font-size:1rem}.brand span{font-size:.6875rem}
 .tb-search{grid-column:1/-1;width:100%;margin:0}.tb-search input{height:42px}.tb-search .wrap{padding:0 12px}
 #body{grid-template-columns:1fr}#sidebar{position:absolute;z-index:30;inset:0 auto 0 0;width:min(320px,88vw);visibility:hidden;transform:translateX(-100%);transition:transform .18s,visibility .18s}
 #sidebar.open{visibility:visible;transform:translateX(0)}#menu-scrim.visible{display:block;position:absolute;inset:0;background:#10291f66;border:0;z-index:25}
 .crumb{padding:10px 16px;gap:6px}.crumb .group-name{display:none}
}
[hidden]{display:none!important}