:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-accent: #0ea5e9;--color-success: #16a34a;--color-error: #dc2626;--color-warning: #d97706;--color-info: #0284c7;--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-muted: #f1f5f9;--color-surface: #ffffff;--color-surface-raised: #f8fafc;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-text-inverse: #ffffff;--color-code-bg: #0f172a;--color-code-text: #e2e8f0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--font-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ja: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-ko: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-ar: "Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", sans-serif;--font-fa: "Vazirmatn", "Noto Naskh Arabic", "Noto Sans Arabic", sans-serif;--font-hi: "Noto Sans Devanagari", "Mangal", sans-serif;--font-bn: "Noto Sans Bengali", "Vrinda", sans-serif;--font-th: "Noto Sans Thai", "Tahoma", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--leading-loose: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.08), 0 10px 10px rgba(0,0,0,.04);--max-w-content: 72rem;--max-w-prose: 65ch;--max-w-narrow: 42rem;--bp-sm: 640;--bp-md: 768;--bp-lg: 1024;--bp-xl: 1280;--bp-2xl: 1536}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-bg-muted: #293548;--color-surface: #1e293b;--color-surface-raised:#293548;--color-border: #334155;--color-border-strong: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-primary-light: #1e3a5f}}[data-theme=dark]{--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-bg-muted: #293548;--color-surface: #1e293b;--color-surface-raised:#293548;--color-border: #334155;--color-border-strong: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-primary-light: #1e3a5f}[data-theme=light]{--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-muted: #f1f5f9;--color-surface: #ffffff;--color-surface-raised:#f8fafc;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-primary-light: #dbeafe}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5{font-family:var(--font-sans);font-weight:700;line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{max-width:var(--max-w-prose)}code,kbd{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-muted);color:var(--color-primary);padding:.1em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;line-height:var(--leading-relaxed)}pre code{background:none;color:inherit;padding:0;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;inset-inline-start:var(--space-4);z-index:1000;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600}@media(max-width:640px){.container{padding-inline:var(--space-4)}}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;line-height:1;transition:background .15s,transform .1s,box-shadow .15s;cursor:pointer;border:2px solid transparent;text-decoration:none!important}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background:var(--color-surface, var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2em .7em;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#15803d}.badge-amber{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-teal{background:#ccfbf1;color:#0f766e}[data-theme=dark] .badge-blue{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge-green{background:#14532d;color:#86efac}[data-theme=dark] .badge-amber{background:#78350f;color:#fcd34d}[data-theme=dark] .badge-red{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .badge-purple{background:#4c1d95;color:#d8b4fe}[data-theme=dark] .badge-teal{background:#134e4a;color:#5eead4}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .badge-blue{background:#1e3a5f;color:#93c5fd}:root:not([data-theme=light]) .badge-green{background:#14532d;color:#86efac}:root:not([data-theme=light]) .badge-amber{background:#78350f;color:#fcd34d}:root:not([data-theme=light]) .badge-red{background:#7f1d1d;color:#fca5a5}:root:not([data-theme=light]) .badge-purple{background:#4c1d95;color:#d8b4fe}:root:not([data-theme=light]) .badge-teal{background:#134e4a;color:#5eead4}}.tag{display:inline-flex;padding:.2em .6em;background:var(--color-bg-muted);color:var(--color-text-muted);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-5)}.grid-auto-md{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-6)}.grid-auto-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));gap:var(--space-6)}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media(max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table-wrap table{min-width:480px;width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:var(--space-3) var(--space-4);text-align:start;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.table-wrap th{font-weight:600;background:var(--color-bg-subtle);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;text-align:start}.study-first-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-6)}.study-first-hint a{color:var(--color-primary);text-decoration:underline}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header p{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted);max-width:56ch;margin-inline:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--color-primary)}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}[dir=rtl] .breadcrumb{flex-direction:row-reverse}:lang(zh),:lang(zh-Hans){font-family:var(--font-zh)}:lang(ja){font-family:var(--font-ja)}:lang(ko){font-family:var(--font-ko);word-break:keep-all}:lang(ar){font-family:var(--font-ar)}:lang(fa){font-family:var(--font-fa)}:lang(hi){font-family:var(--font-hi)}:lang(bn){font-family:var(--font-bn)}:lang(th){font-family:var(--font-th);word-break:break-all}.question-text{font-size:var(--text-lg);font-weight:500;margin:0 0 var(--space-4);line-height:1.6}.page-wrapper{max-width:720px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-20)}.page-header h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted)}.tip-card{background:var(--color-surface-raised, var(--color-surface));border:1px solid var(--color-border);border-left:4px solid var(--color-primary, #3b82f6);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8)}.tip-card h2{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.tip-card ul{list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.tip-card li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.progress-container{margin-bottom:var(--space-8)}.progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:var(--color-primary, #3b82f6);border-radius:var(--radius-full);width:0%;transition:width .3s ease}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-item{margin-bottom:var(--space-6)}.question-text{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4);line-height:1.5}.options-grid{display:flex;flex-direction:column;gap:var(--space-3)}.option-btn{width:100%;text-align:left;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-base);line-height:1.5;transition:border-color .15s,background .15s}.option-btn:hover{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-subtle, #eff6ff)}.option-btn.correct{border-color:var(--color-success, #22c55e);background:#f0fdf4;color:#166534}.option-btn.incorrect{border-color:var(--color-error, #ef4444);background:#fef2f2;color:#991b1b}.feedback-block{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-raised, var(--color-surface));border:1px solid var(--color-border)}.feedback-text{font-weight:700;margin-bottom:var(--space-2);font-size:var(--text-base)}.feedback-text.correct{color:var(--color-success, #22c55e)}.feedback-text.incorrect{color:var(--color-error, #ef4444)}.explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.exercise-actions{margin-top:var(--space-4);display:flex;justify-content:flex-end}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .15s}.btn-secondary{padding:var(--space-3) var(--space-6);background:transparent;color:var(--color-primary, #3b82f6);border:2px solid var(--color-primary, #3b82f6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--color-primary-subtle, #eff6ff)}.results-screen{text-align:center;padding:var(--space-12) var(--space-6)}.results-screen h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}.results-score{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-8)}.next-up{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.next-up p{font-size:var(--text-sm);color:var(--color-text-muted)}.ex-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.option-btn{width:100%;text-align:left;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;font-size:var(--text-base);color:var(--color-text);transition:border-color .15s,background .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-subtle)}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-bg-subtle);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.option-btn.correct{border-color:var(--color-success, #16a34a);background:color-mix(in srgb,var(--color-success, #16a34a) 8%,transparent)}.option-btn.incorrect{border-color:var(--color-danger, #dc2626);background:color-mix(in srgb,var(--color-danger, #dc2626) 8%,transparent)}.ex-feedback{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.incorrect-feedback{color:var(--color-danger, #dc2626)}.feedback-explanation ul{padding-left:var(--space-5);margin:var(--space-2) 0}.feedback-explanation table{margin-top:var(--space-2)}.ex-actions{margin-top:var(--space-6);display:flex;gap:var(--space-3)}.results-screen{text-align:center;padding:var(--space-12) var(--space-8)}.results-score{font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-4)}.results-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.cmp-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.cmp-code-grid{grid-template-columns:1fr}}.cmp-code-grid pre{background:var(--color-bg-muted);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-xs);line-height:1.5}.cmp-code-grid code{background:none;padding:0;font-size:inherit}.cmp{line-height:1.7}.cmp-hero{margin-bottom:var(--space-8)}.cmp-eyebrow{font-size:var(--text-sm);color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.cmp-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.cmp-sub{font-size:var(--text-lg);color:var(--color-text-muted)}.cmp h2{font-size:var(--text-2xl);margin-block:var(--space-8) var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.cmp h3{font-size:var(--text-lg);margin-top:var(--space-4);margin-bottom:var(--space-2)}.cmp ul,.cmp ol{padding-inline-start:var(--space-5);margin-bottom:var(--space-4)}.cmp li{margin-bottom:var(--space-2)}.cmp p{margin-bottom:var(--space-3)}.cmp code{background:var(--color-bg-muted);padding:.1em .4em;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.cmp-tldr{background:var(--color-bg-subtle);padding:var(--space-5);border-radius:var(--radius-lg);border-inline-start:4px solid var(--color-primary)}.cmp-tldr h2{margin-top:0;border-bottom:none;padding-bottom:0}.cmp-table-wrap{overflow-x:auto}.cmp-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-sm)}.cmp-table th,.cmp-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}.cmp-table th{background:var(--color-bg-subtle);font-weight:600}.cmp-table td:first-child{white-space:nowrap}.cmp-phrases-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:768px){.cmp-phrases-grid{grid-template-columns:1fr}}.decision-list{list-style:none;padding:0}.decision-list li{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.cmp-related{padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.cmp-related h2{margin-top:0;border-bottom:none;padding-bottom:0}.cmp-related a{color:var(--color-primary)}.transcript-block{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.transcript-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.transcript-text{font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);white-space:pre-wrap;margin:0}.filter-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:all .15s}.filter-pill:hover,.filter-pill.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle, #eff6ff)}.quiz-wrap{max-width:680px;margin:0 auto}.quiz-progress{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.quiz-question{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-6);line-height:1.5}.options{display:flex;flex-direction:column;gap:var(--space-3)}.option-btn{text-align:left;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:1rem;transition:border-color .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary)}.option-btn.correct{border-color:var(--color-success, #16a34a);background:#f0fdf4;color:#15803d}.option-btn.incorrect{border-color:var(--color-error, #dc2626);background:#fef2f2;color:#dc2626}.feedback{min-height:1.5rem;font-weight:700;margin-top:var(--space-4)}.feedback.correct{color:var(--color-success, #16a34a)}.feedback.incorrect{color:var(--color-error, #dc2626)}#explanation{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-alt, #f8fafc);border-radius:var(--radius-md);font-size:.95rem;line-height:1.6}.next-btn{margin-top:var(--space-6)}.result-card{text-align:center;padding:var(--space-10)}.result-score{font-size:3rem;font-weight:800;color:var(--color-primary)}.exercise-item{max-width:760px}.ex-number{font-size:var(--text-sm);font-weight:600;color:var(--color-text-subtle);margin-bottom:var(--space-6);font-family:var(--font-mono)}.reading-passage{padding:var(--space-5);margin-bottom:var(--space-6)}.passage-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.passage-text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;background:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-word}.feedback-explanation code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-muted);padding:2px 6px;border-radius:var(--radius-sm)}.page-wrapper{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-4)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;padding:0;margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb li+li:before{content:"/";margin-right:var(--space-1)}h1{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2)}.page-subtitle{color:var(--color-text-muted);margin:0}.tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.tip-card h2{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2)}.tip-card ul{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.tip-card li{font-size:var(--text-sm)}.progress-container{margin-bottom:var(--space-6)}.progress-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;width:0;background:var(--color-primary);transition:width .3s ease}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.exercise-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.question-text{font-size:var(--text-lg);font-weight:500;margin:0 0 var(--space-4);line-height:1.5}.options-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.option-btn{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);transition:border-color .15s,background .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.option-btn:disabled{cursor:default}.option-btn.correct{border-color:var(--color-success, #16a34a);background:var(--color-success-bg, #f0fdf4)}.option-btn.incorrect{border-color:var(--color-error, #dc2626);background:var(--color-error-bg, #fef2f2)}.feedback-block{margin-bottom:var(--space-4)}.feedback-text{font-weight:600;margin:0 0 var(--space-2)}.correct-feedback{color:var(--color-success, #16a34a)}.incorrect-feedback{color:var(--color-error, #dc2626)}.explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.exercise-actions{display:flex;gap:var(--space-3)}.btn-primary{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500;text-decoration:none;display:inline-block}.btn-primary:hover{opacity:.9}.btn-secondary{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:500}.results-screen{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.results-screen h2{font-size:var(--text-2xl);margin:0 0 var(--space-3)}.results-score{font-size:var(--text-xl);margin:0 0 var(--space-6)}.next-up{margin-top:var(--space-6)}.next-up p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.ex-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.breadcrumb{font-size:.85rem;margin-bottom:1.2rem;color:#666}.breadcrumb a{color:#4f8cff;text-decoration:none}.ex-header h1{font-size:1.7rem;margin-bottom:.5rem}.tip-card{background:#f0f6ff;border-left:4px solid #4f8cff;padding:.7rem 1rem;border-radius:6px;font-size:.95rem;margin-bottom:1.2rem}.progress-bar-wrap{background:#e5e7eb;border-radius:9999px;height:8px;margin-bottom:.4rem}.progress-bar{background:#4f8cff;height:8px;border-radius:9999px;transition:width .4s}.progress-label{font-size:.85rem;color:#555;margin-bottom:1.5rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.4rem 1.6rem;margin-bottom:1.2rem;box-shadow:0 1px 4px #0000000f}.exercise-item[data-done] .options-grid{pointer-events:none}.ex-num{font-size:.8rem;color:#999;margin-bottom:.5rem}.scenario{border-left:3px solid #d1d5db;padding-left:.9rem;color:#444;font-style:italic;margin-bottom:.9rem}.ex-question{font-weight:600;margin-bottom:.9rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:520px){.options-grid{grid-template-columns:1fr}}.opt-btn{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;padding:.6rem .9rem;text-align:left;cursor:pointer;font-size:.95rem;transition:background .2s,border-color .2s}.opt-btn:hover{background:#eff6ff;border-color:#4f8cff}.opt-btn.correct{background:#d1fae5;border-color:#10b981}.opt-btn.wrong{background:#fee2e2;border-color:#ef4444}.feedback{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.feedback-text{font-weight:700;margin-bottom:.4rem}.feedback-text.ok{color:#10b981}.feedback-text.err{color:#ef4444}.explanation{font-size:.9rem;color:#555;margin-bottom:.8rem}.next-btn,.retry-btn{background:#4f8cff;color:#fff;border:none;border-radius:8px;padding:.55rem 1.3rem;cursor:pointer;font-size:.95rem}.next-btn:hover,.retry-btn:hover{background:#2563eb}.results-screen{text-align:center;padding:2rem}.results-screen h2{margin-bottom:.8rem}.option-btn.correct .option-letter,.option-btn.incorrect .option-letter{background:transparent}.ex-feedback{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.feedback-text{font-weight:600;margin-bottom:var(--space-2)}.results-screen{text-align:center;padding:var(--space-12)}.results-score{font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-3)}.results-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.phases-overview{margin-bottom:var(--space-10)}.phases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.phase-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start}.phase-num{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--text-base);font-weight:800;flex-shrink:0}.phase-title{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.phase-weeks{font-size:var(--text-xs);color:var(--color-primary);font-weight:600;margin-bottom:var(--space-1)}.phase-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.phase-block{margin-bottom:var(--space-10)}.phase-label{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);display:inline-block}.weeks-list{display:flex;flex-direction:column;gap:var(--space-3)}.week-card{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);align-items:flex-start;scroll-margin-top:var(--space-8)}.week-card:hover{transform:none}.week-num-wrap{flex-shrink:0}.week-num{display:flex;align-items:center;justify-content:center;width:3rem;height:2.5rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:var(--text-xs);font-weight:800}.week-content{flex:1}.week-theme{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-3) 0}.week-resources{display:flex;flex-wrap:wrap;gap:var(--space-2)}.week-link{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary);background:var(--color-bg-subtle);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.week-link:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.week-link:before{content:"→ "}@media(max-width:640px){.path-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}.week-card{flex-direction:column;gap:var(--space-2)}.phases-grid{grid-template-columns:1fr}}.tip-banner{background:var(--color-surface-raised, var(--color-surface));border:1px solid var(--color-border);border-left:4px solid var(--color-primary, #3b82f6);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.sets-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5);padding:0;margin-bottom:var(--space-12)}.set-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;height:100%}.set-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.set-card-top{display:flex;justify-content:space-between;align-items:flex-start}.set-icon{font-size:1.75rem}.set-title{font-size:var(--text-lg);font-weight:700;margin:0}.set-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;flex:1}.set-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-2)}.set-count{font-size:var(--text-xs);color:var(--color-text-muted)}.set-arrow{font-size:var(--text-lg);color:var(--color-primary)}.useful-language{margin-bottom:var(--space-10)}.useful-language h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.lang-card{padding:var(--space-5)}.lang-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.lang-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0}.lang-card li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.guide-hero{margin-bottom:var(--space-10)}.guide-role-badge{display:inline-block;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.guide-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.guide-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:65ch;margin-bottom:var(--space-4)}.guide-meta{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;gap:var(--space-2);flex-wrap:wrap}.guide-toc{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-10)}.guide-toc-title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.guide-toc-list{list-style:decimal;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);margin:0}.guide-toc-list a{color:var(--color-primary);text-decoration:none;font-size:var(--text-sm)}.guide-toc-list a:hover{text-decoration:underline}.guide-section{margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.guide-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.guide-section h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.guide-section p{max-width:72ch;line-height:1.75;margin-bottom:var(--space-4)}.guide-practice-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-top:var(--space-8)}.guide-practice-box h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.guide-practice-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.guide-practice-box li:before{content:"→ ";color:var(--color-primary);font-weight:700}.guide-practice-box a{color:var(--color-primary);text-decoration:none;font-size:var(--text-sm)}.guide-practice-box a:hover{text-decoration:underline}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.vocab-card{padding:var(--space-5)}.vocab-context{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.learning-path-list{list-style:none;padding:0;margin:var(--space-6) 0 0 0;display:flex;flex-direction:column;gap:var(--space-4)}.lp-step{display:flex;gap:var(--space-4);align-items:flex-start}.lp-num{width:2rem;height:2rem;min-width:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;margin-top:2px}.lp-content strong a{color:var(--color-text);text-decoration:none;font-size:var(--text-lg)}.lp-content strong a:hover{color:var(--color-primary)}.lp-content p{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.guide-cta{padding:var(--space-8);margin-top:var(--space-10);text-align:center}.guide-cta h3{font-size:var(--text-xl);margin-bottom:var(--space-5)}.guide-cta-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media(max-width:640px){.guide-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}}.path-page{max-width:900px}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);flex-wrap:wrap}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.path-hero{margin-bottom:var(--space-10)}.path-role-badge{display:inline-block;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.path-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.path-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:70ch;line-height:1.75;margin-bottom:var(--space-4)}.path-meta-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--color-text-muted)}.path-meta-bar a{color:var(--color-primary);text-decoration:none}.progress-overview{margin-bottom:var(--space-10);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.day-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.day-pip{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.day-pip:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.schedule-section{margin-bottom:var(--space-12)}.week-block{margin-bottom:var(--space-10)}.week-label{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);display:inline-block}.days-list{display:flex;flex-direction:column;gap:var(--space-3)}.day-row{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);align-items:flex-start;scroll-margin-top:var(--space-8)}.day-row:hover{transform:none}.day-num-wrap{flex-shrink:0}.day-num{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-size:var(--text-sm);font-weight:800}.day-content{flex:1}.day-theme{font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-2) 0}.day-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.day-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-subtle);text-decoration:none;transition:background .15s,border-color .15s,color .15s}.day-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.day-link-exercise{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary)}.day-link-blog{border-color:color-mix(in srgb,#10b981 30%,transparent);color:#059669}.day-link-label:before{content:"→ "}.vocab-highlight{margin-bottom:var(--space-12)}.vocab-highlight h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.vocab-card{padding:var(--space-4)}.vocab-phrase{font-family:var(--font-mono);font-weight:700;color:var(--color-primary);font-size:var(--text-base);margin-bottom:var(--space-2)}.vocab-context{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.related-paths{margin-bottom:var(--space-12)}.related-paths h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.related-card{display:flex;gap:var(--space-4);padding:var(--space-5);text-decoration:none;color:inherit;align-items:flex-start}.related-icon{font-size:1.75rem;flex-shrink:0}.related-role{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.related-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.faq-section{margin-bottom:var(--space-12)}.faq-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-item[open]{border-color:var(--color-primary)}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);font-weight:600;font-size:var(--text-base);cursor:pointer;list-style:none;gap:var(--space-3)}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"+";font-size:var(--text-xl);color:var(--color-primary);font-weight:400;flex-shrink:0}.faq-item[open] .faq-q:after{content:"−"}.faq-a{padding:0 var(--space-5) var(--space-4)}.faq-a p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.75;max-width:72ch;margin:0}.faq-a a{color:var(--color-primary)}@media(max-width:640px){.path-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}.day-row{flex-direction:column;gap:var(--space-2)}}.tip-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:0}.section-header{padding-block:var(--space-12) var(--space-8);max-width:680px}.section-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);color:var(--color-text-muted)}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5);list-style:none;padding:0}.set-card{display:block;padding:var(--space-6);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.set-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.set-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.set-card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.set-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.page-header h1{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-3)}.page-header p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px}.tip-banner{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);max-width:680px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.tip-banner strong{color:var(--color-text)}.level-filter{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.filter-pill{padding:var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.filter-pill:hover,.filter-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.ex-card{display:flex;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}.ex-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ex-card-icon{font-size:1.75rem;flex-shrink:0}.ex-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.ex-card-meta{display:flex;align-items:center;gap:var(--space-2)}.ex-card-count{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.ex-card-title{font-size:var(--text-base);font-weight:700;margin:0}.ex-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.container{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.exercise-intro{color:#6b7280;margin-bottom:2rem;font-size:1rem}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.question-text{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;line-height:1.5}.option-btn{display:block;width:100%;text-align:left;padding:.75rem 1rem;margin-bottom:.5rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.95rem;cursor:pointer;transition:border-color .15s}.option-btn:hover{border-color:#2563eb;background:#eff6ff}.correct{color:#16a34a;font-weight:700;margin-bottom:.5rem}.incorrect{color:#dc2626;font-weight:700;margin-bottom:.5rem}.explanation{font-size:.875rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}button{padding:.6rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600}#results{text-align:center;padding:2rem}#results h2{font-size:1.5rem;margin-bottom:1rem}.ex-question code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-muted);padding:.1em .4em;border-radius:var(--radius-sm)}.option-btn{width:100%;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s;line-height:var(--leading-relaxed)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-text-subtle)}.page-header h1{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-3)}.page-header p{color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}nav[aria-label=Sub-pages] a{display:block;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-weight:500;transition:border-color .15s,background .15s}nav[aria-label=Sub-pages] a:hover{border-color:var(--color-primary);background:var(--color-bg-subtle);color:var(--color-primary)}.cs-header{margin-bottom:var(--space-8)}.cs-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.cs-header p{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6}.cs-toc{padding:var(--space-4) var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.cs-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.cs-toc a{color:var(--color-primary);text-decoration:none;font-weight:600}.cs-toc a:hover{text-decoration:underline}.cs-section{margin-bottom:var(--space-10)}.cs-section>h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border);scroll-margin-top:4rem}.cs-section-intro{color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.cs-phrases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.cs-phrase{padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);border-inline-start:3px solid var(--color-primary)}.cs-phrase-text{display:block;font-weight:600;color:var(--color-text);line-height:1.5;margin-bottom:var(--space-1)}.cs-phrase-note{display:block;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.cs-howto,.cs-related{padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.cs-howto h2,.cs-related h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.cs-howto h3{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.cs-howto ul,.cs-related ul{padding-left:var(--space-5)}.cs-howto li,.cs-related li{margin-bottom:var(--space-2);line-height:1.5}.cs-related a{color:var(--color-primary)}.tip-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0}.exercise-item{max-width:720px}.ex-number{font-size:var(--text-sm);font-weight:600;color:var(--color-text-subtle);margin-bottom:var(--space-3);font-family:var(--font-mono)}.acronym-badge{display:inline-block;font-size:var(--text-4xl);font-weight:900;letter-spacing:.04em;font-family:var(--font-mono);color:var(--color-primary);margin-bottom:var(--space-3);background:var(--color-primary-light, #eff6ff);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-primary)}.ex-question{font-size:var(--text-lg);font-weight:600;color:var(--color-text);line-height:var(--leading-snug);margin-bottom:var(--space-6)}.badge-purple-light{background:#ede9fe;color:#5b21b6}.badge-sky-light{background:#e0f2fe;color:#0369a1}.badge-teal-light{background:#ccfbf1;color:#0f766e}.feedback-text{font-weight:700;margin-bottom:var(--space-3);font-size:var(--text-base)}.badge-blue{background:#dbeafe;color:#1e40af}.hub-list{list-style:none;padding:0;margin:var(--space-8) 0;display:grid;gap:var(--space-4)}.hub-card a{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.hub-card a:hover{border-color:var(--color-primary);box-shadow:0 1px 8px #0000000f}.hub-card-title{font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.hub-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.hub-card-level{align-self:flex-start}.exercise-item{max-width:700px}.ex-index{padding-block:var(--space-12) var(--space-20)}.ex-index-header{margin-bottom:var(--space-8);max-width:680px}.ex-index-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.ex-index-header p{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.ex-banner{max-width:680px;padding:var(--space-5);margin-bottom:var(--space-8)}.ex-banner p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.ex-set-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-4);max-width:680px}.ex-set-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);text-decoration:none;color:inherit;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color .15s,box-shadow .15s}.ex-set-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #0000000f}.ex-set-icon{font-size:1.75rem;flex-shrink:0;line-height:1}.ex-set-body{flex:1;min-width:0}.ex-set-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ex-set-count{font-size:var(--text-xs);color:var(--color-text-subtle)}.ex-set-label{font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0 0 var(--space-1)}.ex-set-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.badge-green{background:#dcfce7;color:#14532d}.badge-blue-light{background:#dbeafe;color:#1e40af}.badge-red{background:#fee2e2;color:#991b1b}.badge-amber{background:#fef3c7;color:#92400e}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.page-header p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}.tip-banner{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);max-width:680px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.tip-banner strong{display:block;margin-bottom:var(--space-1);color:var(--color-text)}.level-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-pill{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-sm);cursor:pointer;transition:border-color .15s,background .15s}.filter-pill.active,.filter-pill:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-16)}.set-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.set-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.set-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.set-icon{font-size:var(--text-2xl)}.set-meta{display:flex;align-items:center;gap:var(--space-2)}.set-count{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.set-title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug)}.set-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;flex:1}.phrases-section{margin-top:var(--space-8)}.phrases-section h2{font-size:var(--text-xl);margin-bottom:var(--space-5)}.phrases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.phrase-group h3{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.phrase-group ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.phrase-group li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-3);border-left:2px solid var(--color-border);line-height:1.5}.set-card[hidden]{display:none}.ex-header{margin-bottom:var(--space-6)}.tip-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);padding:0;margin:0}.ex-options{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0}.option-letter{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-md);background:var(--color-bg-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;flex-shrink:0;color:var(--color-text-muted)}.ex-feedback{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border);max-width:680px}.feedback-text{font-weight:700;margin-bottom:var(--space-3)}.feedback-text.correct-msg{color:var(--color-success)}.feedback-text.incorrect-msg{color:var(--color-error)}.feedback-explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.results-screen{max-width:480px;padding:var(--space-8);text-align:center}.results-score{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-2)}.results-msg{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.results-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.results-next{font-size:var(--text-sm);color:var(--color-text-muted)}.badge-orange-light{background:#ffedd5;color:#9a3412}.ex-page{padding-block:var(--space-12) var(--space-20)}.tip-card{border-left:3px solid var(--color-primary);background:var(--color-bg-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.tip-card code{font-family:var(--font-mono);font-size:.9em}.ex-progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-2)}.ex-number{font-size:var(--text-sm);font-weight:600;color:var(--color-text-subtle);margin-bottom:var(--space-4);font-family:var(--font-mono)}.ex-question{font-size:var(--text-xl);font-weight:600;color:var(--color-text);line-height:var(--leading-snug);margin-bottom:var(--space-6)}.passage{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--color-text);overflow-x:auto;white-space:pre-wrap;margin:var(--space-3) 0 var(--space-2)}.option-btn code{font-family:var(--font-mono);font-size:.9em}.feedback-explanation code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm)}.reading-page{padding-block:var(--space-12) var(--space-20)}.ex-header{margin-bottom:var(--space-10)}.ex-header-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.ex-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.ex-header p{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.tip-card{border-left:3px solid var(--color-primary);background:var(--color-bg-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);max-width:680px}.tip-card strong{color:var(--color-text);display:block;margin-bottom:var(--space-2)}.tip-card ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.ex-progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-2);max-width:680px}.ex-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .4s ease}.ex-progress-label{font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-item{max-width:680px}.ex-number{font-size:var(--text-sm);font-weight:600;color:var(--color-text-subtle);margin-bottom:var(--space-2);font-family:var(--font-mono)}.passage-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.passage-block{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--color-text);overflow-x:auto;white-space:pre-wrap;margin-bottom:var(--space-6)}.ex-question{font-size:var(--text-lg);font-weight:600;color:var(--color-text);line-height:var(--leading-snug);margin-bottom:var(--space-5)}.ex-question code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.ex-options{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.option-btn{width:100%;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left;font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.option-btn.correct{border-color:var(--color-success);background:#dcfce7;color:#14532d}.option-btn.incorrect{border-color:var(--color-error);background:#fee2e2;color:#7f1d1d}.option-letter{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-md);background:var(--color-bg-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;flex-shrink:0;color:var(--color-text-muted);transition:background .15s,color .15s}.option-btn.correct .option-letter{background:var(--color-success);color:#fff}.option-btn.incorrect .option-letter{background:var(--color-error);color:#fff}.ex-feedback{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle)}.feedback-text{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-3)}.feedback-text.correct-feedback{color:var(--color-success)}.feedback-text.incorrect-feedback{color:var(--color-error)}.feedback-explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.ex-actions{margin-top:var(--space-6)}.results-screen{max-width:480px;text-align:center;padding:var(--space-10)}.results-score{font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-4)}.results-msg{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.results-next{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.results-next a{color:var(--color-primary)}.more-set{max-width:680px;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.more-set h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.more-set ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.more-set a{color:var(--color-primary);font-weight:600}.phrasebook-page{padding-block:var(--space-8) var(--space-20)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.page-header p{font-size:var(--text-lg);color:var(--color-text-muted)}.tip-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);max-width:680px}.tip-card strong{font-size:var(--text-sm);font-weight:700;display:block;margin-bottom:var(--space-2)}.tip-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.tip-card li{font-size:var(--text-sm);color:var(--color-text-muted)}.situations{display:flex;flex-direction:column;gap:var(--space-10)}.situation-title{font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:700}.phrase-list{list-style:none;display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.phrase-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);transition:background .12s}.phrase-item:last-child{border-bottom:none}.phrase-item:hover{background:var(--color-bg-card)}.phrase-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);flex:1}.phrase-note{font-size:var(--text-xs);color:var(--color-text-muted);flex:1;font-style:italic}.copy-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success)}.related-links{padding:var(--space-6);margin-top:var(--space-12)}.related-links strong{display:block;margin-bottom:var(--space-3);font-size:var(--text-base)}.related-links ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.related-links a{color:var(--color-primary);font-size:var(--text-sm)}@media(max-width:640px){.phrase-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.phrase-note{flex:none}.copy-btn{align-self:flex-start}}[data-theme=dark] .option-btn.correct{background:#14532d!important;color:#86efac!important;border-color:#16a34a!important}[data-theme=dark] .option-btn.incorrect{background:#450a0a!important;color:#fca5a5!important;border-color:#dc2626!important}[data-theme=dark] .option-btn.correct .option-letter{background:#16a34a!important;color:#fff!important}[data-theme=dark] .option-btn.incorrect .option-letter{background:#dc2626!important;color:#fff!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .option-btn.correct{background:#14532d!important;color:#86efac!important;border-color:#16a34a!important}:root:not([data-theme=light]) .option-btn.incorrect{background:#450a0a!important;color:#fca5a5!important;border-color:#dc2626!important}:root:not([data-theme=light]) .option-btn.correct .option-letter{background:#16a34a!important;color:#fff!important}:root:not([data-theme=light]) .option-btn.incorrect .option-letter{background:#dc2626!important;color:#fff!important}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-6);height:4rem}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);text-decoration:none!important;flex-shrink:0}.logo-text[data-astro-cid-3ef6ksr2]{font-size:var(--text-lg);color:var(--color-text);white-space:nowrap}.logo-text[data-astro-cid-3ef6ksr2] strong[data-astro-cid-3ef6ksr2]{color:var(--color-primary)}.main-nav[data-astro-cid-3ef6ksr2]{flex:1}.main-nav[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--space-1);list-style:none}.nav-link[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:background .15s,color .15s;text-decoration:none!important}.nav-link[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-muted);color:var(--color-text)}.nav-link[data-astro-cid-3ef6ksr2].active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.search-btn[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);padding:.3rem .6rem;border-radius:var(--radius-md);color:var(--color-text-muted);border:1px solid var(--color-border);height:2.1rem}.search-btn[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-muted);color:var(--color-text)}.search-shortcut[data-astro-cid-3ef6ksr2]{font-size:.65rem;font-weight:700;letter-spacing:.03em;color:var(--color-text-subtle);border:1px solid var(--color-border);border-radius:4px;padding:.1em .35em;white-space:nowrap}@media(max-width:640px){.search-shortcut[data-astro-cid-3ef6ksr2]{display:none}}.search-dialog[data-astro-cid-3ef6ksr2]{position:fixed;top:5rem;left:50%;transform:translate(-50%);width:min(680px,96vw);max-height:calc(100vh - 8rem);background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 24px 60px #00000038;padding:0;overflow:hidden;margin:0}.search-dialog[data-astro-cid-3ef6ksr2]::backdrop{background:#00000073;backdrop-filter:blur(3px)}.search-box[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.search-input-row[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.search-icon[data-astro-cid-3ef6ksr2]{flex-shrink:0;color:var(--color-text-muted)}.search-input[data-astro-cid-3ef6ksr2]{flex:1;font-size:var(--text-lg);border:none;background:transparent;color:var(--color-text);outline:none;font-family:inherit}.search-input[data-astro-cid-3ef6ksr2]::placeholder{color:var(--color-text-subtle)}.search-input[data-astro-cid-3ef6ksr2]::-webkit-search-cancel-button{display:none}.search-esc[data-astro-cid-3ef6ksr2]{font-size:var(--text-xs);color:var(--color-text-subtle);border:1px solid var(--color-border);border-radius:4px;padding:.15em .4em;flex-shrink:0}.search-results[data-astro-cid-3ef6ksr2]{overflow-y:auto;max-height:420px;padding:var(--space-2) 0}.search-results[data-astro-cid-3ef6ksr2]:empty:after{content:"Type to search...";display:block;text-align:center;color:var(--color-text-subtle);padding:var(--space-8) var(--space-4);font-size:var(--text-sm)}.search-footer[data-astro-cid-3ef6ksr2]{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.search-footer-hint[data-astro-cid-3ef6ksr2]{font-size:.68rem;color:var(--color-text-subtle);display:flex;gap:.25rem}.search-footer-hint[data-astro-cid-3ef6ksr2] kbd[data-astro-cid-3ef6ksr2]{border:1px solid var(--color-border);border-radius:3px;padding:0 .3em;font-size:inherit;background:var(--color-bg-subtle)}.theme-btn[data-astro-cid-3ef6ksr2]{width:2.25rem;height:2.25rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted)}.theme-btn[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-muted);color:var(--color-text)}.icon-moon[data-astro-cid-3ef6ksr2],[data-astro-cid-3ef6ksr2][data-theme=dark] .icon-sun[data-astro-cid-3ef6ksr2]{display:none}[data-astro-cid-3ef6ksr2][data-theme=dark] .icon-moon[data-astro-cid-3ef6ksr2]{display:block}.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:none}.mobile-lang-switcher[data-astro-cid-3ef6ksr2]{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.mobile-menu[data-astro-cid-3ef6ksr2]{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-4)}.mobile-nav-link[data-astro-cid-3ef6ksr2]{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;color:var(--color-text-muted);text-decoration:none!important}.mobile-nav-link[data-astro-cid-3ef6ksr2]:hover{background:var(--color-bg-muted);color:var(--color-text)}.mobile-nav-link[data-astro-cid-3ef6ksr2].active{background:var(--color-primary-light);color:var(--color-primary)}@media(max-width:768px){.main-nav[data-astro-cid-3ef6ksr2]{display:none}.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:flex}}.search-result-item:hover,.search-result-item[aria-selected=true]{background:var(--color-bg-subtle)!important}.site-footer[data-astro-cid-sz7xmlte]{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);padding-block:var(--space-16)}.footer-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-decoration:none!important;width:fit-content}.footer-logo[data-astro-cid-sz7xmlte] strong[data-astro-cid-sz7xmlte]{color:var(--color-primary)}.footer-brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:28ch}.footer-badges[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer-nav[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-nav-col[data-astro-cid-sz7xmlte] h3[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:var(--space-4)}.footer-nav-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--color-text-muted);transition:color .15s;text-decoration:none!important}.footer-nav-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-primary)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);padding-block:var(--space-6)}.footer-bottom-inner[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-subtle)}@media(max-width:768px){.footer-inner[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-10)}.footer-nav[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(2,1fr)}.footer-brand[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{max-width:none}}@media(max-width:480px){.footer-nav[data-astro-cid-sz7xmlte]{grid-template-columns:1fr}.footer-bottom-inner[data-astro-cid-sz7xmlte]{justify-content:center;text-align:center}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-muted: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-text-inverse: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-4xl: 2.25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-md: .5rem;--radius-lg: .75rem;--max-w-content: 1200px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05)}[data-theme=dark]{--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-bg-muted: #293548;--color-surface: #1e293b;--color-surface-raised:#293548;--color-border: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-primary-light: #1e3a5f}[data-theme=light]{--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-muted: #f1f5f9;--color-surface: #ffffff;--color-surface-raised:#f8fafc;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-primary-light: #dbeafe}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.625;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-100%;inset-inline-start:var(--space-4);z-index:1000;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;text-decoration:none}.skip-link:focus{top:var(--space-4)}.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}.container{max-width:var(--max-w-content);margin-inline:auto;padding-inline:var(--space-6)}.ex-nav-strip{position:fixed;bottom:0;inset-inline:0;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:50;padding:var(--space-3) 0}.ex-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ex-nav-btn{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:background .15s,border-color .15s;white-space:nowrap;max-width:38%;overflow:hidden;text-overflow:ellipsis}.ex-nav-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.ex-nav-pos{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}body:has(#ex-nav-strip:not([hidden])) main{padding-bottom:4rem}.copy-passage-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg, #fff);color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:500;padding:2px 8px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.copy-passage-btn:hover{background:var(--color-primary-light, #eff6ff);color:var(--color-primary);border-color:var(--color-primary)}