:root{--color-bg:#f5f7fb;--color-surface:#ffffff;--color-surface-2:#eef2fa;--color-text:#14213d;--color-muted:#5b6b85;--color-primary:#1d4ed8;--color-primary-strong:#1e3a8a;--color-primary-soft:#dbe7ff;--color-success:#15803d;--color-success-soft:#dcfce7;--color-danger:#b91c1c;--color-danger-soft:#fee2e2;--color-warning:#92400e;--color-warning-soft:#fef3c7;--color-border:#d6deeb;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-heading:var(--font-body);--font-math:"Segoe UI",ui-sans-serif,system-ui,sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-1:0 1px 3px rgba(20,33,61,.08);--shadow-2:0 8px 24px rgba(20,33,61,.12);--max-w:64rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;margin:0 0 var(--space-3)}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.35rem,3vw,1.75rem)}h3{font-size:1.2rem}p{margin-block:0 var(--space-3)}a{color:var(--color-primary);text-decoration-thickness:1px}a:hover{color:var(--color-primary-strong)}ul,ol{padding-inline-start:1.25rem}li{margin-block:var(--space-1)}code,.mono{font-family:ui-monospace,Consolas,monospace;background:var(--color-surface-2);padding-inline:.3em;border-radius:var(--radius-sm)}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;inset-inline-start:-9999px;top:0;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:100;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{inset-inline-start:0;color:#fff}.wrap{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--space-4)}main{display:block;padding-block:var(--space-8) var(--space-12)}.site-header{background:var(--color-surface);border-block-end:1px solid var(--color-border);position:sticky;top:0;z-index:50}.site-header .wrap{display:flex;align-items:center;gap:var(--space-6);min-height:3.5rem;flex-wrap:wrap}.logo{font-weight:800;font-size:1.25rem;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--color-primary)}.site-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.site-nav a{color:var(--color-muted);text-decoration:none;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.95rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary);background:var(--color-primary-soft)}.site-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-6);color:var(--color-muted);font-size:.9rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:center}.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;text-align:center;font:inherit;font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);box-shadow:var(--shadow-1);transition:transform 80ms ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-strong);color:#fff}.btn-lg{font-size:1.1rem;padding:var(--space-3) var(--space-8)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.9rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-1)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.badge{display:inline-block;font-size:.8rem;font-weight:700;background:var(--color-surface-2);color:var(--color-muted);border-radius:999px;padding:.15em .7em}.badge-diff-1{background:var(--color-success-soft);color:var(--color-success)}.badge-diff-2{background:var(--color-primary-soft);color:var(--color-primary-strong)}.badge-diff-3{background:var(--color-warning-soft);color:var(--color-warning)}.callout{background:var(--color-primary-soft);border-inline-start:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);margin-block:var(--space-6)}.callout.warn{background:var(--color-warning-soft);border-inline-start-color:#d97706}.callout.ok{background:var(--color-success-soft);border-inline-start-color:var(--color-success)}.muted{color:var(--color-muted)}.breadcrumbs{font-size:.9rem;color:var(--color-muted);margin-block-end:var(--space-3)}.breadcrumbs ol{list-style:none;display:flex;gap:.4em;flex-wrap:wrap;padding:0;margin:0}.breadcrumbs li+li:before{content:"›";margin-inline-end:.4em;color:var(--color-muted)}.hero{padding-block:var(--space-8)}.hero h1{max-width:18ch}.hero .lead{font-size:1.2rem;color:var(--color-muted);max-width:44ch}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-6)}label{font-weight:600}input,select{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);max-width:100%}input[type=number],input[type=text]{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-block-end:var(--space-4)}.inline-field{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.choice-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.choice-row label{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600}.practice-app{max-width:34rem}.q-prompt{font-family:var(--font-math);font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;text-align:center;margin-block:var(--space-4);letter-spacing:.02em}.q-answered{font-family:var(--font-math);font-size:1.4rem;font-weight:600;text-align:center}.answer-row{display:flex;gap:var(--space-2);justify-content:center;margin-block:var(--space-4)}.answer-row input{font-size:1.3rem;text-align:center;max-width:12ch}.feedback{min-height:1.8rem;text-align:center;font-weight:700}.feedback.ok{color:var(--color-success)}.feedback.bad{color:var(--color-danger)}.progress{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.9rem;margin-block-start:var(--space-2)}.progress-track{flex:1;height:.5rem;background:var(--color-surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .2s ease}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem}.timer.low{color:var(--color-danger)}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-3);margin-block:var(--space-4)}.stat{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.stat .n{display:block;font-size:1.5rem;font-weight:800;font-family:var(--font-math)}.stat .l{font-size:.8rem;color:var(--color-muted)}.inline-practice{margin-block:var(--space-8)}.ip-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.strategy-options{display:flex;flex-direction:column;gap:var(--space-2);margin-block:var(--space-4)}.strategy-options button{text-align:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;font:inherit;font-weight:600;color:var(--color-text)}.strategy-options button:hover:not(:disabled){border-color:var(--color-primary)}.strategy-options button.chosen{background:var(--color-primary-soft);border-color:var(--color-primary)}.strategy-options button.best{background:var(--color-success-soft);border-color:var(--color-success)}.strategy-why{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block:var(--space-3)}.share-box{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-block:var(--space-4)}.share-text{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3);font-family:ui-monospace,Consolas,monospace;font-size:.85rem;white-space:pre;overflow-x:auto}.results-row{font-size:1.5rem;letter-spacing:.1em;text-align:center;margin-block:var(--space-3)}.ws-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4);align-items:end}.ws-paper{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-block:var(--space-6)}.ws-paper h3{margin-block-end:var(--space-2)}.ws-name-line{color:var(--color-muted);margin-block-end:var(--space-4);font-size:.95rem}.ws-questions{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-4) var(--space-6);font-family:var(--font-math);font-size:1.15rem}.ws-questions li{list-style:none;display:flex;justify-content:space-between;border-block-end:1px solid var(--color-border);padding-block:var(--space-2);min-height:2.6rem}.ws-key{page-break-before:always;margin-block-start:var(--space-8)}.ws-key ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:var(--space-1) var(--space-4);font-size:.95rem}@media print{.site-header,.site-footer,.ws-config,.ws-actions,.breadcrumbs,.no-print{display:none!important}body{background:#fff}.wrap{max-width:none}.ws-paper{border:0;padding:0}main{padding:0}a{color:inherit;text-decoration:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}