*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}:root{color-scheme:light;--brand-900: #062a1f;--brand-700: #0b3d2e;--brand-600: #0e5240;--brand-300: #7ee7b0;--brand-100: #d7f6e6;--bg: #f5f8f6;--surface: #ffffff;--surface-2: #eef3f0;--surface-3: #e3ebe7;--text: #142a22;--text-muted: #3a4a43;--text-on-brand: #ffffff;--link: #0a5c45;--link-hover: #073f30;--accent: var(--brand-700);--accent-contrast: #ffffff;--danger: #9a1f1f;--danger-bg: #fcebec;--success: #0a5c45;--success-bg: #e2f6ec;--warning-text: #6b4a05;--warning-bg: #fbf1d6;--info-text: #1f3a8a;--info-bg: #e7edfb;--focus-ring: #0a5c45;--focus-ring-offset: var(--surface);--border: #c4d2cb;--border-strong: #8aa399;--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-reading: Georgia, "Times New Roman", serif;--font-dyslexia: var(--font-sans);--font-scale: 1;--line-height: 1.6;--letter-spacing: 0em;--word-spacing: 0em;--reading-width: 70ch;--radius: 12px;--radius-lg: 20px;--shadow: 0 1px 2px rgba(6, 42, 31, .08), 0 8px 24px rgba(6, 42, 31, .06);--shadow-lg: 0 12px 40px rgba(6, 42, 31, .16);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4.5rem;--transition: .18s ease;--maxw: 1180px}:root[data-theme=dark]{color-scheme:dark;--bg: #0a0f0d;--surface: #121a16;--surface-2: #18221d;--surface-3: #1f2b25;--text: #eaf3ee;--text-muted: #b6c7be;--text-on-brand: #062a1f;--link: #7ee7b0;--link-hover: #aef4cf;--accent: #7ee7b0;--accent-contrast: #062a1f;--danger: #ff9d9d;--danger-bg: #2a1414;--success: #7ee7b0;--success-bg: #102a1f;--warning-text: #f3d27a;--warning-bg: #2a2110;--info-text: #aec4ff;--info-bg: #141a2e;--focus-ring: #7ee7b0;--focus-ring-offset: var(--surface);--border: #2c3a32;--border-strong: #51695d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6)}:root[data-contrast=high]{--bg: #ffffff;--surface: #ffffff;--surface-2: #ffffff;--surface-3: #f0f0f0;--text: #000000;--text-muted: #000000;--link: #00368f;--link-hover: #001a4d;--accent: #000000;--accent-contrast: #ffffff;--text-on-brand: #ffffff;--brand-700: #000000;--brand-900: #000000;--border: #000000;--border-strong: #000000;--focus-ring: #00368f;--danger: #a40000;--success: #006100;--shadow: none;--shadow-lg: none}:root[data-theme=dark][data-contrast=high]{--bg: #000000;--surface: #000000;--surface-2: #000000;--surface-3: #111111;--text: #ffffff;--text-muted: #ffffff;--link: #8ec6ff;--link-hover: #c7e2ff;--accent: #ffffff;--accent-contrast: #000000;--border: #ffffff;--border-strong: #ffffff;--focus-ring: #ffff00}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}:root[data-dyslexia=on]{--font-sans: "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;--letter-spacing: .06em;--word-spacing: .16em;--line-height: 1.8}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:calc(1.0625rem * var(--font-scale));line-height:var(--line-height);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}h1,h2,h3,h4{line-height:1.2;font-weight:800;color:var(--text);letter-spacing:-.01em;text-wrap:balance}h1{font-size:clamp(2rem,1.4rem + 3vw,3.25rem)}h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}h3{font-size:clamp(1.25rem,1.05rem + .8vw,1.5rem)}p,li{max-width:var(--reading-width);text-wrap:pretty}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:max(1px,.07em)}a:hover{color:var(--link-hover)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}:where(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:fixed;top:var(--space-3);left:var(--space-3);z-index:1000;width:auto;height:auto;margin:0;padding:var(--space-3) var(--space-5);clip:auto;overflow:visible;white-space:normal;background:var(--brand-700);color:var(--text-on-brand);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-weight:700;outline:3px solid var(--focus-ring);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:.65rem 1.25rem;border-radius:var(--radius);border:2px solid transparent;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition);text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn--primary:hover{background:var(--brand-900);border-color:var(--brand-900);color:#fff}:root[data-theme=dark] .btn--primary:hover{background:var(--brand-300);border-color:var(--brand-300);color:var(--brand-900)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--accent)}.btn--ghost[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6)}.tag{display:inline-flex;align-items:center;gap:.4em;padding:.25rem .7rem;border-radius:999px;font-size:.85rem;font-weight:700;background:var(--brand-100);color:var(--brand-900);border:1px solid transparent}:root[data-theme=dark] .tag{background:var(--surface-3);color:var(--brand-300)}.tag--aaa{background:var(--brand-700);color:#fff}:root[data-theme=dark] .tag--aaa{background:var(--brand-300);color:var(--brand-900)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}main{flex:1}section[aria-labelledby]{scroll-margin-top:6rem;padding-block:var(--space-10);border-top:1px solid var(--border)}.section-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.section-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.lead{font-size:1.15rem;color:var(--text-muted)}.skip-links a{font-size:1rem}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}@supports not (backdrop-filter: blur(10px)){.site-header{background:var(--surface)}}.site-header__inner{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between;padding-block:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text);font-weight:800;font-size:1.15rem}.brand__logo{width:40px;height:40px;flex:none}.primary-nav ul{display:flex;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.primary-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .85rem;border-radius:var(--radius);text-decoration:none;color:var(--text);font-weight:600}.primary-nav a:hover{background:var(--surface-2);color:var(--link-hover)}.primary-nav a[aria-current=true]{background:var(--accent);color:var(--accent-contrast)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);border:2px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}.icon-btn:hover{background:var(--surface-2);border-color:var(--accent)}.nav-toggle{display:none}@media(min-width:901px){.primary-nav[hidden]{display:block}}.hero{padding-block:var(--space-10) var(--space-8)}.hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:center}.hero h1{margin-bottom:var(--space-4)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.stat__num{font-size:1.8rem;font-weight:800;color:var(--accent)}:root[data-theme=dark] .stat__num{color:var(--brand-300)}.hero__visual{background:linear-gradient(160deg,var(--brand-700),var(--brand-900));border-radius:var(--radius-lg);padding:var(--space-8);color:#fff;box-shadow:var(--shadow-lg)}.hero__visual h2{color:#fff}.contrast-sample{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.contrast-sample p{margin:0;max-width:none}.ratio-pill{background:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.5rem .85rem;border-radius:var(--radius);font-weight:700}.grid{display:grid;gap:var(--space-5)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.feature-card h3{margin-bottom:var(--space-2)}.feature-card p{color:var(--text-muted);max-width:none}.a11y-panel{position:fixed;inset-block:0;inset-inline-end:0;width:min(420px,100vw);background:var(--surface);border-inline-start:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition)}.a11y-panel[data-open=true]{transform:translate(0)}.a11y-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border)}.a11y-panel__body{padding:var(--space-5);overflow-y:auto;display:grid;gap:var(--space-6)}.a11y-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06100c80;z-index:150}.control-group{display:grid;gap:var(--space-3)}.control-group>h3{font-size:1.05rem}.control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.segmented{display:inline-flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.segmented button{min-height:40px;padding:.35rem .8rem;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-weight:600;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}.switch__track{position:relative;width:56px;height:32px;border-radius:999px;background:var(--surface-3);border:2px solid var(--border-strong);transition:background-color var(--transition);flex:none}.switch__thumb{position:absolute;top:2px;inset-inline-start:2px;width:24px;height:24px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition),background-color var(--transition)}.switch input:checked+.switch__track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(24px);background:var(--accent-contrast)}.switch input:focus-visible+.switch__track{outline:3px solid var(--focus-ring);outline-offset:3px}input[type=range]{width:100%;height:44px;accent-color:var(--accent)}.field{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);max-width:32rem}.field label{font-weight:700}.field .hint{color:var(--text-muted);font-size:.95rem;max-width:none}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:.65rem .85rem;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.field textarea{min-height:120px;resize:vertical}.field input:hover,.field textarea:hover{border-color:var(--accent)}.field[data-invalid=true] input,.field[data-invalid=true] textarea{border-color:var(--danger);background:var(--danger-bg)}.field-error{display:flex;align-items:center;gap:.4em;color:var(--danger);font-weight:700}.required-mark{color:var(--danger);font-weight:800}.form-status{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius);border:2px solid;font-weight:600}.form-status[data-kind=success]{background:var(--success-bg);border-color:var(--success);color:var(--success)}.form-status[data-kind=error]{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.review-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-block:var(--space-4)}.review-box dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:0}.review-box dt{font-weight:700}.review-box dd{margin:0}.tabs__list{display:flex;flex-wrap:wrap;gap:var(--space-2);border-bottom:2px solid var(--border);margin-bottom:var(--space-5)}.tabs__tab{min-height:44px;padding:.6rem 1.1rem;border:2px solid transparent;border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:transparent;color:var(--text);font-weight:700;cursor:pointer;position:relative;bottom:-2px}.tabs__tab[aria-selected=true]{background:var(--surface);border-color:var(--border);color:var(--accent)}:root[data-theme=dark] .tabs__tab[aria-selected=true]{color:var(--brand-300)}.tabs__panel{padding:var(--space-2) 0}.accordion{display:grid;gap:var(--space-3)}.accordion__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:var(--space-4) var(--space-5);background:transparent;border:none;text-align:start;font-weight:700;font-size:1.1rem;cursor:pointer;color:var(--text)}.accordion__trigger:hover{background:var(--surface-2)}.accordion__icon{transition:transform var(--transition);flex:none}.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(180deg)}.accordion__content{padding:0 var(--space-5) var(--space-5)}.accordion__content p{color:var(--text-muted)}dialog.modal{width:min(560px,92vw);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}dialog.modal::backdrop{background:#06100c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border)}.modal__body{padding:var(--space-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap}.toast-stack{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);border:2px solid}.toast[data-kind=info]{background:var(--info-bg);border-color:var(--info-text);color:var(--info-text)}.toast[data-kind=success]{background:var(--success-bg);border-color:var(--success);color:var(--success)}.toast[data-kind=warning]{background:var(--warning-bg);border-color:var(--warning-text);color:var(--warning-text)}abbr[title]{text-decoration:underline dotted;text-underline-offset:.2em;cursor:help}.glossary-term{border-bottom:2px dotted var(--accent);background:transparent;color:inherit;font:inherit;cursor:help;padding:0}.definition{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-text);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.pronounce{font-style:normal;color:var(--text-muted)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0;align-items:center;color:var(--text-muted)}.breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-2);max-width:none}.breadcrumb a{text-decoration:none;font-weight:600}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text);font-weight:700}.target-demo{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-end}.target-demo figure{margin:0;display:grid;gap:var(--space-2);justify-items:center}.target-bad,.target-good{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:700;cursor:pointer;border:2px solid var(--accent);background:var(--surface);color:var(--text)}.target-bad{width:24px;height:24px;font-size:.7rem}.target-good{width:44px;height:44px}.site-footer{background:var(--brand-900);color:#eaf3ee;margin-top:var(--space-10);padding-block:var(--space-8)}.site-footer a{color:var(--brand-300)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-6)}.site-footer h2,.site-footer h3{color:#fff}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.site-footer__bottom{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.18);color:#cfe6da}.site-footer p{color:#cfe6da;max-width:none}.reading-preview{font-family:var(--font-reading);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.reading-preview p{margin-bottom:var(--space-4)}@media(max-width:900px){.hero__grid,.grid--2,.grid--3,.site-footer__grid,.hero__stats{grid-template-columns:1fr}.primary-nav{position:absolute;inset-inline:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4);box-shadow:var(--shadow)}.primary-nav[hidden]{display:none}.primary-nav ul{flex-direction:column}.primary-nav a{width:100%}.nav-toggle{display:inline-flex}}@media(max-width:560px){.hero__cta .btn{width:100%}.header-actions .btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:400px){:root{--space-6: 1.25rem;--space-8: 2rem;--space-10: 3rem}}