.page-layout{display:flex;max-width:1400px;margin:0 auto}.sidebar{width:240px;flex-shrink:0;padding:30px 20px;border-right:1px solid var(--color-border-dark);height:calc(100vh - 60px);position:sticky;top:60px;overflow-y:auto}.sidebar h2{color:var(--color-accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:block;padding:8px 12px;color:var(--color-text-muted);text-decoration:none;font-size:.85rem;border-radius:6px;transition:all .2s}.sidebar-nav a:hover{background:var(--color-bg-elevated);color:var(--color-accent)}.sidebar-nav a.active{background:var(--color-accent-dim);color:var(--color-accent)}.sidebar-nav a span{display:block;color:var(--color-text-dimmest);font-size:.75rem;margin-top:2px}.main-content{flex:1;min-width:0;padding:40px}.main-content h1{color:var(--color-accent);margin-bottom:10px;font-size:2.5rem}.subtitle{color:var(--color-text-dimmer);margin-bottom:40px;font-size:1rem}@media(max-width:767px){.page-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--color-border-dark);padding:16px}.sidebar h2{display:none}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.sidebar-nav a{padding:8px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:20px;min-height:44px;display:flex;align-items:center}.sidebar-nav a span{display:none}.main-content{padding:20px 16px}.main-content h1{font-size:1.75rem}}@media(max-width:479px){.sidebar{padding:12px}.sidebar-nav{gap:6px}.sidebar-nav a{padding:6px 12px;font-size:.8rem}.main-content{padding:16px 12px}}