@layer tokens{
:root{--layout-sidebar-width:280px;--layout-toc-width:220px;--layout-content-max-width:800px;--layout-header-height:64px;--z-header:100;--z-sidebar:90;--z-overlay:80;--z-toc:70;--layout-transition:0.2s ease}
}
@layer components{
.site-footer--full{padding:var(--space-8)var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}
.post-nav-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}
.post-nav-title{color:var(--color-text);font-weight:500}
.skip-link{position:absolute;top:-60px;left:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--color-primary);color:#fff;text-decoration:none;z-index:9999;border-radius:var(--radius);transition:top var(--layout-transition)}
.skip-link:focus{top:var(--space-4)}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--layout-transition)}
.theme-toggle:hover{border-color:var(--color-primary)}
.theme-toggle-icon::before{content:"\263C";font-size:1.25rem}
[data-theme=dark] .theme-toggle-icon::before{content:"\263E"}
@media(max-width:768px){
:root{--layout-header-height:56px}
.post-nav{grid-template-columns:1fr}
}
@media print{
.layout-sidebar,.layout-toc,.site-header,.site-footer,.mobile-menu-toggle,.skip-link,.theme-toggle{display:none!important}
}
}
@layer overrides{
@layer components{
@media(max-width:768px){
.layout--landing .site-header .header-actions .theme-switcher{grid-area:controls;justify-self:end}
}
}
}