:root{--space-950:#0a0e1a;--space-900:#0e1424;--space-800:#16203a;--space-700:#223052;--atmosphere-500:#4a6fb5;--atmosphere-300:#a9c1e8;--atmosphere-200:#cdddf5;--gold-600:#8a6d1a;--gold-500:#c9a227;--gold-300:#e3c96a;--parchment-50:#f7f3ea;--parchment-100:#efe8d8;--ink-900:#221f1a;--ink-700:#4a443a;--level-beginner:#7ea8dc;--level-intermediate:#4f9e8f;--level-expert:#8d7bc0;--color-bg:var(--space-950);--color-surface:var(--space-900);--color-surface-raised:var(--space-800);--color-border:#2c3a5c;--color-text:#e8eaf2;--color-text-muted:#aab2c8;--color-link:var(--atmosphere-300);--color-link-hover:var(--atmosphere-200);--color-accent:var(--gold-500);--color-accent-contrast:#101010;--color-focus-ring:var(--gold-300);--color-notice-bg:var(--space-800);--color-notice-border:var(--gold-500);--font-display:georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--font-data:ui-monospace, "Cascadia Mono", "Source Code Pro", menlo, consolas, monospace;--text-base:1rem;--text-sm:.875rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-body:1.65;--leading-heading:1.15;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:999px;--z-base:0;--z-scene:10;--z-content:20;--z-header:100;--z-overlay:200;--z-skip-link:300;--motion-duration-fast:.15s;--motion-duration-base:.25s;--motion-duration-scene:.6s;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-ease-in-out:cubic-bezier(.65, 0, .35, 1);--width-content:72rem;--width-reading:42rem;--focus-ring-width:2px;--focus-ring-offset:2px;--chart-wheel-line:var(--atmosphere-300);--chart-wheel-bg:var(--space-900);--chart-glyph-min-size:.875rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-bg:var(--parchment-50);--color-surface:#fffdf7;--color-surface-raised:var(--parchment-100);--color-border:#d8cfba;--color-text:var(--ink-900);--color-text-muted:var(--ink-700);--color-link:#274b8f;--color-link-hover:#16305f;--color-accent:var(--gold-600);--color-accent-contrast:#fff;--color-focus-ring:#4a6fb5;--color-notice-bg:var(--parchment-100);--color-notice-border:var(--gold-600);--chart-wheel-line:#223052;--chart-wheel-bg:#fffdf7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:.01ms;--motion-duration-base:.01ms;--motion-duration-scene:.01ms}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);flex-direction:column;min-height:100dvh;margin:0;display:flex;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-heading);margin:0 0 var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-4);max-width:var(--width-reading)}a{color:var(--color-link);text-underline-offset:.15em;transition:color var(--motion-duration-fast) var(--motion-ease-out);text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-md);font-weight:600;text-decoration:none;position:absolute;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--width-content);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-6);flex-wrap:wrap;margin:0 auto;display:flex}.site-header__brand{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.02em;text-decoration:none}.site-header__brand:hover{color:var(--color-accent)}.nav-desktop{display:none}.nav-desktop ul{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-link{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;display:inline-block}.nav-link:hover{color:var(--color-text)}.nav-link[aria-current=page]{color:var(--color-accent);box-shadow:inset 0 -2px 0 0 var(--color-accent);font-weight:600}.nav-mobile{margin-left:auto}.nav-mobile summary{cursor:pointer;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;list-style:none}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile[open] summary{border-color:var(--color-accent)}.nav-mobile ul{margin:var(--space-2) 0 0;padding:var(--space-2);gap:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;list-style:none;display:flex}@media (min-width:52rem){.nav-desktop{display:block}.nav-mobile{display:none}}.site-main{width:100%;max-width:var(--width-content);padding:var(--space-12) var(--space-4) var(--space-24);flex:1;margin:0 auto}.availability-notice{max-width:var(--width-reading);margin:0 0 var(--space-8);padding:var(--space-3) var(--space-4);background:var(--color-notice-bg);border-left:3px solid var(--color-notice-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.availability-notice__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.level-grid{gap:var(--space-4);margin:var(--space-6) 0;max-width:var(--width-content);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (min-width:52rem){.level-grid{grid-template-columns:repeat(3,1fr)}}.level-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-2)}.level-card--beginner{border-top-color:var(--level-beginner)}.level-card--intermediate{border-top-color:var(--level-intermediate)}.level-card--expert{border-top-color:var(--level-expert)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:auto}.site-footer__inner{max-width:var(--width-content);padding:var(--space-8) var(--space-4);margin:0 auto}.site-footer__groups{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:52rem){.site-footer__groups{grid-template-columns:repeat(3,1fr)}}.site-footer h2{font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.site-footer ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer__meta{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.error-surface{max-width:var(--width-reading);padding:var(--space-8) 0;margin:0 auto}.error-surface__code{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.08em;font-weight:600}.error-surface__brand{margin:0 0 var(--space-4);color:var(--color-accent);font-weight:700}.error-surface__body{max-width:var(--width-reading);color:var(--color-text-muted)}.error-surface__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.error-surface--global .button{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;border:1px solid #0000;min-height:44px;font-weight:600;line-height:1.9;text-decoration:none;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}