.app-shell{max-width:720px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);min-height:100dvh}header .tagline{color:var(--color-text-soft);margin-top:var(--space-1)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}nav button{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);cursor:pointer}nav button[aria-current=page]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.language-switch{margin-left:auto;font-size:var(--font-size-small);color:var(--color-text-soft)}main section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-6)}.boundary{border-left:3px solid var(--color-warn);padding-left:var(--space-3);color:var(--color-text-soft)}main button{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer}main ul{padding-left:var(--space-6);display:grid;gap:var(--space-2)}footer{margin-top:auto;display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-small);color:var(--color-text-soft)}:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #d9dee5;--color-text: #1d2530;--color-text-soft: #5a6675;--color-primary: #2f6fdb;--color-primary-contrast: #ffffff;--color-ok: #1e8e5a;--color-warn: #b97d10;--color-rescue: #c73434;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-h1: 1.5rem;--font-size-h2: 1.2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-s: 6px;--radius-m: 10px}@media(prefers-color-scheme:dark){:root{--color-bg: #14181e;--color-surface: #1d232b;--color-border: #333c47;--color-text: #e8ecf1;--color-text-soft: #9aa6b3;--color-primary: #5b93ec;--color-primary-contrast: #10151b;--color-ok: #3cae7d;--color-warn: #d99a2b;--color-rescue: #e05a5a}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-body);background:var(--color-bg);color:var(--color-text);line-height:1.5}h1{font-size:var(--font-size-h1);margin:0}h2{font-size:var(--font-size-h2);margin-top:0}code{font-family:var(--font-mono);font-size:var(--font-size-small)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}