:root{color-scheme:light;--color-background:#f5f7f4;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-muted:#e9efec;--color-surface-inverse:#122826;--color-text-primary:#172625;--color-text-secondary:#526361;--color-text-muted:#6d7b79;--color-text-inverse:#f7faf8;--color-border:#cbd6d2;--color-border-strong:#8ea19c;--color-accent:#2457d6;--color-accent-hover:#1944b7;--color-accent-soft:#e8efff;--color-brand:#173e3a;--color-brand-hover:#0d2f2c;--color-highlight:#d7f06f;--color-highlight-soft:#f1f8cf;--color-success:#176742;--color-success-soft:#e2f4ea;--color-warning:#8a5300;--color-warning-soft:#fff2cf;--color-error:#a73543;--color-error-soft:#feeaed;--color-information:#2457d6;--color-information-soft:#e8efff;--color-focus:#2457d6;--color-typing-correct:#176742;--color-typing-current:#2457d6;--color-typing-incorrect:#a73543;--color-typing-corrected:#5b4aae;--color-typing-untyped:#6d7b79;--color-game-accent:#7454c8;--color-certificate-accent:#9a6400;--color-overlay:#0d1f1d70;--color-ink:var(--color-text-primary);--color-ink-muted:var(--color-text-secondary);--color-paper:var(--color-surface);--color-canvas:var(--color-background);--color-surface-soft:var(--color-surface-muted);--color-mint:var(--color-success-soft);--color-danger:var(--color-error);--color-danger-soft:var(--color-error-soft);--font-display:Inter, Aptos, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-ui:var(--font-display);--font-reading:var(--font-display);--font-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;--font-sans:var(--font-ui);--text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-body-large:clamp(1.0625rem, 1rem + .25vw, 1.25rem);--text-h6:1rem;--text-h5:1.125rem;--text-h4:clamp(1.25rem, 1.16rem + .28vw, 1.4375rem);--text-h3:clamp(1.5rem, 1.3rem + .65vw, 1.875rem);--text-h2:clamp(2rem, 1.65rem + 1.2vw, 2.75rem);--text-h1:clamp(2.65rem, 2rem + 2.5vw, 4.75rem);--text-display:clamp(3.2rem, 2.25rem + 4vw, 6.25rem);--text-stat:clamp(2rem, 1.6rem + 1.4vw, 3rem);--text-typing:clamp(1.15rem, 1rem + .7vw, 1.55rem);--text-xs:var(--text-caption);--text-sm:var(--text-small);--text-base:var(--text-body);--text-lg:var(--text-body-large);--text-xl:var(--text-h3);--text-2xl:var(--text-h2);--text-3xl:var(--text-h1);--weight-regular:400;--weight-medium:550;--weight-semibold:650;--weight-bold:740;--tracking-display:-.035em;--tracking-heading:-.018em;--tracking-ui:.005em;--tracking-label:.075em;--tracking-mono:.02em;--tracking-tight:var(--tracking-heading);--tracking-wide:var(--tracking-label);--leading-display:1.02;--leading-heading:1.18;--leading-body:1.7;--leading-ui:1.35;--leading-typing:1.85;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-5:1.25rem;--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--shadow-sm:0 1px 2px #132c290f, 0 7px 20px #132c290d;--shadow-md:0 22px 56px #132c291f;--border-subtle:1px solid var(--color-border);--container-reading:46rem;--container-default:74rem;--container-wide:87rem;--container-tool:75rem;--paragraph-width:68ch;--article-width:72ch;--tool-width:75rem;--page-gutter:clamp(1rem, 3.5vw, 3rem);--section-space:clamp(4rem, 8vw, 6rem);--breakpoint-sm:36rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--focus-ring:0 0 0 3px var(--color-background), 0 0 0 6px var(--color-focus);--motion-fast:.14s;--motion-base:.22s;--motion-large:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-header:20;--z-menu:30;--z-skip-link:100;--header-height:4.5rem}:root[data-theme=dark]{color-scheme:dark;--color-background:#0d1717;--color-surface:#142120;--color-surface-raised:#192928;--color-surface-muted:#203230;--color-surface-inverse:#eff6f3;--color-text-primary:#edf5f2;--color-text-secondary:#bdcbc7;--color-text-muted:#9eafaa;--color-text-inverse:#152523;--color-border:#364b47;--color-border-strong:#667b76;--color-accent:#89a8ff;--color-accent-hover:#abc0ff;--color-accent-soft:#20315a;--color-brand:#c4e3da;--color-brand-hover:#e4f4ef;--color-highlight:#cce867;--color-highlight-soft:#34431c;--color-success:#75d3a4;--color-success-soft:#193b2c;--color-warning:#f0bf68;--color-warning-soft:#463617;--color-error:#ff98a4;--color-error-soft:#48252a;--color-information:#9cb5ff;--color-information-soft:#20315a;--color-focus:#a8bdff;--color-typing-correct:#75d3a4;--color-typing-current:#a8bdff;--color-typing-incorrect:#ff98a4;--color-typing-corrected:#c0a9ff;--color-typing-untyped:#9eafaa;--color-game-accent:#c0a9ff;--color-certificate-accent:#edc877;--color-overlay:#020808b8;--shadow-sm:0 1px 2px #00000038, 0 8px 24px #0003;--shadow-md:0 24px 64px #00000057}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-background:#0d1717;--color-surface:#142120;--color-surface-raised:#192928;--color-surface-muted:#203230;--color-surface-inverse:#eff6f3;--color-text-primary:#edf5f2;--color-text-secondary:#bdcbc7;--color-text-muted:#9eafaa;--color-text-inverse:#152523;--color-border:#364b47;--color-border-strong:#667b76;--color-accent:#89a8ff;--color-accent-hover:#abc0ff;--color-accent-soft:#20315a;--color-brand:#c4e3da;--color-brand-hover:#e4f4ef;--color-highlight:#cce867;--color-highlight-soft:#34431c;--color-success:#75d3a4;--color-success-soft:#193b2c;--color-warning:#f0bf68;--color-warning-soft:#463617;--color-error:#ff98a4;--color-error-soft:#48252a;--color-information:#9cb5ff;--color-information-soft:#20315a;--color-focus:#a8bdff;--color-typing-correct:#75d3a4;--color-typing-current:#a8bdff;--color-typing-incorrect:#ff98a4;--color-typing-corrected:#c0a9ff;--color-typing-untyped:#9eafaa;--color-game-accent:#c0a9ff;--color-certificate-accent:#edc877;--color-overlay:#020808b8;--shadow-sm:0 1px 2px #00000038, 0 8px 24px #0003;--shadow-md:0 24px 64px #00000057}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:calc(var(--header-height) + var(--space-6))}body{background:var(--color-background);width:100%;min-width:0;max-width:100%;color:var(--color-text-primary);font-family:var(--font-reading);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizelegibility;transition:background-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);margin:0}body.menu-open{overflow:hidden}main{width:100%;min-width:0;max-width:100%;min-height:62vh;overflow-x:clip}[hidden]{display:none!important}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,summary,select,label[for]{touch-action:manipulation}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-5);font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance}h1{max-width:17ch;font-size:var(--text-h1);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}h2{max-width:23ch;font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}h5{font-size:var(--text-h5)}h6{font-size:var(--text-h6)}p,ul,ol,dl,blockquote{max-width:var(--paragraph-width)}p{margin:0 0 var(--space-5)}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-accent-hover)}::selection{background:var(--color-highlight);color:#142220}:focus-visible{border-radius:var(--radius-xs);box-shadow:var(--focus-ring);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-skip-link);top:var(--space-4);left:var(--space-4);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-inverse);color:var(--color-text-inverse);font-weight:var(--weight-semibold);position:fixed;transform:translateY(-180%)}.skip-link:focus{color:var(--color-text-inverse);transform:translateY(0)}.container{width:min(calc(100% - (var(--page-gutter) * 2)), var(--container-default));min-width:0;max-width:100%;margin-inline:auto}.container--reading{max-width:var(--container-reading)}.container--wide{max-width:var(--container-wide)}.container--tool{max-width:var(--container-tool)}.section{padding-block:var(--section-space)}.section--soft{border-block:1px solid var(--color-border);background:var(--color-surface-muted)}.section--dark{color:#f5faf8;background:#122826}:root[data-theme=dark] .section--dark{background:#081312}.section--accent{border-block:1px solid color-mix(in srgb, var(--color-highlight) 60%, var(--color-border));background:var(--color-highlight-soft)}.lead,.page-header__lead{color:var(--color-text-secondary);font-size:var(--text-body-large);line-height:1.65}.overline,.eyebrow,.card__eyebrow{margin:0 0 var(--space-3);color:var(--color-success);font-family:var(--font-ui);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);line-height:var(--leading-ui);text-transform:uppercase}.section--dark .overline,.section--dark .eyebrow,.section--dark .card__eyebrow{color:#d6ed79}.button-row{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.button-row--center{justify-content:center}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);cursor:pointer;min-height:3rem;font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);line-height:var(--leading-ui);transition:transform var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border:1px solid #0000;padding:.68rem 1.2rem;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.52}.button--primary{background:var(--color-brand);color:var(--color-background);box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background:var(--color-brand-hover);color:var(--color-background)}.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-hover)}.button--quiet{min-height:2.75rem;padding-inline:var(--space-2);color:var(--color-accent)}.button--quiet:hover:not(:disabled){background:var(--color-accent-soft)}.button--danger{background:var(--color-error);color:#fff}.button--small{min-height:2.75rem;font-size:var(--text-caption);padding:.55rem 1rem}.button--large{min-height:3.5rem;padding-inline:var(--space-6);font-size:var(--text-body)}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--color-text-primary);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-muted)}.badge{border-radius:var(--radius-pill);min-height:1.75rem;font-family:var(--font-ui);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.025em;line-height:var(--leading-ui);border:1px solid #0000;align-items:center;padding:.25rem .68rem;display:inline-flex}.badge--accent{background:var(--color-highlight);color:#1d302c}.badge--neutral{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--information{background:var(--color-information-soft);color:var(--color-information)}.badge--game{background:color-mix(in srgb, var(--color-game-accent) 16%, var(--color-surface));color:var(--color-game-accent)}.divider{height:1px;margin-block:var(--space-8);background:var(--color-border)}.divider--labelled{align-items:center;gap:var(--space-4);height:auto;color:var(--color-text-muted);font-size:var(--text-caption);text-transform:uppercase;background:0 0;display:flex}.divider--labelled:before,.divider--labelled:after{background:var(--color-border);content:"";flex:1;height:1px}.card-grid{gap:var(--space-5);display:grid}.card{border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-raised);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);padding:clamp(1.25rem,3vw,2rem);position:relative}.card__meta{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-height:1.3rem;display:flex}.card__status{color:var(--color-text-muted);font-size:var(--text-caption);white-space:nowrap}.card__title{margin-bottom:var(--space-3);font-size:var(--text-h4)}.card__title a{color:inherit;text-decoration:none}.card__title a:after{border-radius:inherit;content:"";position:absolute;inset:0}.card p:last-child{color:var(--color-text-secondary);margin-bottom:0}.card:has(a):hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card--feature{border-top:4px solid var(--color-accent)}.card--tool{background:linear-gradient(145deg, var(--color-surface-raised), var(--color-accent-soft))}.card--game{border-color:color-mix(in srgb, var(--color-game-accent) 46%, var(--color-border))}.card--game .card__eyebrow{color:var(--color-game-accent)}.card--certificate{border-color:color-mix(in srgb, var(--color-certificate-accent) 45%, var(--color-border))}.stat-card{min-width:0;padding:var(--space-5);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.stat-card__label,.stat-card__detail{color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-caption);margin:0}.stat-card__value{margin:var(--space-1) 0;font-family:var(--font-mono);font-size:var(--text-stat);font-weight:var(--weight-bold);letter-spacing:var(--tracking-mono);line-height:1.1}.stat-card--accent{border-color:var(--color-accent)}.stat-card--success{border-color:var(--color-success)}.site-header{z-index:var(--z-header);border-bottom:1px solid color-mix(in srgb, var(--color-border) 78%, transparent);background:color-mix(in srgb, var(--color-background) 92%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.site-header__inner{min-height:var(--header-height);align-items:center;gap:var(--space-4);display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.02em;flex-shrink:0;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-text-primary)}.brand__mark{width:2.25rem;height:2.25rem;display:block;overflow:hidden}.brand__symbol{width:100%;height:100%;display:block}.brand--compact .brand__mark{width:2rem;height:2rem}.desktop-nav{flex-shrink:0;min-width:max-content;margin-left:auto;display:none}.desktop-nav ul,.mobile-nav ul{margin:0;padding:0;list-style:none}.desktop-nav ul{align-items:center;gap:0;width:max-content;display:flex}.desktop-nav li{flex-shrink:0}.desktop-nav li+li{margin-left:var(--space-3)}.desktop-nav a{min-height:2.75rem;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex;position:relative}.desktop-nav a:after{border-radius:var(--radius-pill);background:var(--color-accent);content:"";opacity:0;height:2px;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);position:absolute;bottom:.22rem;left:0;right:0;transform:scaleX(.4)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--color-text-primary)}.desktop-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site-header__utilities{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.site-header__action{display:none}.site-header__action .button{white-space:nowrap}.site-header__account{min-width:3.75rem;display:none}.auth-header__placeholder{border-radius:var(--radius-pill);background:var(--color-surface-muted);width:3.75rem;height:2.25rem;display:block}.auth-header__sign-in,.account-menu__trigger{align-items:center;gap:var(--space-1);min-height:2.75rem;color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0;text-decoration:none;display:inline-flex}.account-menu{position:relative}.account-menu__trigger{cursor:pointer}.account-menu__panel{z-index:var(--z-menu);top:calc(100% + var(--space-2));width:12rem;padding:var(--space-2);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;position:absolute;right:0}.account-menu__panel a,.account-menu__panel button{min-height:2.75rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.account-menu__panel a:hover,.account-menu__panel button:hover{background:var(--color-accent-soft)}.account-menu__error{width:100%;padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-soft);color:var(--color-text-primary);font-size:var(--text-small);margin:0}.theme-toggle__sun,:root[data-theme=dark] .theme-toggle__moon{display:none}.theme-toggle__moon,:root[data-theme=dark] .theme-toggle__sun{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle__moon{display:none}:root:not([data-theme]) .theme-toggle__sun{display:inline}}.guides-hero,.article-header{border-bottom:var(--border-subtle);background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color-highlight) 35%, transparent), transparent 28rem), var(--color-background);padding-block:clamp(3rem,7vw,6rem)}.guides-intro,.article-deck{max-width:62ch;color:var(--color-text-secondary);font-size:var(--text-body-large)}.guides-status,.article-status,.article-disclosure,.article-update{max-width:68ch;margin-top:var(--space-6);padding:var(--space-4);border-left:4px solid var(--color-information);background:var(--color-information-soft)}.fixture-label{width:fit-content;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning);font-family:var(--font-ui);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.guide-category-list{gap:var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.guide-category-list li{padding:var(--space-2) var(--space-4);border:var(--border-subtle);border-radius:var(--radius-pill);background:var(--color-surface)}.guide-grid,.article-related-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.guide-card,.article-related-card,.guides-empty,.author-box,.article-cta,.article-reference{border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem)}.guide-card h3,.article-related-card h3{margin-bottom:var(--space-3)}.guide-card__link{font-weight:var(--weight-semibold)}.article-header h1{max-width:20ch}.article-meta{gap:var(--space-3) var(--space-8);margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-small);flex-wrap:wrap;display:flex}.article-meta div{gap:var(--space-2);display:flex}.article-meta dt{font-weight:var(--weight-semibold)}.article-meta dd{margin:0}.article-hero{margin:clamp(2rem,5vw,4rem) 0 0}.article-hero img,.article-media img{border-radius:var(--radius-lg);width:100%;height:auto}.article-hero figcaption,.article-media figcaption,.article-code figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-small)}.article-content{padding-block:clamp(3rem,7vw,5rem)}.article-content>:first-child{margin-top:0}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.article-content blockquote{padding-left:var(--space-5);border-left:4px solid var(--color-border-strong);color:var(--color-text-secondary);margin-inline:0}.article-callout,.article-inline-faq{margin-block:var(--space-8);padding:var(--space-5);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-accent-soft)}.article-callout--warning{border-color:var(--color-warning);background:var(--color-warning-soft)}.article-code pre{max-width:100%;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse);font-family:var(--font-mono);tab-size:2;overflow:auto}.article-table{max-width:100%;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%}.article-table caption{margin-bottom:var(--space-3);font-weight:var(--weight-semibold);text-align:left}.article-table th,.article-table td{padding:var(--space-3);border:var(--border-subtle);text-align:left;vertical-align:top}.article-section,.author-box,.article-cta{margin-bottom:clamp(3rem,7vw,5rem)}.article-section>h2{padding-bottom:var(--space-3);border-bottom:var(--border-subtle)}.article-faqs{gap:var(--space-3);display:grid}.article-faqs details{padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.article-faqs summary{cursor:pointer;font-weight:var(--weight-semibold)}.article-faqs details[open] summary{margin-bottom:var(--space-4)}.article-cta{border-color:color-mix(in srgb, var(--color-highlight) 70%, var(--color-border));background:var(--color-highlight-soft)}@media print{.site-header,.site-footer,.article-cta,.button{display:none!important}.article-header,.article-content{padding-block:1rem}.article-page a{color:inherit}}.certificate-landing-hero,.certificate-hub-hero{padding-block:clamp(var(--space-6), 7vw, var(--space-14));background:radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--color-certificate-accent) 22%, transparent), transparent 30rem), linear-gradient(145deg, var(--color-surface) 0%, var(--color-surface-muted) 100%);position:relative;overflow:hidden}.certificate-landing-hero__content{max-width:52rem;padding-block:clamp(var(--space-8), 8vw, var(--space-16)) var(--space-6)}.certificate-landing-hero__content h1,.certificate-hub-hero h1{max-width:16ch;margin-block:var(--space-3) var(--space-5);letter-spacing:-.045em;font-size:clamp(2.5rem,7vw,5.25rem);line-height:.98}.certificate-landing-hero__content>p:last-child,.certificate-hub-hero>.container>p{max-width:44rem;color:var(--color-text-secondary);margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.certificate-area-nav{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.certificate-area-nav a{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-text-secondary);font-weight:var(--weight-semibold);text-decoration:none}.certificate-area-nav a:hover,.certificate-area-nav a[aria-current=page]{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:var(--color-text-on-brand)}.certificate-tool-section{padding-top:clamp(var(--space-6), 5vw, var(--space-10))}.certificate-experience{min-width:0}.certificate-challenge-setup,.certificate-challenge,.achievement-result,.achievement-personalization{gap:clamp(var(--space-5), 3vw, var(--space-8));min-width:0;padding:clamp(var(--space-5), 4vw, var(--space-10));border:1px solid var(--color-border);border-radius:clamp(var(--radius-lg), 2vw, var(--radius-xl));background:var(--color-surface);box-shadow:var(--shadow-md);display:grid}.certificate-challenge-setup header h2,.certificate-challenge header h2,.achievement-result h2,.achievement-personalization h3{margin-block:var(--space-2) 0}.certificate-duration-options,.certificate-difficulty-options{border:0;min-width:0;margin:0;padding:0}.certificate-duration-options legend,.certificate-difficulty-options legend{margin-bottom:var(--space-3);font-weight:var(--weight-bold)}.certificate-duration-options>div{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.certificate-duration-card{cursor:pointer;min-width:0;position:relative}.certificate-duration-card input{opacity:0;position:absolute}.certificate-duration-card>span{align-content:start;gap:var(--space-2);min-height:11rem;padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);display:grid}.certificate-duration-card input:checked+span{border-color:var(--color-brand-primary);background:color-mix(in srgb, var(--color-brand-primary) 7%, var(--color-surface));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.certificate-duration-card input:focus-visible+span{box-shadow:var(--focus-ring);outline:0}.certificate-duration-card strong{font-size:var(--text-h4)}.certificate-duration-card b{color:var(--color-text-primary)}.certificate-duration-card em{border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-caption);font-style:normal;font-weight:var(--weight-bold);justify-self:start;padding:.2rem .55rem}.certificate-duration-card small,.certificate-guest-note{color:var(--color-text-secondary)}.certificate-difficulty-options .segmented-control{max-width:32rem}.certificate-challenge__header,.certificate-section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.certificate-challenge__header p,.certificate-section-heading p{color:var(--color-text-secondary);margin-bottom:0}.certificate-challenge__metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.certificate-challenge__metrics>div{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:center;display:grid}.certificate-challenge__metrics span{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-challenge__metrics strong{font-size:clamp(1.5rem,4vw,2.4rem)}.certificate-challenge__progress{border-radius:var(--radius-pill);width:100%;height:.65rem;accent-color:var(--color-brand-primary);border:0;overflow:hidden}.certificate-challenge__viewport{min-height:clamp(16rem,42vh,27rem)}.achievement-result__hero{text-align:center;justify-items:center;display:grid}.achievement-result__hero>p:last-child{color:var(--color-text-secondary);margin-bottom:0}.achievement-result__speed{margin-top:var(--space-5);color:var(--color-brand-primary);letter-spacing:-.06em;font-size:clamp(3.2rem,11vw,7rem);line-height:.9}.achievement-result__speed span{letter-spacing:0;font-size:.27em}.achievement-result__accuracy{margin-block:var(--space-3);font-size:var(--text-h4);font-weight:var(--weight-semibold)}.achievement-result__level{padding:var(--space-2) var(--space-4);border:1px solid var(--color-certificate-accent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-certificate-accent) 13%, var(--color-surface));color:var(--color-text-primary);font-weight:var(--weight-bold)}.achievement-result__metrics{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.achievement-result__metrics>div{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.achievement-result__metrics dt{color:var(--color-text-secondary);font-size:var(--text-caption)}.achievement-result__metrics dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;font-weight:var(--weight-bold)}.achievement-result__encouragement{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-brand-primary);border-radius:var(--radius-sm);background:var(--color-info-soft);display:grid}.achievement-result__encouragement span{color:var(--color-text-secondary)}.certificate-change-settings{color:var(--color-link);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.achievement-personalization{max-width:48rem;margin-inline:auto}.achievement-personalization input[type=text]{width:100%}.certificate-loop{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.certificate-loop a{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);text-decoration:none;display:grid}.certificate-loop a:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.certificate-loop span{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-faq details{padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.certificate-faq summary{cursor:pointer;font-weight:var(--weight-semibold)}.my-certificates{gap:clamp(var(--space-10), 8vw, var(--space-16));display:grid}@media (width>=64rem){.certificate-mine-section{padding-top:var(--space-10)}}.personal-best{gap:var(--space-4);padding:clamp(var(--space-6), 5vw, var(--space-10));border:1px solid var(--color-certificate-accent);border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in srgb, var(--color-certificate-accent) 12%, var(--color-surface)), var(--color-surface));display:grid}.personal-best h2,.personal-best p{margin:0}.personal-best__score{align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.personal-best__score strong{font-size:clamp(2rem,7vw,4rem)}.personal-best__score span{font-weight:var(--weight-semibold)}.certificate-empty-state{margin-top:var(--space-6);padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center}.achievement-certificate-list{gap:var(--space-4);margin:var(--space-6) 0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));padding:0;list-style:none;display:grid}.achievement-certificate-list>li{align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.achievement-certificate-list>li>div:first-child{gap:var(--space-1);display:grid}.achievement-certificate-list time,.achievement-certificate-list span{color:var(--color-text-secondary);font-size:var(--text-small)}.achievement-certificate-list dl{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.achievement-certificate-list dt{color:var(--color-text-secondary);font-size:var(--text-caption)}.achievement-certificate-list dd{margin:var(--space-1) 0 0;font-weight:var(--weight-bold)}.achievement-badges{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.achievement-badges article{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:.68;grid-template-columns:auto 1fr;display:grid}.achievement-badges article[data-earned=true]{border-color:var(--color-certificate-accent);background:color-mix(in srgb, var(--color-certificate-accent) 9%, var(--color-surface));opacity:1}.achievement-badges article>span{color:var(--color-certificate-accent);font-size:1.5rem}.achievement-badges h3,.achievement-badges p{margin:0}.achievement-badges p,.achievement-badges article>strong{color:var(--color-text-secondary);font-size:var(--text-small)}.achievement-badges article>strong{grid-column:2}.achievement-certificate-page__local-note{color:var(--color-text-secondary);font-size:var(--text-small)}.achievement-certificate-page{gap:clamp(var(--space-5), 4vw, var(--space-8));width:min(100%,78rem);padding:clamp(var(--space-4), 4vw, var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);margin-inline:auto;display:grid}.achievement-certificate-page header{text-align:center}.achievement-certificate-page header h2{margin-block:var(--space-2)}.achievement-certificate-page header p:last-child{color:var(--color-text-secondary);margin-bottom:0}@media (width<=47.99rem){.certificate-duration-options>div,.certificate-loop,.achievement-result__metrics{grid-template-columns:1fr}.certificate-duration-card>span{min-height:0}.certificate-challenge__header,.certificate-section-heading{flex-direction:column;align-items:stretch}.certificate-challenge__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.certificate-challenge__metrics>div{padding-inline:var(--space-2)}}@media (width<=23.99rem){.certificate-challenge__metrics{grid-template-columns:1fr}.certificate-area-nav a{text-align:center;flex:100%}}.mobile-nav{flex-shrink:0}.mobile-nav__trigger{justify-content:center;align-items:center;gap:var(--space-2);min-width:3rem;min-height:2.75rem;padding:var(--space-2);color:var(--color-text-primary);cursor:pointer;font-weight:var(--weight-semibold);background:0 0;border:0;display:inline-flex}.mobile-nav__label{display:none}.mobile-nav__icon,.mobile-nav__icon:before,.mobile-nav__icon:after{border-radius:var(--radius-pill);content:"";background:currentColor;width:1.15rem;height:2px;display:block}.mobile-nav__icon{position:relative}.mobile-nav__icon:before{position:absolute;top:-6px}.mobile-nav__icon:after{position:absolute;top:6px}.mobile-nav__overlay{z-index:calc(var(--z-menu) - 1);inset:var(--header-height) 0 0;background:var(--color-overlay);position:fixed}.mobile-nav__panel{z-index:var(--z-menu);width:min(24rem,92vw);height:100dvh;padding:var(--space-5);border-left:var(--border-subtle);background:var(--color-surface);box-shadow:var(--shadow-md);position:fixed;top:0;right:0;overflow-y:auto}.mobile-nav__panel-top{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-subtle);display:flex}.mobile-nav nav li+li{margin-top:var(--space-1)}.mobile-nav nav li a{min-height:3.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-primary);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:flex}.mobile-nav nav li a:hover,.mobile-nav nav li a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-hover)}.mobile-nav__cta{width:100%;margin-top:var(--space-6)}.mobile-nav__secondary{gap:var(--space-2) var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-subtle);flex-wrap:wrap;display:flex}.mobile-nav__secondary a{color:var(--color-text-secondary);font-size:var(--text-small)}.mobile-nav__account{margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--border-subtle)}.mobile-auth__actions{gap:var(--space-3);display:grid}.mobile-auth__actions .button{width:100%}.mobile-auth__actions>a:not(.button),.mobile-auth__sign-out{min-height:2.75rem;color:var(--color-text-primary);cursor:pointer;font:inherit;font-weight:var(--weight-semibold);text-align:left;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.mobile-auth__status{color:var(--color-text-secondary);font-size:var(--text-small)}.auth-page{min-height:68vh}.auth-page__header{margin-bottom:var(--space-8)}.auth-card,.account-card{padding:clamp(var(--space-5), 5vw, var(--space-8));border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.auth-form,.auth-stack,.account-content{gap:var(--space-6);display:grid}.auth-form .field,.auth-form .choice,.auth-form p,.auth-stack p,.account-card p{max-width:none;margin:0}.auth-form>.button{width:100%}.auth-form__links{justify-content:space-between;gap:var(--space-3);font-size:var(--text-small);flex-wrap:wrap;display:flex}.field__optional{color:var(--color-text-secondary);font-weight:var(--weight-regular)}.password-field{position:relative}.password-field input{padding-right:4.5rem}.password-field__toggle{top:50%;right:var(--space-2);min-width:3.5rem;min-height:2.5rem;color:var(--color-accent);cursor:pointer;font-size:var(--text-small);font-weight:var(--weight-semibold);background:0 0;border:0;position:absolute;transform:translateY(-50%)}.auth-terms{align-items:flex-start}.auth-status{max-width:none}.account-shell{gap:var(--space-6);display:grid}.account-nav{gap:var(--space-2);max-width:100%;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.account-nav a{min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-weight:var(--weight-semibold);flex:none;align-items:center;text-decoration:none;display:inline-flex}.account-nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-hover)}.account-details{gap:var(--space-4);margin:var(--space-6) 0 0;display:grid}.account-details div{gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-subtle);grid-template-columns:minmax(8rem,.4fr) 1fr;display:grid}.account-details dt{color:var(--color-text-secondary)}.account-details dd{font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:0}.account-note{padding:var(--space-4);border-left:4px solid var(--color-information);background:var(--color-information-soft);color:var(--color-text-secondary)}.result-sync-status{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-small);flex-wrap:wrap;display:flex}.result-sync-status p{max-width:none;margin:0}.result-sync-status--saved{border-color:var(--color-success);background:var(--color-success-soft)}.result-sync-status--queued{border-color:var(--color-warning);background:var(--color-warning-soft)}.result-sync-status--failed{border-color:var(--color-error);background:var(--color-error-soft)}.saved-results-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.saved-results-list>li{gap:var(--space-3);padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);display:grid}.saved-results-list>li>div:first-child{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.saved-results-list time{color:var(--color-text-secondary);font-size:var(--text-small)}.saved-results-list dl,.progress-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0;display:grid}.saved-results-list dl div,.progress-stats div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.saved-results-list dt,.progress-stats dt{color:var(--color-text-secondary);font-size:var(--text-small)}.saved-results-list dd,.progress-stats dd{margin:var(--space-1) 0 0;font-weight:var(--weight-semibold)}.progress-dashboard{gap:var(--space-6);display:grid}.table-scroll{border:var(--border-subtle);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.table-scroll:focus-visible{box-shadow:var(--focus-ring);outline:none}.table-scroll table{border-collapse:collapse;width:100%;min-width:34rem}.table-scroll th,.table-scroll td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-subtle);text-align:left}.table-scroll th{background:var(--color-surface-muted)}.guest-account-prompt{gap:var(--space-5);padding:clamp(var(--space-5), 5vw, var(--space-8));border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-soft);justify-content:space-between;display:flex;position:relative}.guest-account-prompt h2{max-width:25ch}.guest-account-prompt__dismiss{width:2.75rem;height:2.75rem;color:var(--color-text-primary);cursor:pointer;font-size:var(--text-h3);background:0 0;border:0;border-radius:50%;flex:none}@media (width>=30rem){.site-header__account{display:block}}@media (width>=48rem){.account-shell{grid-template-columns:11rem minmax(0,1fr);align-items:start}.account-nav{top:calc(var(--header-height) + var(--space-5));display:grid;position:sticky;overflow:visible}}.hero{padding-block:clamp(3.5rem,8vw,7rem);position:relative}.hero:before{z-index:-1;background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--color-highlight) 48%, transparent), transparent 28rem), linear-gradient(135deg, transparent 0 65%, color-mix(in srgb, var(--color-accent-soft) 50%, transparent));content:"";position:absolute;inset:0}.hero__grid{align-items:center;gap:clamp(2.5rem,6vw,5.5rem);display:grid}.hero__content h1{margin-top:var(--space-5)}.hero__lead{max-width:60ch;color:var(--color-text-secondary);font-size:var(--text-body-large)}.hero__note{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--text-small);display:flex}.hero__note span{color:var(--color-success);margin-top:.55em;font-size:.5rem}.hero-workspace{border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:clamp(1rem,3vw,1.75rem);position:relative}.hero-workspace:before{z-index:-1;border-radius:var(--radius-xl);background:var(--color-highlight);content:"";width:68%;height:48%;position:absolute;bottom:-1rem;right:-1rem}.hero-workspace__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--border-subtle);display:flex}.hero-workspace__passage{font-family:var(--font-mono);font-size:var(--text-typing);letter-spacing:var(--tracking-mono);line-height:var(--leading-typing);padding-block:clamp(1.5rem,5vw,2.75rem)}.typing-correct{color:var(--color-typing-correct)}.typing-current{border-bottom:3px solid var(--color-typing-current);color:var(--color-text-primary);padding-bottom:.12em}.typing-untyped{color:var(--color-typing-untyped)}.typing-test{gap:var(--space-6);width:100%;min-width:0;max-width:100%;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.typing-test>*,.typing-result>*,.typing-result__header>*,.typing-result__analysis>*{min-width:0;max-width:100%}.typing-test__configuration{align-items:end;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.typing-test__configuration fieldset{border:0;min-width:0;margin:0;padding:0}.typing-test__configuration legend{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.typing-test__configuration select{min-width:9rem;min-height:2.75rem;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.segmented-control{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);flex-wrap:wrap;display:flex}.segmented-control label{cursor:pointer;position:relative}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{min-width:2.75rem;min-height:2.75rem;padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);border:1px solid #0000;place-items:center;display:grid}.segmented-control input:checked+span{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.segmented-control input:focus-visible+span{box-shadow:var(--focus-ring)}.typing-test__configuration :disabled,.typing-test__configuration fieldset:disabled label{cursor:not-allowed;opacity:.62}.typing-test__instructions,.typing-test__session-note,.typing-test__input-notice{color:var(--color-text-secondary);margin:0}.typing-test__session-note{font-size:var(--text-small)}.typing-test__live-metrics{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));display:grid}.typing-test__live-metrics>div{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.typing-test__live-metrics span,.typing-test__live-metrics strong{display:block}.typing-test__live-metrics span{color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.typing-test__live-metrics strong{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-h4)}.typing-viewport{border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);cursor:text;min-width:0;padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) calc(clamp(1rem,4vw,2rem) + 2rem);position:relative;overflow:hidden}.typing-viewport:focus-within{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.typing-viewport__text{height:5.55em;color:var(--color-typing-untyped);font-family:var(--font-mono);font-size:var(--text-typing);letter-spacing:var(--tracking-mono);line-height:var(--leading-typing);overflow-wrap:anywhere;white-space:pre-wrap;overflow:hidden}.typing-character--correct{color:var(--color-typing-correct)}.typing-character--corrected{border-bottom:2px dotted var(--color-typing-corrected);color:var(--color-typing-corrected)}.typing-character--incorrect{background:var(--color-error-soft);color:var(--color-typing-incorrect);border-radius:.15em;text-decoration:underline .08em wavy}.typing-character--current{border-bottom:3px solid var(--color-typing-current);background:var(--color-accent-soft);color:var(--color-text-primary)}.typing-viewport__continuation{color:var(--color-text-muted)}.typing-viewport__input{z-index:1;caret-color:#0000;color:#0000;opacity:.01;resize:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.typing-viewport__focus-hint{bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);pointer-events:none;position:absolute;left:clamp(1rem,4vw,2rem)}.typing-test__interruption{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-soft);border-left-width:5px;display:flex}.typing-test__interruption p{margin:var(--space-1) 0 0}.typing-result{gap:var(--space-8);width:100%;min-width:0;max-width:100%;padding-top:var(--space-4);display:grid}.typing-result__header{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.typing-result__header p:last-child{color:var(--color-text-secondary);margin-bottom:0}.typing-result__metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));width:100%;min-width:0;max-width:100%;margin:0;display:grid}.typing-result__metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.typing-result__metric--primary{border-color:var(--color-brand);background:var(--color-success-soft)}.typing-result__metric dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.typing-result__metric dd{margin:var(--space-2) 0;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-stat);font-weight:var(--weight-bold);line-height:1.1}.typing-result__metric p{color:var(--color-text-secondary);font-size:var(--text-small);margin:0;line-height:1.5}.typing-result__analysis{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.typing-result__analysis h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.typing-result__analysis p,.typing-result__note{overflow-wrap:anywhere;color:var(--color-text-secondary);margin:0}.typing-result__actions{justify-content:flex-end;min-width:0;max-width:100%;margin-top:0}.custom-test-card{gap:var(--space-6);min-width:0;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.custom-test-card__header{justify-content:space-between;align-items:start;gap:var(--space-6);display:flex}.custom-test-card__header p:last-child{color:var(--color-text-secondary);margin-bottom:0}.custom-test-private-badge{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-success);border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-caption);font-weight:var(--weight-bold);flex:none;align-items:center;display:inline-flex}.custom-test-privacy{padding:var(--space-4);border:1px solid var(--color-information);border-radius:var(--radius-sm);background:var(--color-information-soft);border-left-width:5px}.custom-test-privacy p{margin:var(--space-1) 0 0}.custom-test-form{gap:var(--space-6);display:grid}.custom-test-field{gap:var(--space-2);font-weight:var(--weight-semibold);display:grid}.custom-test-field small{color:var(--color-text-muted);font-weight:var(--weight-regular)}.custom-test-field input,.custom-test-field textarea{width:100%;min-height:3rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--weight-regular)}.custom-test-field textarea{resize:vertical;min-height:14rem;line-height:1.6}.custom-test-field [aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.custom-test-text-meta{justify-content:space-between;gap:var(--space-4);margin-top:calc(var(--space-4) * -1);color:var(--color-text-secondary);font-size:var(--text-small);display:flex}.custom-test-text-meta p,.custom-test-text-meta output{margin:0}.custom-test-text-meta output{font-family:var(--font-mono);flex:none}.custom-test-fieldset{border:0;min-width:0;margin:0;padding:0}.custom-test-fieldset legend{margin-bottom:var(--space-3);font-weight:var(--weight-semibold)}.custom-test-mode-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.custom-test-mode-grid label{cursor:pointer;min-width:0;position:relative}.custom-test-mode-grid input{opacity:0;position:absolute}.custom-test-mode-grid span{gap:var(--space-1);min-height:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:grid}.custom-test-mode-grid input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary)}.custom-test-mode-grid input:focus-visible+span{box-shadow:var(--focus-ring)}.custom-test-durations{width:fit-content;max-width:100%}.custom-test-advanced{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.custom-test-advanced summary{min-height:3rem;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--weight-semibold)}.custom-test-advanced__grid{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.custom-test-checkbox,.custom-test-fixed-setting{align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:flex}.custom-test-checkbox input{width:1.25rem;min-width:1.25rem;height:1.25rem;margin-top:.15rem}.custom-test-checkbox span,.custom-test-fixed-setting{gap:var(--space-1);display:grid}.custom-test-checkbox span span,.custom-test-fixed-setting span{color:var(--color-text-secondary);font-size:var(--text-small)}.custom-test-validation{padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-soft)}.custom-test-validation[data-valid=true]{border-color:var(--color-success);background:var(--color-success-soft)}.custom-test-validation h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.custom-test-validation p,.custom-test-validation ul{margin:0}.custom-test-validation li+li{margin-top:var(--space-1)}.custom-test-validation li[data-severity=warning] strong{color:var(--color-warning)}.custom-test-review{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.custom-test-review div{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.custom-test-review span,.custom-test-review strong{display:block}.custom-test-review span{color:var(--color-text-secondary);font-size:var(--text-caption)}.custom-test-start{justify-self:start}.custom-test-session{border-color:var(--color-brand)}.custom-test-session__actions,.custom-result-actions{margin-top:0}.content-disclosure{padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.content-disclosure summary{cursor:pointer;min-height:2.75rem;font-weight:var(--weight-semibold)}.content-disclosure p{margin:var(--space-2) 0 0}.practice-experience{gap:var(--space-6);margin-top:var(--space-8);display:grid}.practice-source,.practice-targets,.practice-preview,.practice-session,.practice-result{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);min-width:0;box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem)}.practice-source,.practice-preview__header,.practice-session__header,.practice-result__header{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.practice-source h2,.practice-preview h2,.practice-session h2,.practice-result h2,.practice-targets h2{margin-bottom:var(--space-2);font-size:var(--text-h3)}.practice-source p:last-child,.practice-preview__header p:last-child,.practice-result__header p:last-child{color:var(--color-text-secondary);margin:0}.practice-source__choices{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.practice-configuration{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.practice-configuration>label,.practice-manual-fields label{gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);display:grid}.practice-configuration select,.practice-configuration input{width:100%;min-width:0;min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.practice-manual-fields{gap:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.practice-manual-fields span{font-weight:var(--weight-regular)}.practice-targets{align-items:start;gap:var(--space-6);grid-template-columns:minmax(12rem,.75fr) minmax(12rem,.8fr) minmax(16rem,1.45fr);display:grid}.practice-targets__list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.practice-targets__list li{max-width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-highlight-soft);color:var(--color-text-primary);font-family:var(--font-mono);font-weight:var(--weight-bold);overflow-wrap:anywhere}.practice-reasons h3,.practice-result__summary h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.practice-reasons ul{padding-left:var(--space-5);color:var(--color-text-secondary);margin:0}.practice-preview__text{margin-block:var(--space-6) 0;color:var(--color-text-secondary);font-family:var(--font-mono);line-height:var(--leading-typing);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.practice-valid,.practice-invalid{min-height:2.25rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--weight-semibold);flex:none;align-items:center;display:inline-flex}.practice-valid{background:var(--color-success-soft);color:var(--color-success)}.practice-invalid{background:var(--color-error-soft);color:var(--color-error)}.practice-session,.practice-result{gap:var(--space-6);display:grid}.practice-session__header .button-row,.practice-result__header .button-row{justify-content:flex-end;margin-top:0}.practice-result{border-color:var(--color-brand)}.practice-result__metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.practice-result__metrics div{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.practice-result__metrics dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.practice-result__metrics dd{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-bold)}.practice-result__summary p:last-child{color:var(--color-text-secondary);font-size:var(--text-small);margin-bottom:0}.ten-key-experience{gap:var(--space-6);min-width:0;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.ten-key-configuration{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.ten-key-configuration>label{gap:var(--space-2);min-width:min(12rem,100%);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);display:grid}.ten-key-configuration select{min-width:0;min-height:2.75rem;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.ten-key-configuration fieldset,.ten-key-targets{border:0;min-width:0;margin:0;padding:0}.ten-key-configuration legend,.ten-key-targets legend{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.ten-key-configuration :disabled,.ten-key-targets:disabled{cursor:not-allowed;opacity:.62}.ten-key-targets{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.ten-key-targets p,.ten-key-instructions,.ten-key-input-notice{color:var(--color-text-secondary);margin:0}.ten-key-targets>div{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.ten-key-targets label{cursor:pointer;position:relative}.ten-key-targets input{opacity:0;position:absolute}.ten-key-targets span{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:2.75rem;height:2.75rem;font-family:var(--font-mono);font-weight:var(--weight-bold);place-items:center;display:grid}.ten-key-targets input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft)}.ten-key-targets input:focus-visible+span{box-shadow:var(--focus-ring)}.ten-key-guide{align-items:center;gap:var(--space-8);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:minmax(14rem,1fr) minmax(14rem,24rem);display:grid}.ten-key-guide h3{margin-bottom:var(--space-2);font-size:var(--text-h4)}.ten-key-guide p:last-child{color:var(--color-text-secondary);margin:0}.ten-key-guide__keypad{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ten-key-guide__key{min-width:0;min-height:3.65rem;padding:var(--space-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center;align-content:center;display:grid}.ten-key-guide__key strong{font-family:var(--font-mono);font-size:var(--text-h4)}.ten-key-guide__key span{color:var(--color-text-secondary);font-size:.7rem}.ten-key-guide__key[data-current=true]{border-color:var(--color-focus);background:var(--color-highlight-soft);box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus)}.ten-key-current{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-small);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.ten-key-current strong{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-h3);overflow-wrap:anywhere;text-align:center}.ten-key-current span:last-child{text-align:right}.ten-key-viewport .typing-viewport__text{font-variant-numeric:tabular-nums}.ten-key-result{gap:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.ten-key-result__header{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.ten-key-result__header p:last-child,.ten-key-result__note{color:var(--color-text-secondary);margin:0}.ten-key-result__header .button-row{justify-content:flex-end;margin:0}.ten-key-result__metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.ten-key-result__metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.ten-key-result__metric--primary{border-color:var(--color-accent);background:var(--color-accent-soft)}.ten-key-result__metric dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.ten-key-result__metric dd{margin:var(--space-1) 0;font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-bold)}.ten-key-result__metric p{color:var(--color-text-secondary);font-size:var(--text-caption);margin:0;line-height:1.45}.ten-key-result__analysis{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ten-key-result__analysis h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.ten-key-result__analysis p,.ten-key-result__analysis ul{color:var(--color-text-secondary);margin:0}.ten-key-result__analysis ul{padding-left:var(--space-5)}.number-typing-experience{gap:var(--space-6);min-width:0;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.number-typing-configuration{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.number-typing-configuration>label{gap:var(--space-2);min-width:min(11.5rem,100%);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);display:grid}.number-typing-configuration select{min-width:0;min-height:2.75rem;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.number-typing-configuration fieldset,.number-typing-targets{border:0;min-width:0;margin:0;padding:0}.number-typing-configuration legend,.number-typing-targets legend{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.number-typing-configuration :disabled,.number-typing-targets:disabled{cursor:not-allowed;opacity:.62}.number-typing-targets,.number-device-note{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.number-typing-targets p,.number-typing-instructions,.number-typing-input-notice{color:var(--color-text-secondary);margin:0}.number-typing-targets>div{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.number-typing-targets label{cursor:pointer;position:relative}.number-typing-targets input{opacity:0;position:absolute}.number-typing-targets span{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:2.75rem;height:2.75rem;font-family:var(--font-mono);font-weight:var(--weight-bold);place-items:center;display:grid}.number-typing-targets input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft)}.number-typing-targets input:focus-visible+span{box-shadow:var(--focus-ring)}.number-row-guide{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.number-row-guide h3{margin-bottom:var(--space-2);font-size:var(--text-h4)}.number-row-guide p:last-child{color:var(--color-text-secondary);margin:0}.number-row-guide__keys{gap:var(--space-2);grid-template-columns:repeat(10,minmax(3.2rem,1fr));padding:3px;display:grid;overflow-x:auto}.number-row-guide__key{min-width:0;min-height:3.75rem;padding:var(--space-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);text-align:center;align-content:center;display:grid}.number-row-guide__key strong{font-family:var(--font-mono);font-size:var(--text-h4)}.number-row-guide__key span{color:var(--color-text-secondary);font-size:.65rem}.number-row-guide__key[data-current=true]{border-color:var(--color-focus);background:var(--color-highlight-soft);box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus)}.number-device-note{gap:var(--space-1);border-left:4px solid var(--color-accent);display:grid}.number-device-note span{color:var(--color-text-secondary)}.number-typing-current{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-small);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.number-typing-current strong{max-width:100%;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-h3);overflow-wrap:anywhere;text-align:center}.number-typing-current span:last-child{text-align:right}.number-typing-viewport .typing-viewport__text{font-variant-numeric:tabular-nums}.number-typing-result{gap:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.number-typing-result__header{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.number-typing-result__header p:last-child,.number-typing-result__note{color:var(--color-text-secondary);margin:0}.number-typing-result__header .button-row{justify-content:flex-end;margin:0}.number-typing-result__metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.number-typing-result__metric,.number-typing-result__analysis section{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.number-typing-result__metric--primary{border-color:var(--color-accent);background:var(--color-accent-soft)}.number-typing-result__metric dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.number-typing-result__metric dd{margin:var(--space-1) 0;font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-bold)}.number-typing-result__metric p,.number-typing-result__analysis p,.number-typing-result__analysis ul{color:var(--color-text-secondary);margin:0}.number-typing-result__metric p{font-size:var(--text-caption);line-height:1.45}.number-typing-result__analysis{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.number-typing-result__analysis h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.number-typing-result__analysis h3:not(:first-child){margin-top:var(--space-4)}.number-typing-result__analysis ul{padding-left:var(--space-5)}@media (width<=47.99rem){.page-hero{overflow:clip}.typing-test__live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-test__configuration,.typing-test__interruption,.typing-result__header,.custom-test-card__header,.practice-source,.practice-preview__header,.practice-session__header,.practice-result__header{flex-direction:column;align-items:stretch}.typing-test__configuration>.button,.typing-test__interruption .button,.typing-result__header .button{white-space:normal;width:100%;min-width:0;max-width:100%}.typing-test__configuration fieldset,.typing-test__configuration select,.typing-result__actions{width:100%;min-width:0;max-width:100%}.custom-test-mode-grid,.custom-test-advanced__grid,.custom-test-review{grid-template-columns:1fr}.custom-test-text-meta,.custom-test-card__header{flex-direction:column;align-items:stretch}.custom-test-private-badge{align-self:start}.custom-test-start,.custom-result-actions .button,.custom-test-session__actions,.custom-test-session__actions .button{width:100%}.typing-result__analysis,.practice-configuration,.practice-targets,.practice-result__metrics{grid-template-columns:1fr}.practice-source__choices,.practice-source__choices .button,.practice-session__header .button-row,.practice-result__header .button-row,.practice-session__header .button,.practice-result__header .button{width:100%}.ten-key-configuration,.ten-key-result__header,.number-typing-configuration,.number-typing-result__header{flex-direction:column;align-items:stretch}.ten-key-configuration>label,.ten-key-configuration>.button,.ten-key-result__header .button-row,.ten-key-result__header .button,.number-typing-configuration>label,.number-typing-configuration>.button,.number-typing-result__header .button-row,.number-typing-result__header .button{width:100%}.ten-key-guide,.ten-key-result__metrics,.ten-key-result__analysis,.number-typing-result__metrics,.number-typing-result__analysis{grid-template-columns:1fr}.ten-key-current{gap:var(--space-1);grid-template-columns:1fr}.ten-key-current strong,.ten-key-current span:last-child{text-align:left}.number-typing-current{gap:var(--space-1);grid-template-columns:1fr}.number-typing-current strong,.number-typing-current span:last-child{text-align:left}.number-row-guide__keys{grid-template-columns:repeat(5,minmax(3rem,1fr));overflow-x:visible}}@media (width<=24rem){.segmented-control span{padding-inline:var(--space-2)}.practice-manual-fields{grid-template-columns:1fr}.practice-source,.practice-targets,.practice-preview,.practice-session,.practice-result,.practice-configuration,.ten-key-experience,.ten-key-guide,.ten-key-targets{padding:var(--space-4)}.ten-key-guide__key{min-height:3.25rem;padding-inline:var(--space-1)}.number-typing-experience,.number-row-guide,.number-typing-targets{padding:var(--space-4)}.number-row-guide__keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.typing-character--incorrect,.typing-character--corrected,.typing-character--current{border:1px solid}}.hero-workspace__metrics{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hero-workspace__metrics div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.hero-workspace__metrics span,.hero-workspace__metrics strong{display:block}.hero-workspace__metrics span{color:var(--color-text-muted);font-size:.68rem}.hero-workspace__metrics strong{margin-top:var(--space-1);font-family:var(--font-mono);font-size:clamp(.78rem,2.6vw,1rem)}.section-header{gap:var(--space-4);margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}.section-header>p{color:var(--color-text-secondary);margin:0}.section-header--center{text-align:center;max-width:48rem;margin-inline:auto}.section-header--center h2,.section-header--center p{margin-inline:auto}.pathway-grid{gap:var(--space-4);display:grid}.pathway{min-height:11rem;padding:var(--space-6);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);transition:transform var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);align-content:space-between;text-decoration:none;display:grid}.pathway:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-3px)}.pathway span{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.pathway strong{font-size:var(--text-h4);line-height:var(--leading-heading)}.pathway i{color:var(--color-accent);font-style:normal}.feature-split{gap:clamp(2rem,6vw,5rem);display:grid}.feature-list{margin:var(--space-6) 0 0;padding:0;list-style:none}.feature-list li{gap:var(--space-3);padding-block:var(--space-4);border-bottom:var(--border-subtle);grid-template-columns:2rem 1fr;display:grid}.feature-list span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-small)}.feature-list p{color:var(--color-text-secondary);margin:0}.tool-preview,.shell-preview{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,4vw,2rem)}.tool-preview__bar,.shell-preview__bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-subtle);display:flex}.tool-preview__passage{padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-muted);font-family:var(--font-mono);font-size:var(--text-typing);letter-spacing:var(--tracking-mono);line-height:var(--leading-typing)}.tool-preview__footer{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.tool-preview__footer span{color:var(--color-text-secondary);font-size:var(--text-small)}.career-band{gap:var(--space-10);border-radius:var(--radius-xl);color:#f7faf8;background:#173e3a;padding:clamp(1.5rem,5vw,3.5rem);display:grid}.career-band p{color:#c8d8d4}.career-band .button--secondary{color:#fff;background:0 0;border-color:#8ea69f}.career-grid{gap:var(--space-2);display:grid}.career-grid div{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#1e4a45;border:1px solid #3f605a;grid-template-columns:auto 1fr;display:grid}.career-grid span{color:#d6ed79;font-family:var(--font-mono);font-size:var(--text-small)}.future-grid,.guide-row{gap:var(--space-5);display:grid}.guide-card{padding:var(--space-6);border-top:1px solid var(--color-border-strong)}.guide-card h3{font-size:var(--text-h4)}.guide-card p{color:var(--color-text-secondary)}.cta-section__inner,.final-cta{text-align:center;max-width:52rem;margin-inline:auto}.cta-section__inner h2,.cta-section__inner p,.final-cta h2,.final-cta p{margin-inline:auto}.breadcrumbs{margin-bottom:var(--space-8)}.breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-small);display:flex}.breadcrumbs a{color:var(--color-text-secondary)}.page-hero{padding-block:clamp(2.5rem,7vw,5rem) clamp(3.5rem,8vw,6rem);position:relative}.page-hero:after{border:5rem solid color-mix(in srgb, var(--color-accent-soft) 70%, transparent);content:"";pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-10rem;right:-8rem}.page-header{z-index:1;position:relative}.page-header__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header__meta .overline{margin:0}.page-header__lead{max-width:62ch}.page-header--center{text-align:center}.page-header--center h1,.page-header--center p,.page-header--center .page-header__meta{justify-content:center;margin-inline:auto}.placeholder-shell{gap:var(--space-8);display:grid}.shell-preview__main{gap:var(--space-4);display:grid}.shell-preview__canvas{min-height:12rem;padding:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted)}.shell-preview__canvas p{color:var(--color-text-secondary);margin:0}.shell-preview__aside{gap:var(--space-3);display:grid}.shell-preview__aside>div{padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.shell-preview--game .shell-preview__canvas{border-color:var(--color-game-accent)}.game-page-hero .page-header__status,.game-result__best{border-color:color-mix(in srgb, var(--color-game-accent) 48%, var(--color-border));background:color-mix(in srgb, var(--color-game-accent) 12%, var(--color-surface))}.game-hub-grid .card{height:100%}.game-card__access{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-small)}.game-experience,.game-result{padding:clamp(var(--space-5), 4vw, var(--space-10));border:1px solid color-mix(in srgb, var(--color-game-accent) 48%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.game-configuration{align-items:end;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;display:grid}.game-configuration label:not(.game-check),.game-input label{gap:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-semibold);display:grid}.game-configuration select,.game-input input{width:100%;min-height:3rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.game-check{align-items:center;gap:var(--space-2);min-height:3rem;font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-semibold);display:flex}.game-check input{width:1.25rem;height:1.25rem}.game-countdown{text-align:center;place-content:center;min-height:15rem;display:grid}.game-countdown strong{color:var(--color-game-accent);font-family:var(--font-display);font-size:var(--text-display);line-height:1}.game-countdown span{color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.game-stage__header,.game-result>.button-row{justify-content:space-between;align-items:start;gap:var(--space-6);display:flex}.game-stage__header .button-row{flex-shrink:0;margin-top:0}.game-live-metrics,.game-metrics{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.game-live-metrics>div,.game-metrics>div,.game-analysis section{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.game-live-metrics dt,.game-metrics dt{color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase}.game-live-metrics dd,.game-metrics dd{margin:var(--space-1) 0 0;color:var(--color-game-accent);font-family:var(--font-mono);font-size:var(--text-h4);font-weight:var(--weight-bold)}.game-pause{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-soft);grid-template-columns:1fr auto;display:grid}.game-pause p{margin:0}.game-target{min-height:10rem;margin:var(--space-5) 0;padding:var(--space-6);border:2px solid color-mix(in srgb, var(--color-game-accent) 55%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-game-accent) 7%, var(--color-surface));text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.game-target strong{max-width:100%;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:clamp(1.25rem,3vw,2rem)}.game-target--falling{grid-template-rows:auto 1fr auto;min-height:clamp(15rem,36vh,24rem)}.game-target--falling strong{animation:game-fall var(--fall-duration) linear both;align-self:start}.game-experience[data-status=paused] .game-target--falling strong{animation-play-state:paused}.game-target--falling[data-reduced-motion=true] strong{align-self:center;animation:none}.game-target__urgency,.game-target__finish{width:100%;color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.game-target__finish{padding-top:var(--space-2);border-top:2px dashed var(--color-warning)}.game-input{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.game-input label{min-width:0}.game-analysis{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-analysis h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.game-analysis p,.game-result__note{color:var(--color-text-secondary);margin:0}.game-result__note{margin-top:var(--space-5)}.game-result__best{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-game-accent);font-size:var(--text-small);font-weight:var(--weight-bold);border:1px solid;display:inline-flex}@keyframes game-fall{0%{transform:translateY(0)}to{transform:translateY(clamp(8rem,24vh,16rem))}}@media (width<=63.99rem){.game-configuration,.game-live-metrics,.game-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.99rem){.game-configuration,.game-live-metrics,.game-metrics,.game-analysis,.game-input,.game-pause{grid-template-columns:minmax(0,1fr)}.game-stage__header,.game-result>.button-row{display:block}.game-stage__header .button-row,.game-result>.button-row{margin-top:var(--space-4)}.game-stage__header .button,.game-result>.button-row .button,.game-configuration>.button,.game-input .button{width:100%}.game-target--falling{min-height:13rem}}.career-tool-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.career-tool-grid .card p:last-child{margin-bottom:0}.career-experience{gap:var(--space-5);min-width:0;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.career-configuration{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.career-configuration fieldset{border:0;min-width:0;margin:0;padding:0}.career-configuration legend,.career-configuration>label{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.career-configuration>label{gap:var(--space-2);display:grid}.career-configuration select,.career-configuration input[type=text]{min-width:10rem;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.career-configuration__targets{flex:18rem}.career-configuration__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.career-safety-notice{padding:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-soft);border-left-width:5px}.career-safety-notice p,.career-source-notice{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.career-passage-meta{justify-content:space-between;align-items:end;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);display:flex}.career-passage-meta div,.career-passage-meta span,.career-passage-meta strong{display:block}.career-passage-meta span{color:var(--color-text-secondary);font-size:var(--text-caption)}.career-passage-meta strong{margin-top:var(--space-1)}.career-experience--beginner .typing-viewport__text{height:5.7em;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.9}.career-experience--programmer .typing-viewport__text{overflow-wrap:normal;word-break:normal;white-space:pre-wrap}.career-experience--mobile{scroll-margin-bottom:45vh}.mobile-typing-viewport{min-height:10rem;scroll-margin-block:20vh}.mobile-typing-viewport .typing-viewport__text{overflow-wrap:anywhere;height:5.25em;font-size:clamp(1.05rem,4.6vw,1.35rem);line-height:1.75}.advanced-typing-viewport .typing-viewport__text{overflow-wrap:anywhere;word-break:normal;height:7.2em;line-height:1.8}.career-experience--advanced .career-result__metric dd,.career-experience--mobile .career-result__metric dd{overflow-wrap:anywhere}.career-result{gap:var(--space-6);min-width:0;padding-top:var(--space-3);display:grid}.career-result__header{justify-content:space-between;align-items:end;gap:var(--space-5);display:flex}.career-result__header p:last-child,.career-result__note{color:var(--color-text-secondary);margin-bottom:0}.career-result__metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:0;display:grid}.career-result__metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.career-result__metric dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.career-result__metric dd{margin:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-bold)}.career-result__metric p{color:var(--color-text-secondary);font-size:var(--text-caption);margin:0}.career-result__analysis{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.career-result__analysis>div{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.career-result__analysis h3{margin-bottom:var(--space-2);font-size:var(--text-h5)}.career-result__analysis ul,.career-result__analysis p{color:var(--color-text-secondary);margin:0}@media (width<=47.99rem){.career-tool-grid,.career-result__analysis{grid-template-columns:1fr}.career-configuration,.career-passage-meta,.career-result__header{flex-direction:column;align-items:stretch}.career-configuration>label,.career-configuration select,.career-configuration input,.career-configuration__actions,.career-configuration__actions .button,.career-result__header .button-row,.career-result__header .button{width:100%}.career-experience--programmer .typing-viewport__text{overflow-wrap:normal;overflow-x:auto}.career-experience--advanced .typing-viewport__text{overflow-wrap:anywhere;overflow-x:hidden}}@media (width<=24rem){.career-experience{padding:var(--space-4)}.career-result__metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.game-target--falling strong{animation:none}}.shell-preview--certificate .shell-preview__canvas{border-color:var(--color-certificate-accent)}.shell-preview--article .shell-preview__canvas{max-width:var(--container-reading);min-height:auto}.notice,.alert{gap:var(--space-3);margin-block:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto 1fr;display:grid}.notice:before,.alert__icon{width:.65rem;height:.65rem;color:var(--color-information);content:"";border:2px solid;border-radius:50%;margin-top:.52rem}.notice p,.alert p,.alert__body>:last-child{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.alert--success{border-color:var(--color-success);background:var(--color-success-soft)}.alert--success .alert__icon{color:var(--color-success)}.alert--warning{border-color:var(--color-warning);background:var(--color-warning-soft)}.alert--warning .alert__icon{color:var(--color-warning)}.alert--error{border-color:var(--color-error);background:var(--color-error-soft)}.alert--error .alert__icon{color:var(--color-error)}.callout{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);padding:clamp(1.5rem,4vw,2.5rem)}.callout--accent{border-color:var(--color-accent);background:var(--color-accent-soft)}.callout h2{font-size:var(--text-h3)}.callout__body>:last-child{margin-bottom:0}.state-message{padding:var(--space-6);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.state-message p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.state-message--error{border-color:var(--color-error);background:var(--color-error-soft)}.state-message--loading strong:after{content:"…"}.skeleton{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.skeleton span{width:calc(100% - (var(--line) * 8%));border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-surface-muted), var(--color-border), var(--color-surface-muted));background-size:200% 100%;height:.85rem;animation:1.4s linear infinite skeleton-wave}@keyframes skeleton-wave{to{background-position:-200% 0}}.field{gap:var(--space-2);display:grid}.field label,.choice-group legend{color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-small);font-weight:var(--weight-semibold)}.field input,.field select,.field textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:3rem;color:var(--color-text-primary);padding:.7rem .85rem}.field textarea{resize:vertical;min-height:7rem}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-muted)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-accent)}.field input:disabled,.field select:disabled,.field textarea:disabled{cursor:not-allowed;opacity:.6}.field__hint,.field__error{color:var(--color-text-muted);font-size:var(--text-caption);margin:0}.field--error input,.field [aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.field__error{color:var(--color-error);font-weight:var(--weight-medium)}.form-showcase{gap:var(--space-5);display:grid}.choice-group{gap:var(--space-3) var(--space-6);border:0;flex-wrap:wrap;padding:0;display:flex}.choice-group legend{width:100%;margin-bottom:var(--space-2)}.choice{align-items:center;gap:var(--space-2);cursor:pointer;min-height:2.75rem;display:inline-flex}.choice input{width:1.15rem;height:1.15rem;accent-color:var(--color-accent);margin:0}.toggle{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:3rem;display:flex}.toggle>span{display:grid}.toggle small{color:var(--color-text-secondary)}.toggle input{opacity:0;position:absolute}.toggle i{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-muted);flex:none;width:3rem;height:1.75rem;position:relative}.toggle i:after{background:var(--color-text-muted);content:"";width:1.22rem;height:1.22rem;transition:transform var(--motion-fast) var(--ease-standard);border-radius:50%;position:absolute;top:.2rem;left:.2rem}.toggle input:checked+i{border-color:var(--color-accent);background:var(--color-accent)}.toggle input:checked+i:after{background:#fff;transform:translate(1.22rem)}.toggle input:focus-visible+i{box-shadow:var(--focus-ring)}.tabs__list{gap:var(--space-1);border-bottom:var(--border-subtle);display:flex;overflow-x:auto}.tabs__list button{min-height:2.75rem;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);cursor:pointer;font-weight:var(--weight-semibold);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000}.tabs__list button[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-text-primary)}.tabs [role=tabpanel]{padding-block:var(--space-5)}.tabs [role=tabpanel] p:last-child{margin-bottom:0}.prose{max-width:var(--article-width);color:var(--color-text-primary)}.prose>*+*{margin-top:var(--space-6)}.prose h2{margin-top:var(--space-12);font-size:var(--text-h3)}.prose h3{margin-top:var(--space-8);font-size:var(--text-h4)}.prose p,.prose li{max-width:none}.prose li+li{margin-top:var(--space-2)}.prose a{font-weight:var(--weight-medium)}.not-found{padding-block:clamp(4rem,10vw,8rem)}.not-found__grid{align-items:center;gap:var(--space-10);display:grid}.not-found__code{color:var(--color-highlight);font-family:var(--font-mono);font-size:clamp(6rem,25vw,14rem);font-weight:var(--weight-bold);letter-spacing:-.06em;text-shadow:.06em 0 var(--color-accent-soft);margin:0;line-height:.8}.site-footer{padding-block:var(--space-8) var(--space-5);border-top:var(--border-subtle);background:var(--color-surface-muted)}.site-footer__top{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer__intro{grid-column:1/-1}.site-footer__intro p{max-width:30rem;margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-small);line-height:1.6}.site-footer nav{min-width:0}.site-footer h2{margin-bottom:var(--space-2);font-size:var(--text-small);letter-spacing:0}.site-footer ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.site-footer__nav--company{grid-column:1/-1}.site-footer__nav--company ul{column-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer li{min-width:0}.site-footer nav a,.site-footer nav button{min-height:2.75rem;color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;line-height:1.35;text-decoration:none;display:inline-flex}.site-footer nav a:hover,.site-footer nav button:hover{color:var(--color-text-primary);text-decoration:underline}.site-footer__bottom{margin-top:var(--space-5);padding-top:var(--space-3);border-top:var(--border-subtle);color:var(--color-text-muted);font-size:var(--text-caption)}.site-footer__bottom p{margin:0}noscript{padding:var(--space-3);background:var(--color-warning-soft);color:var(--color-warning);text-align:center;display:block}.design-system-hero,.design-system-section{padding-block:var(--space-12);border-bottom:var(--border-subtle)}.design-system-section>h2{margin-bottom:var(--space-8);font-size:var(--text-h3)}.swatch-grid,.component-grid,.shell-gallery{gap:var(--space-4);display:grid}.swatch{border:var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.swatch__color{background:var(--swatch);height:5rem}.swatch__label{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption)}.component-demo{min-width:0;padding:var(--space-6);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface)}.component-demo>h3{margin-bottom:var(--space-5);font-size:var(--text-h5)}.component-demo__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.type-specimen>*{max-width:none;margin-bottom:var(--space-4)}.type-specimen__display{font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.type-specimen__typing,.type-specimen__code{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.type-specimen__h1,.type-specimen__h2,.type-specimen__h3,.type-specimen__h4{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.type-specimen__h1{font-size:var(--text-h1);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.type-specimen__h2{font-size:var(--text-h2)}.type-specimen__h3{font-size:var(--text-h3)}.type-specimen__h4{font-size:var(--text-h4)}.type-specimen__typing{font-size:var(--text-typing);line-height:var(--leading-typing)}.certificate-hero-trust{max-width:58rem;margin-top:var(--space-8);padding:var(--space-5) var(--space-6);border:1px solid var(--color-certificate-accent);border-radius:var(--radius-md);background:var(--color-surface)}.certificate-hero-trust p,.certificate-requirements-note{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.certificate-assessment{gap:var(--space-8);min-width:0;max-width:100%;margin-top:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.certificate-assessment__setup,.certificate-assessment__test,.certificate-result,.certificate-preview-wrap,.certificate-recovery,.certificate-finalizing{min-width:0;padding:clamp(var(--space-5), 3vw, var(--space-8));border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.certificate-assessment__setup{gap:var(--space-6);display:grid}.certificate-recovery,.certificate-finalizing{gap:var(--space-5);display:grid}.certificate-recovery--interrupted{border-color:var(--color-warning);border-left-width:5px}.certificate-recovery h2,.certificate-finalizing h2,.certificate-recovery p,.certificate-finalizing p{margin:0}.certificate-recovery__facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));margin:0;display:grid}.certificate-recovery__facts>div{min-width:0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.certificate-recovery__facts dt{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-recovery__facts dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;font-weight:var(--weight-semibold)}.certificate-assessment__setup h2,.certificate-assessment__test h2,.certificate-result h2,.certificate-preview h2{margin-bottom:var(--space-2);font-size:var(--text-h3)}.certificate-assessment__setup p,.certificate-assessment__test-heading p:last-child,.certificate-result__header p:last-child{color:var(--color-text-secondary);margin:0}.certificate-assessment__settings{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.certificate-assessment .segmented-control{max-width:100%}.certificate-assessment .segmented-control span{text-align:center;white-space:normal;max-width:100%}.certificate-assessment__settings fieldset{border:0;min-width:0;margin:0;padding:0}.certificate-assessment__settings legend,.certificate-result__identity label{margin-bottom:var(--space-2);font-weight:var(--weight-semibold);display:block}.certificate-assessment__settings select,.certificate-result__identity input{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.certificate-assessment__settings select:focus-visible,.certificate-result__identity input:focus-visible{box-shadow:var(--focus-ring);outline:0}.certificate-assessment__test{gap:var(--space-6);display:grid}.certificate-assessment__test-heading,.certificate-result__header,.certificate-preview__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.certificate-result{gap:var(--space-6);grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;display:grid}.certificate-result__status,.certificate-preview__status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-small);font-weight:var(--weight-semibold);text-transform:capitalize;flex:none}.certificate-result__status--eligible{background:var(--color-success-soft);color:var(--color-success)}.certificate-result__status--invalid,.certificate-result__status--not-eligible{background:var(--color-error-soft);color:var(--color-error)}.certificate-result__metrics,.certificate-preview__metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));margin:0;display:grid}.certificate-result__metrics>div,.certificate-preview__metrics>div{min-width:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.certificate-result__metrics dt,.certificate-preview__metrics dt{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-result__metrics dd,.certificate-preview__metrics dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;font-size:var(--text-h5);font-weight:var(--weight-bold)}.certificate-result__rules,.certificate-result__recommendations,.certificate-result__identity,.certificate-preview__trust{min-width:0;max-width:100%;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-muted)}.certificate-result__rules summary{cursor:pointer;font-weight:var(--weight-semibold)}.certificate-result__rules[open] summary{margin-bottom:var(--space-4)}.certificate-assessment__restart-note,.certificate-issuance__requirement{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.certificate-result__guest-preview{gap:var(--space-5);min-width:0;display:grid}.certificate-result__rules h3,.certificate-result__recommendations h3{margin-bottom:var(--space-3);font-size:var(--text-h5)}.certificate-result__rules ul,.certificate-result__recommendations ul,.certificate-preview__trust ul{gap:var(--space-2);padding-left:var(--space-5);margin:0;display:grid}.certificate-result__rules li[data-passed=true] strong{color:var(--color-success)}.certificate-result__rules li[data-passed=false] strong,.field-error{color:var(--color-error)}.certificate-result__recommendations li span{color:var(--color-text-secondary);display:block}.certificate-result__identity p{max-width:68ch;margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-result__identity input{min-width:0;max-width:100%;display:block}.certificate-result__identity .field-error{margin-top:var(--space-2)}.certificate-preview-wrap{padding:clamp(var(--space-3), 3vw, var(--space-8))}.certificate-preview{gap:clamp(var(--space-6), 4vw, var(--space-10));min-width:0;padding:clamp(var(--space-5), 5vw, var(--space-12));border:2px solid var(--color-certificate-accent);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-certificate-accent) 8%, transparent), transparent 38%), var(--color-surface);display:grid}.certificate-preview__header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-certificate-accent)}.certificate-preview__recipient{text-align:center}.certificate-preview__recipient p,.certificate-preview__recipient small{color:var(--color-text-secondary);margin:0;display:block}.certificate-preview__recipient strong{margin-block:var(--space-2);overflow-wrap:anywhere;letter-spacing:var(--tracking-heading);font-size:clamp(1.75rem,5vw,3.25rem);line-height:var(--leading-heading);display:block}.certificate-preview__trust p{margin-block:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.certificate-preview__footer{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-certificate-accent);display:grid}.certificate-preview__footer span,.certificate-preview__footer strong{display:block}.certificate-preview__footer span{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-preview__footer strong{margin-top:var(--space-1);overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-small)}.certificate-preview__actions{margin-top:var(--space-5);align-items:center}.certificate-preview__actions p{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.certificate-preview__introduction,.certificate-issuance,.certificate-document,.verification-state{gap:var(--space-5);min-width:0;display:grid}.certificate-preview__introduction p,.certificate-issuance p,.certificate-document p,.verification-state p{margin:0}.certificate-document__viewport{border-radius:var(--radius-md);width:100%;min-width:0;box-shadow:var(--shadow-md);background:#e8edf5;border:1px solid #c8d2e3;overflow:hidden}.certificate-document__svg{aspect-ratio:1400/990;width:100%}.certificate-document__svg svg{width:100%;height:100%;display:block}.certificate-document__verification-url{overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-document__actions{margin-top:0}.certificate-document__status{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-issuance{padding:clamp(var(--space-5), 3vw, var(--space-8));border:1px solid var(--color-certificate-accent);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.certificate-issuance__fields{gap:var(--space-4);min-width:0;display:grid}.certificate-issuance__fields input[type=text],.verification-lookup input{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.certificate-issuance__readonly,.verification-state__summary dl,.certificate-library dl,.certificate-owner__facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));margin:0;display:grid}.certificate-issuance__readonly>div,.verification-state__summary dl>div,.certificate-library dl>div,.certificate-owner__facts>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.certificate-issuance__readonly dt,.verification-state__summary dt,.certificate-library dt,.certificate-owner__facts dt{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-issuance__readonly dd,.verification-state__summary dd,.certificate-library dd,.certificate-owner__facts dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-weight:var(--weight-bold)}.certificate-issuance__success{padding:var(--space-4);border-left:4px solid var(--color-success);background:var(--color-success-soft)}.certificate-library{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.certificate-library>li{gap:var(--space-4);min-width:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);display:grid}.certificate-library__summary,.certificate-library__summary>div:first-child{gap:var(--space-2);min-width:0;display:grid}.certificate-library__summary time,.certificate-library__summary span{color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-library code,.verification-state code{overflow-wrap:anywhere;white-space:normal;max-width:100%}.verification-state{padding:clamp(var(--space-5), 4vw, var(--space-8));border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface)}.verification-state--verified{border-color:var(--color-success)}.verification-state--revoked,.verification-state--error{border-color:var(--color-error)}.certificate-page-body{background:var(--color-surface-muted);min-width:20rem}.certificate-page-header{border-bottom:var(--border-subtle);background:var(--color-surface)}.certificate-page-header .container{align-items:center;min-height:4.5rem;display:flex}.certificate-page-main{padding-block:clamp(var(--space-6), 5vw, var(--space-12))}.certificate-page-footer{padding-block:var(--space-5);border-top:var(--border-subtle);color:var(--color-text-secondary);font-size:var(--text-small)}.certificate-page-footer p{margin:0}.certificate-owner{gap:clamp(var(--space-5), 3vw, var(--space-8));width:100%;min-width:0;max-width:75rem;padding:clamp(var(--space-4), 4vw, var(--space-8));border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.certificate-owner>*{min-width:0;max-width:100%}.certificate-owner__header,.certificate-owner__visibility{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.certificate-owner__header p,.certificate-owner__visibility p{color:var(--color-text-secondary);margin:0}.certificate-owner__badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-weight:var(--weight-bold);flex:none}.certificate-owner__facts{margin:0}.certificate-owner__facts code{overflow-wrap:anywhere;white-space:normal}.certificate-owner__announcement{padding:var(--space-4);border-left:4px solid var(--color-success);background:var(--color-success-soft);margin:0}.certificate-owner__verification,.certificate-owner__visibility{min-width:0;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-muted)}.certificate-owner__verification{gap:var(--space-3);display:grid}.certificate-owner__verification a{overflow-wrap:anywhere}.certificate-owner__navigation{margin:0}@media (width<=35.99rem){.certificate-assessment__test-heading,.certificate-result__header,.certificate-owner__header,.certificate-owner__visibility{flex-direction:column;align-items:stretch}.certificate-result__actions .button,.certificate-document__actions .button,.certificate-owner__navigation .button,.certificate-owner__visibility .button,.certificate-owner__verification .button{width:100%}.certificate-document__actions{grid-template-columns:1fr;display:grid}}.verification-lookup{gap:var(--space-3);margin-block:var(--space-5);display:grid}.verification-lookup label{font-weight:var(--weight-semibold)}@media (width>=36rem){.mobile-nav__label{display:inline}.pathway-grid,.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.not-found__grid{grid-template-columns:auto 1fr}.certificate-assessment__settings,.certificate-preview__footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.card-grid--two,.future-grid,.component-grid,.shell-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three,.pathway-grid,.guide-row{grid-template-columns:repeat(3,minmax(0,1fr))}.section-header{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.75fr);align-items:end}.section-header--center{display:block}.feature-split,.career-band,.placeholder-shell{grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);align-items:center}.shell-preview__main{grid-template-columns:minmax(0,1fr) 14rem}.site-footer__top{gap:var(--space-5) var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__intro{grid-column:1/-1}.site-footer__nav--company{grid-column:auto}.site-footer__nav--company ul{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(28rem,.98fr)}.site-footer__top{gap:var(--space-6);grid-template-columns:minmax(15rem,1.45fr) repeat(3,minmax(8rem,1fr))}.site-footer__intro{grid-column:auto}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=96rem){.desktop-nav{padding-right:var(--space-8);display:block}.mobile-nav{display:none}.site-header__utilities{gap:var(--space-4);margin-left:var(--space-3)}.site-header__action{display:block}.site-header__inner{width:min(calc(100% - (var(--page-gutter) * 2)), var(--container-wide));gap:var(--space-6)}.desktop-nav li+li{margin-left:.95rem}}@media (width<=29.99rem){.button-row .button{width:100%}.hero-workspace__metrics{grid-template-columns:1fr}.hero-workspace__metrics div{justify-content:space-between;align-items:center;display:flex}.hero-workspace__metrics strong{margin:0}.certificate-assessment__test-heading,.certificate-result__header,.certificate-preview__header{flex-direction:column;align-items:stretch}.certificate-assessment__test-heading .button,.certificate-result__actions .button,.certificate-preview__actions .button{width:100%}.certificate-preview__status,.certificate-result__status{align-self:flex-start}}.data-entry-assessment{gap:var(--space-6);min-width:0;margin-top:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);padding:clamp(1rem,4vw,2rem);display:grid}.data-entry-configuration{align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.data-entry-configuration>label{gap:var(--space-2);min-width:min(13rem,100%);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold);display:grid}.data-entry-configuration select,.data-entry-field input{width:100%;min-width:0;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.data-entry-configuration select:focus-visible,.data-entry-field input:focus-visible{box-shadow:var(--focus-ring);outline:0}.data-entry-configuration fieldset{border:0;min-width:0;margin:0;padding:0}.data-entry-configuration legend{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.data-entry-duration{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-entry-duration label{cursor:pointer;position:relative}.data-entry-duration input{opacity:0;position:absolute}.data-entry-duration span{min-width:4rem;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);place-items:center;display:grid}.data-entry-duration input:checked+span{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text-primary)}.data-entry-duration input:focus-visible+span{box-shadow:var(--focus-ring)}.data-entry-guidance,.data-entry-notice,.data-entry-result__note{color:var(--color-text-secondary);margin:0}.data-entry-live{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.data-entry-live>div{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);display:grid}.data-entry-live span{color:var(--color-text-secondary);font-size:var(--text-caption)}.data-entry-live strong{font-family:var(--font-mono);font-size:var(--text-h4)}.data-entry-ready,.data-entry-workspace,.data-entry-result{min-width:0;padding:clamp(var(--space-4), 3vw, var(--space-7));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.data-entry-ready h3,.data-entry-workspace h3,.data-entry-result h2,.data-entry-result h3{margin-bottom:var(--space-2)}.data-entry-ready p:last-child,.data-entry-result p:last-child{margin-bottom:0}.data-entry-workspace,.data-entry-result{gap:var(--space-6);display:grid}.data-entry-workspace__header,.data-entry-result__header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.data-entry-workspace__header p,.data-entry-result__header p{color:var(--color-text-secondary);margin:0}.data-entry-record{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-entry-field{gap:var(--space-2);min-width:0;display:grid}.data-entry-source{gap:var(--space-1);min-width:0;padding:var(--space-3);border-left:3px solid var(--color-accent);background:var(--color-surface-muted);display:grid}.data-entry-source span,.data-entry-field__status{color:var(--color-text-secondary);font-size:var(--text-caption)}.data-entry-source strong{min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere}.data-entry-field>label{font-size:var(--text-small);font-weight:var(--weight-semibold)}.data-entry-record-nav,.data-entry-result__practice .button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.data-entry-result__metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.data-entry-result__metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.data-entry-result__metric--primary{border-color:var(--color-accent);background:var(--color-accent-soft)}.data-entry-result__metric dt{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--weight-semibold)}.data-entry-result__metric dd{margin:var(--space-1) 0;font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-bold)}.data-entry-result__metric p{color:var(--color-text-secondary);font-size:var(--text-caption);margin:0}.data-entry-result__details{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-entry-result__details section,.data-entry-result__practice{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.data-entry-result__details p,.data-entry-result__details ul,.data-entry-result__practice p{color:var(--color-text-secondary);margin:0}.data-entry-result__details ul{padding-left:var(--space-5)}@media (width<=47.99rem){.data-entry-configuration,.data-entry-workspace__header,.data-entry-result__header{flex-direction:column;align-items:stretch}.data-entry-configuration>label,.data-entry-configuration>.button,.data-entry-result__header .button,.data-entry-record-nav .button,.data-entry-result__practice .button{width:100%}.data-entry-live,.data-entry-record,.data-entry-result__metrics,.data-entry-result__details{grid-template-columns:1fr}}@media (width<=24rem){.data-entry-assessment,.data-entry-ready,.data-entry-workspace,.data-entry-result{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.icon-button,.card,.field input,.field select,.field textarea{border:1px solid buttontext}.desktop-nav a[aria-current=page]{text-decoration:underline}}@media print{@page{size:landscape;margin:10mm}body *{visibility:hidden}.certificate-preview,.certificate-preview *{visibility:visible}.certificate-preview{color:#172625;width:100%;box-shadow:none;print-color-adjust:exact;background:#fff;border-color:#9a6400;position:absolute;inset:0}.certificate-preview__metrics>div,.certificate-preview__trust{background:#f0f3f1}}