:root{--page-gutter:var(--space-4)}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:var(--leading-body);margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);margin:0}.wrap{max-width:68rem;padding:0 var(--page-gutter);margin:0 auto}.site-header{border-bottom:2px solid var(--color-text);background:var(--color-surface)}.site-header .wrap{align-items:center;gap:var(--space-3);min-height:4rem;display:flex}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-right:auto;text-decoration:none;display:flex}.brand img{border-radius:var(--radius-pill);border:2px solid var(--color-border);object-fit:contain;width:2.25rem;height:2.25rem}.nav{gap:var(--space-1);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);display:none}.nav a{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);text-decoration:none}.nav a[aria-current=page]{background:var(--color-primary);color:var(--color-on-primary)}.icon-btn,.theme-toggle{border:2px solid var(--color-text);border-radius:var(--radius-pill);background:var(--color-bg);width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;place-items:center;padding:0;display:grid}.icon-btn[aria-current=page]{background:var(--color-accent-1);color:var(--color-on-accent-1)}.icon-btn svg,.theme-toggle svg{width:1.25rem;height:1.25rem}.theme-toggle .i-sun,:root[data-theme=dark] .theme-toggle .i-moon{display:none}:root[data-theme=dark] .theme-toggle .i-sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-moon{display:none}:root:not([data-theme=light]) .theme-toggle .i-sun{display:block}}main{min-height:60vh}.site-footer{margin-top:var(--space-16);padding:var(--space-8) 0;border-top:2px solid var(--color-text);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer .wrap{gap:var(--space-2) var(--space-6);flex-wrap:wrap;justify-content:space-between;display:flex}@media (width>=48rem){:root{--page-gutter:var(--space-8)}.nav{display:flex}}