:root{--bg:#f7f5f9;--surface:#fff;--surface-muted:#f1edf5;--text:#211a2b;--muted:#645a73;--primary:#6a4c93;--secondary:#8464ab;--accent:#d9cbe9;--border:#ddd4e7;--radius:2px;--header-height:4.25rem}:root[data-theme=dark]{--bg:#141119;--surface:#1b1622;--surface-muted:#221c2a;--text:#f5f1fa;--muted:#baafc9;--primary:#b79ad9;--secondary:#a98bcd;--accent:#372d45;--border:#342b41}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100svh;margin:0;font-family:Aptos,Segoe UI,Helvetica Neue,sans-serif;line-height:1.6;display:flex}a{color:var(--primary)}a:hover{color:var(--secondary)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3{letter-spacing:-.025em;margin-top:0;font-family:Aptos Display,Aptos,Segoe UI,sans-serif;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:700}h2{font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700}h3{font-size:1rem;font-weight:600}p,ul,ol{margin-top:0}main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.homepage-main{max-width:1120px}.page-main{max-width:960px}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{height:var(--header-height);border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.header-nav{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1.25rem;display:flex}.header-nav__link{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:2px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.header-nav__link:hover{color:var(--text)}.header-nav__link[aria-current=page]{color:var(--text);border-bottom-color:var(--primary);font-weight:600}.nav-menu-toggle{border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.nav-menu-toggle svg{width:1.1rem;height:1.1rem}.brand{color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:1.3rem;height:1.3rem;color:var(--primary);flex-shrink:0}.header-controls{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.locale-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:var(--radius);height:2rem;padding:.3rem .5rem;font-size:.8rem;transition:border-color .15s}.locale-select:hover{border-color:var(--primary)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--text);cursor:pointer;border-radius:var(--radius);justify-content:center;align-items:center;padding:0;transition:border-color .15s;display:flex}.theme-toggle:hover{border-color:var(--primary)}.theme-toggle svg{width:1rem;height:1rem}.button{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius);justify-content:center;align-items:center;gap:.35rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.button--compact{padding:.55rem .9rem;font-size:.85rem}.button.ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.button.ghost:hover{border-color:var(--primary);color:var(--primary);background:0 0}.fallback-notice{border-left:3px solid var(--accent);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1rem;font-size:.875rem;display:flex}.fallback-notice__link{white-space:nowrap;font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:1rem 1.25rem 1.25rem;font-size:.875rem;display:flex}.site-footer p{margin:0}.site-footer__meta{flex-wrap:wrap;gap:.5rem;display:inline-flex}.site-footer ul{flex-wrap:wrap;align-items:center;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:var(--muted);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--primary)}.footer-github{align-items:center;gap:.35rem;display:inline-flex}@media (width<=768px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand toggle controls""nav nav nav";align-items:center;gap:.75rem;height:auto;padding:.75rem 1rem;display:grid}.site-header>.brand{grid-area:brand;min-width:0}.brand{text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-menu-toggle{grid-area:toggle;display:inline-flex}.header-controls{flex-wrap:nowrap;grid-area:controls;justify-content:flex-end;align-items:center;gap:.55rem;width:auto;margin-left:0;display:flex}.header-nav{border-top:1px solid var(--border);flex-direction:column;grid-area:nav;justify-content:flex-start;align-items:stretch;gap:0;width:100%;margin-top:0;padding-top:.5rem;display:none}.header-nav.is-open{display:flex}.header-nav__link{border-bottom:1px solid var(--border);width:100%;padding:.7rem 0;font-size:.95rem;display:block}.header-nav__link[aria-current=page]{border-bottom-color:var(--border);border-left:2px solid var(--primary);padding-left:.6rem}.button--compact{display:none}}#lightbox{z-index:1000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox.is-open{display:flex}#lightbox img{object-fit:contain;cursor:default;max-width:90vw;max-height:90vh;display:block;box-shadow:0 0 0 1px #ffffff14}