.site-header{background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0;z-index:10}.site-header__inner{align-items:center;display:flex;height:4em;justify-content:space-between}.site-header__logo{font-family:var(--font-heading);font-size:1.1rem;font-weight:var(--heading-weight);text-decoration:none}.site-header__nav{display:flex;font-size:.9rem;gap:1rem}.site-header__link{color:var(--color-muted);text-decoration:none;transition:color .15s}.site-header__link:hover{color:var(--color-accent)}@media(min-width:38em){.site-header__inner{height:5em}.site-header__nav{font-size:1rem;gap:2rem}}.theme-switcher{display:flex;flex-wrap:wrap;gap:.25rem}.theme-switcher__option{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);color:var(--color-muted);font-size:.8rem;padding:.25rem .5rem}.theme-switcher__option:hover{color:var(--color-text)}.theme-switcher__option[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.site-footer{border-top:var(--border-width) solid var(--color-border);color:var(--color-muted);font-size:.875rem;margin-top:4rem;padding:2rem 0}.site-footer__inner{flex-direction:column}.site-footer__inner,.site-footer__socials{display:flex;gap:1rem}.site-footer__social-link{text-decoration:none}.site-footer__social-link:hover{color:var(--color-accent)}@media(min-width:38em){.site-footer__inner{align-items:center;flex-direction:row;justify-content:space-between}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1}