.topbar{position:sticky;top:0;z-index:10;display:flex;gap:12px;align-items:center;padding:10px 18px;background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--fg);white-space:nowrap}
#search{flex:1;max-width:420px;margin-left:auto;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.theme-toggle,.nav-toggle{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:5px 10px;cursor:pointer}
.nav-toggle{display:none}
.shell{display:flex;max-width:1280px;margin:0 auto}
.sidebar{width:280px;flex:none;position:sticky;top:57px;height:calc(100vh - 57px);overflow:auto;padding:18px 12px;border-right:1px solid var(--line)}
.content{flex:1;min-width:0;padding:28px 44px 80px;max-width:900px}
.loading{color:var(--muted)}
@media (max-width:860px){.nav-toggle{display:inline-block}.sidebar{position:fixed;left:0;top:57px;background:var(--card);z-index:9;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.content{padding:20px 18px 60px}}