:root{--primary: #1a73e8;--primary-dark: #1557b0;--primary-bg: #e8f0fe;--success: #1e8e3e;--success-bg: #e6f4ea;--success-border: #a8dab5;--error: #c5221f;--error-bg: #fce8e6;--error-border: #f5b7b1;--text: #202124;--text-secondary: #5f6368;--text-disabled: #9aa0a6;--bg: #ffffff;--bg-muted: #f8f9fa;--surface: #f1f3f4;--border: #dadce0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 64, 67, .06);--shadow-md: 0 1px 3px rgba(60, 64, 67, .1), 0 1px 2px rgba(60, 64, 67, .06);--transition: .2s ease}:root[data-theme=dark]{--primary: #8ab4f8;--primary-dark: #aecbfa;--primary-bg: #1c2a40;--success: #81c995;--success-bg: #1d3324;--success-border: #2d4a35;--error: #f28b82;--error-bg: #3a201e;--error-border: #5c2f2c;--text: #e3e3e6;--text-secondary: #9aa0a6;--text-disabled: #6e7174;--bg: #1b1b1d;--bg-muted: #242528;--surface: #2a2b2e;--border: #3c4043;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4)}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-primary-lg,:root[data-theme=dark] .btn-primary:hover,:root[data-theme=dark] .btn-primary-lg:hover,:root[data-theme=dark] .practice-answer-toggle:hover{color:#10233f}:root[data-theme=dark] .fact{background:#2f2a18;border-color:#5a4d1f}:root[data-theme=dark] .fact-num{color:#f3cf6b}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Roboto,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.home{max-width:720px;margin:0 auto;padding:48px 24px 80px}.home-header{margin-bottom:40px}.home-header h1{font-size:32px;font-weight:500;margin:0 0 8px;letter-spacing:-.5px}.home-header p{color:var(--text-secondary);margin:0;font-size:16px}.learn-banner{display:flex;align-items:center;gap:14px;margin-top:28px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-muted);text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition)}.learn-banner:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.learn-banner-icon{font-size:26px;line-height:1}.learn-banner-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.learn-banner-title{font-size:16px;font-weight:700;color:var(--text)}.learn-banner-desc{font-size:13px;line-height:1.5;color:var(--text-secondary)}.learn-banner-arrow{font-size:18px;color:var(--primary)}.home-section{margin-top:36px}.home-section-title{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.home-section-head .home-section-title{margin:0}.home-section-note{font-size:13px;color:var(--text-secondary);background:var(--surface);padding:3px 10px;border-radius:var(--radius-pill);font-weight:500}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.btn-card{display:flex;align-items:center;justify-content:center;padding:18px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-weight:500;text-align:center;transition:all var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);text-decoration:none;min-height:56px}.btn-card:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.btn-card.disabled{background:var(--bg-muted);color:var(--text-disabled);cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-card.disabled .badge-soon{display:inline-block;margin-left:8px;font-size:11px;background:var(--surface);color:var(--text-disabled);padding:2px 8px;border-radius:var(--radius-pill);font-weight:500}.lesson-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.lesson-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition)}.lesson-card:hover{border-color:var(--primary);background:var(--primary-bg)}.lesson-card.disabled{background:var(--bg-muted);cursor:not-allowed;box-shadow:none;color:var(--text-disabled)}.lesson-card.disabled:hover{border-color:var(--border);background:var(--bg-muted)}.lesson-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.lesson-card-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.lesson-card-num{font-size:13px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.4px}.lesson-card.disabled .lesson-card-num{color:var(--text-disabled)}.lesson-card-name{font-size:15px;font-weight:500;color:var(--text)}.lesson-card.disabled .lesson-card-name{color:var(--text-disabled)}.lesson-card-count{font-size:12px;color:var(--primary);background:var(--primary-bg);padding:3px 10px;border-radius:var(--radius-pill);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.lesson-card .badge-soon{display:inline-block;font-size:11px;background:var(--surface);color:var(--text-disabled);padding:3px 10px;border-radius:var(--radius-pill);font-weight:500;white-space:nowrap}.lesson-card-detail{font-size:13px;line-height:1.5;color:var(--text-secondary)}.lesson-card.disabled .lesson-card-detail{color:var(--text-disabled)}.btn-primary-lg{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--primary);color:#fff;font-size:15px;font-weight:500;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition);text-decoration:none}.btn-primary-lg:hover{background:var(--primary-dark);color:#fff}.quick-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.progress-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.progress-stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;flex:1;min-width:110px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.progress-stat-num{font-size:24px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1.1}.progress-stat-suffix{font-size:14px;color:var(--text-secondary);font-weight:400;margin-left:2px}.progress-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.progress-stat.correct .progress-stat-num{color:var(--success)}.progress-stat.wrong .progress-stat-num{color:var(--error)}.btn-reset{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;transition:all var(--transition)}.btn-reset:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.action-count{display:inline-block;margin-left:6px;font-size:12px;background:var(--primary-bg);color:var(--primary);padding:1px 8px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;font-weight:500}.btn-outline:hover .action-count{background:var(--bg)}.quiz-wrap{max-width:760px;margin:0 auto;padding:24px 20px 100px}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.quiz-mode-label{font-size:13px;color:var(--text-secondary);font-weight:500}.quiz-mode-label strong{color:var(--text);font-weight:500}.quiz-home-link{font-size:13px;color:var(--text-secondary)}.quiz-home-link:hover{color:var(--primary)}.progress-row{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.progress-bar{display:flex;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.progress-seg{flex:1;min-width:18px;max-width:48px;height:8px;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:0}.progress-seg:hover{transform:scaleY(1.4)}.progress-seg.answered{background:var(--primary)}.progress-seg.visited{background:transparent;border-color:var(--primary)}.progress-seg.current{background:var(--primary);transform:scaleY(1.6)}.progress-seg.current.visited{background:transparent}.progress-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.progress-counter{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.badge-correct{background:var(--success-bg);color:var(--success)}.badge-wrong{background:var(--error-bg);color:var(--error)}.question-block{margin-bottom:28px}.question-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.question-topic,.question-id-chip,.question-lesson-chip{display:inline-block;font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);font-weight:500}.question-topic{color:var(--text-secondary);background:var(--surface)}.question-id-chip{color:var(--primary);background:var(--primary-bg);font-variant-numeric:tabular-nums;font-family:Roboto Mono,ui-monospace,SFMono-Regular,monospace}.question-lesson-chip{color:var(--text-secondary);background:var(--surface)}.question-chips.spoiler .question-topic,.question-chips.spoiler .question-lesson-chip{color:transparent;text-shadow:0 0 7px var(--text-secondary);user-select:none;cursor:help}.question-text{font-size:19px;line-height:1.55;color:var(--text);margin:0;font-weight:400}.question-num{color:var(--text-secondary);font-weight:500;margin-right:6px}.hint-toggle{margin-top:14px;display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--primary);font-size:13px;padding:4px 0;font-weight:500}.hint-toggle:hover{text-decoration:underline}.hint-text{margin-top:8px;padding:12px 16px;background:var(--primary-bg);border-radius:var(--radius-sm);font-size:14px;color:var(--text);line-height:1.5}.hint-text[hidden]{display:none}.options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.option{display:block;width:100%;text-align:left;background:var(--bg-muted);border:1.5px solid transparent;border-radius:var(--radius-md);padding:16px 18px;font-size:15px;line-height:1.5;color:var(--text);transition:all var(--transition);cursor:pointer;font-family:inherit}.option:hover:not(:disabled){background:var(--surface)}.option:disabled{cursor:default}.option-row{display:flex;gap:12px;align-items:flex-start}.option-label{font-weight:500;color:var(--text-secondary);flex-shrink:0;min-width:18px}.option-text{flex:1}.option.correct{background:var(--success-bg);border-color:var(--success-border)}.option.wrong{background:var(--error-bg);border-color:var(--error-border)}.option-feedback{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);font-size:14px;line-height:1.5}.option-feedback-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-bottom:6px}.option.correct .option-feedback-label{color:var(--success)}.option.wrong .option-feedback-label{color:var(--error)}.option-feedback-text{color:var(--text)}.quiz-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:40px}.btn-secondary{background:transparent;color:var(--text-secondary);border:none;padding:12px 20px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;transition:all var(--transition)}.btn-secondary:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-secondary:disabled{color:var(--text-disabled);opacity:.5}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;transition:background var(--transition)}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);padding:11px 26px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;transition:all var(--transition)}.btn-outline:hover{background:var(--primary-bg)}.result{max-width:480px;margin:48px auto 0;padding:40px 32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-score{font-size:56px;font-weight:500;color:var(--primary);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1}.result-message{font-size:18px;color:var(--text);margin:16px 0 24px}.result-badges{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.result-badges .badge{font-size:14px;padding:6px 14px}.result-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.result-actions button{min-width:200px}.browse-wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}.browse-header{margin-bottom:24px}.browse-topbar{margin-bottom:16px}.browse-header h1{font-size:28px;font-weight:500;margin:0 0 6px;letter-spacing:-.5px}.browse-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.browse-subtitle code{background:var(--surface);padding:2px 6px;border-radius:4px;font-size:13px}.browse-search{display:flex;gap:8px;margin-bottom:12px;position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:10}#search-input{flex:1;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-pill);font-size:15px;font-family:inherit;color:var(--text);background:var(--bg-muted);transition:all var(--transition);outline:none}#search-input:focus{border-color:var(--primary);background:var(--bg);box-shadow:0 0 0 4px #1a73e81f}.browse-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.filter-field select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:inherit;font-size:14px;color:var(--text);cursor:pointer}.result-count{margin-left:auto;font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.question-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.question-item[hidden]{display:none}.question-item-link{display:block;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:all var(--transition);box-shadow:var(--shadow-sm)}.question-item-link:hover{border-color:var(--primary);background:var(--primary-bg)}.question-item.highlight .question-item-link{border-color:var(--primary);box-shadow:0 0 0 3px #1a73e82e}.question-item-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.question-item-text{font-size:14px;line-height:1.5;color:var(--text)}.browse-empty{text-align:center;color:var(--text-secondary);padding:32px 16px}.empty{text-align:center;padding:64px 24px;color:var(--text-secondary)}.empty h2{color:var(--text);font-weight:500;margin-bottom:8px}@media(max-width:600px){.home,.quiz-wrap{padding-left:16px;padding-right:16px}.question-text{font-size:17px}.result-score{font-size:44px}}.learn-wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}.learn-header{margin-bottom:24px}.learn-topbar{margin-bottom:16px}.learn-header h1{font-size:28px;font-weight:500;margin:0 0 8px;letter-spacing:-.5px}.learn-subtitle{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6}.learn-subtitle strong{color:var(--text);font-weight:500}.learn-region-banner{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-muted);text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition)}.learn-region-banner:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.learn-region-icon{font-size:26px;line-height:1}.learn-region-text{display:flex;flex-direction:column;gap:3px;flex:1}.learn-region-title{font-size:16px;font-weight:700;color:var(--text)}.learn-region-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.learn-region-arrow{font-size:18px;color:var(--primary)}.learn-search{margin:24px 0 8px;--pf-text: var(--text);--pf-background: var(--bg);--pf-border: var(--border);--pf-hover: var(--surface);--pf-outline-focus: var(--primary);--pf-border-radius: 12px;--pf-searchbox-max-width: 100%}.learn-search-hint{margin:10px 2px 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.learn-search-hint code{background:var(--surface);padding:2px 6px;border-radius:4px;font-size:12px}.learn-section{margin-top:36px}.learn-section-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.learn-section-title{font-size:18px;font-weight:500;margin:0;letter-spacing:-.3px}.badge-soon{display:inline-block;font-size:11px;background:var(--surface);color:var(--text-disabled);padding:3px 10px;border-radius:var(--radius-pill);font-weight:500;white-space:nowrap}.learn-section-desc{margin:0 0 14px;color:var(--text-secondary);font-size:14px;line-height:1.6}.learn-doc-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.learn-doc-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition)}.learn-doc-card:hover{border-color:var(--primary);background:var(--primary-bg)}.learn-doc-card.disabled{background:var(--bg-muted);box-shadow:none;cursor:not-allowed}.learn-doc-card.disabled:hover{border-color:var(--border);background:var(--bg-muted)}.learn-doc-card-head{display:flex;align-items:baseline;gap:10px}.learn-doc-num{font-size:12px;font-weight:500;color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:.4px}.learn-doc-title{font-size:15px;font-weight:500;color:var(--text)}.learn-doc-summary{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.learn-doc-card.disabled .learn-doc-summary{color:var(--text-disabled)}.doc-page{max-width:1080px;margin:0 auto;padding:28px 20px 80px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px;align-items:start}.doc-main{min-width:0}.doc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:20px;flex-wrap:wrap}.doc-breadcrumb span[aria-hidden]{color:var(--text-disabled)}.doc-hero{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.doc-hero h1{font-size:30px;font-weight:700;letter-spacing:-.6px;margin:0 0 6px;line-height:1.25}.doc-hero-en{margin:0 0 12px;font-size:14px;color:var(--text-secondary);font-style:italic}.doc-hero-summary{margin:0;font-size:16px;color:var(--text-secondary);line-height:1.6}.doc-section{margin-top:36px;scroll-margin-top:16px}.doc-section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.doc-section-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;background:var(--primary-bg);color:var(--primary);border-radius:50%;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.doc-section-lead{margin:-4px 0 16px;font-size:13.5px;color:var(--text-secondary);line-height:1.5}.key-terms{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.key-term{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.key-term-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.key-term-ko{font-size:15px;font-weight:700;color:var(--text)}.key-term-en{font-size:11.5px;color:var(--primary);background:var(--primary-bg);padding:1px 8px;border-radius:var(--radius-pill);font-weight:500}.key-term-def{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.concepts{display:flex;flex-direction:column;gap:14px}.concept-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-sm);scroll-margin-top:16px}.concept-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.concept-num{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-bg);padding:2px 8px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;letter-spacing:.4px}.concept-title{margin:0;font-size:16px;font-weight:700;color:var(--text)}.concept-body{margin:0;font-size:14.5px;line-height:1.7;color:var(--text)}.concept-body strong{font-weight:700}.concept-details{margin:12px 0 0;padding:12px 14px 12px 30px;background:var(--bg-muted);border-radius:var(--radius-sm);list-style:disc;font-size:13.5px;line-height:1.7}.concept-details li{margin:2px 0;color:var(--text-secondary)}.concept-details strong{color:var(--text)}.ref-tables{display:flex;flex-direction:column;gap:20px}.ref-table{margin:0}.ref-table-caption{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.ref-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.ref-table table{width:100%;border-collapse:collapse;font-size:13.5px}.ref-table th,.ref-table td{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.5}.ref-table th{background:var(--bg-muted);font-weight:600;color:var(--text);white-space:nowrap}.ref-table tbody tr:nth-child(2n){background:var(--bg-muted)}.ref-table tbody tr:last-child td{border-bottom:none}.ref-table td strong{font-weight:700;color:var(--text)}.ref-table td em{font-style:italic;color:var(--text-secondary)}.ref-table-note{margin:8px 2px 0;font-size:12px;color:var(--text-secondary);line-height:1.5}.region-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px;font-size:13px;color:var(--text-secondary)}.region-legend-count{color:var(--text-disabled)}.color-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;line-height:1}.color-chip.color-black{background:#3c2330;color:#f3e5ec}.color-chip.color-white{background:#fef7e0;color:#8a6d1a;border:1px solid #fde293}.color-chip.color-special{background:var(--primary-bg);color:var(--primary-dark)}.region-countries{display:flex;flex-direction:column;gap:28px}.region-country-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:700;color:var(--text)}.region-flag{font-size:20px;line-height:1}.region-country-note{margin:0 0 10px;font-size:13px;color:var(--text-secondary);line-height:1.55}.region-variety-link{font-weight:600;color:var(--primary);text-decoration:none}.region-variety-link:hover{text-decoration:underline}.facts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.fact{background:#fef7e0;border:1px solid #fde293;border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.fact-num{font-size:18px;font-weight:700;color:#8a4e00;letter-spacing:-.3px;font-variant-numeric:tabular-nums;line-height:1.2}.fact-label{font-size:12.5px;font-weight:600;color:var(--text)}.fact-detail{font-size:11.5px;color:var(--text-secondary);line-height:1.4}.practice-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:practice}.practice-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px 12px 44px;position:relative;counter-increment:practice}.practice-item:before{content:counter(practice);position:absolute;left:14px;top:12px;width:22px;height:22px;background:var(--primary-bg);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.practice-q{font-size:14px;color:var(--text);line-height:1.55;margin-bottom:6px}.practice-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.practice-type{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill)}.practice-type--short{background:var(--success-bg);color:var(--success)}.practice-type--essay{background:var(--primary-bg);color:var(--primary)}.practice-hint{font-size:12px;color:var(--text-secondary)}.practice-answer{margin-top:10px}.practice-answer-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--primary-bg);color:var(--primary);font-size:12.5px;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;user-select:none;list-style:none;transition:background var(--transition)}.practice-answer-toggle::-webkit-details-marker{display:none}.practice-answer-toggle:before{content:"▸";font-size:10px}.practice-answer[open] .practice-answer-toggle:before{content:"▾"}.practice-answer-toggle:hover{background:var(--primary);color:#fff}.practice-answer-hide,.practice-answer[open] .practice-answer-show{display:none}.practice-answer[open] .practice-answer-hide{display:inline}.practice-answer-body{margin-top:8px;padding:12px 14px;background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-md);font-size:13.5px;line-height:1.6;color:var(--text)}.practice-answer-body strong{color:var(--success);font-weight:700}.sat-widget{display:flex;flex-direction:column;gap:20px}.sat-widget-title{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.colour-scales{display:flex;flex-direction:column;gap:8px}.colour-scale{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:12px}.colour-scale-label{font-size:13px;font-weight:600;color:var(--text)}.colour-scale-bar{display:flex;overflow:hidden;border-radius:var(--radius-sm);height:36px;border:1px solid var(--border)}.colour-stop{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.4);letter-spacing:.2px}.palate-scales{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.palate-scale{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px}.palate-scale-name{font-size:12.5px;font-weight:600;color:var(--text)}.palate-scale-steps{display:grid;grid-template-columns:repeat(var(--count),1fr);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.palate-step{padding:6px 4px;text-align:center;font-size:11px;color:var(--text-secondary);border-right:1px solid var(--border)}.palate-step:last-child{border-right:none}.aroma-origins{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.aroma-origin{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.aroma-origin--primary{border-top:3px solid #1e8e3e}.aroma-origin--secondary{border-top:3px solid #d9b341}.aroma-origin--tertiary{border-top:3px solid #8c1c2b}.aroma-tag{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.6px}.aroma-label{font-size:15px;font-weight:700;color:var(--text);margin:2px 0 6px}.aroma-origin-text{font-size:13px;color:var(--text);font-weight:500;margin-bottom:4px}.aroma-examples{font-size:12px;color:var(--text-secondary);line-height:1.5}.pairing-matrix{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.pairing-col{border-radius:var(--radius-md);padding:16px 18px;border:1px solid var(--border)}.pairing-col--harder{background:var(--error-bg);border-color:var(--error-border)}.pairing-col--softer{background:var(--success-bg);border-color:var(--success-border)}.pairing-col-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pairing-arrow{font-size:22px;line-height:1}.pairing-col--harder .pairing-arrow{color:var(--error)}.pairing-col--softer .pairing-arrow{color:var(--success)}.pairing-label{font-size:16px;font-weight:700;color:var(--text)}.pairing-desc{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0 0 10px}.pairing-causes{margin:0;padding:0 0 0 18px;font-size:13.5px;color:var(--text)}.pairing-causes li{margin:2px 0;font-weight:600}.pairing-axis{align-self:center;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;writing-mode:vertical-rl}.service-temp{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.service-temp-rows{display:flex;flex-direction:column;gap:8px}.service-temp-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center}.service-temp-label{font-size:12.5px;color:var(--text);font-weight:500;line-height:1.4}.service-temp-track{position:relative;height:22px;background:var(--bg-muted);border-radius:var(--radius-sm)}.service-temp-bar{position:absolute;top:0;bottom:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;color:#000000c7;white-space:nowrap}.service-temp-axis{position:relative;height:18px;margin-top:6px;margin-left:212px}.service-temp-tick{position:absolute;transform:translate(-50%);font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.climate-bars{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.climate-track{position:relative;height:56px;background:var(--bg-muted);border-radius:var(--radius-sm);overflow:hidden}.climate-band{position:absolute;top:0;bottom:0;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;font-weight:600}.climate-band-label{font-size:14px;color:#000000d9;line-height:1.1}.climate-band-text{font-size:11px;color:#000000a6;line-height:1.1}.climate-axis{position:relative;height:18px;margin-top:6px}.climate-tick{position:absolute;transform:translate(-50%);font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.climate-note{margin:12px 0 0;font-size:12.5px;color:var(--text-secondary);line-height:1.55}.climate-note strong{color:var(--text);font-weight:600}.process-flow{display:flex;flex-direction:column;gap:12px}.flow-row{display:flex;align-items:stretch;gap:12px}.flow-label{width:70px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.flow-steps{display:flex;align-items:stretch;gap:4px;flex-wrap:wrap;flex:1}.flow-step{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text);line-height:1.3;white-space:pre-line;display:flex;align-items:center}.flow-arrow{display:flex;align-items:center;color:var(--text-disabled);font-size:14px}.doc-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.doc-pager-link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.doc-pager-link:hover{border-color:var(--primary);background:var(--primary-bg)}.doc-pager-next{text-align:right}.doc-pager-dir{font-size:12px;color:var(--text-secondary);font-weight:500}.doc-pager-name{font-size:14px;color:var(--text);font-weight:500}.doc-toc{position:sticky;top:24px}.doc-toc-title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin:0 0 12px}.doc-toc ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--border)}.doc-toc li{margin:0}.doc-toc a{display:flex;gap:8px;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:13px;color:var(--text-secondary);line-height:1.4;transition:color var(--transition),border-color var(--transition)}.doc-toc a:hover{color:var(--text)}.doc-toc a.active{color:var(--primary);border-left-color:var(--primary);font-weight:500}.doc-toc-num{color:var(--text-disabled);font-variant-numeric:tabular-nums}.doc-toc a.active .doc-toc-num{color:var(--primary)}@media(max-width:900px){.doc-page{grid-template-columns:1fr;gap:0}.doc-toc{display:none}}@media(max-width:600px){.learn-wrap,.doc-page{padding-left:16px;padding-right:16px}.doc-pager{grid-template-columns:1fr}.doc-hero h1{font-size:25px}.pairing-matrix{grid-template-columns:1fr;gap:10px}.pairing-axis{display:none}.service-temp-row{grid-template-columns:1fr;gap:4px}.service-temp-axis{margin-left:0}.colour-scale{grid-template-columns:50px 1fr;gap:8px}.palate-scale{grid-template-columns:70px 1fr;gap:8px}}.theme-toggle{position:fixed;bottom:16px;right:16px;z-index:100;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;line-height:1;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);transition:background var(--transition),border-color var(--transition),transform var(--transition)}.theme-toggle:hover{background:var(--surface)}.theme-toggle:active{transform:scale(.94)}@media(max-width:600px){.theme-toggle{bottom:12px;right:12px;width:40px;height:40px;font-size:17px}}.quiz-learn-links{margin-top:18px;padding:14px 16px;background:var(--primary-bg);border-radius:var(--radius-md)}.quiz-learn-links-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.quiz-learn-links-list{display:flex;flex-wrap:wrap;gap:8px}.quiz-learn-link{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13.5px;font-weight:500;color:var(--primary);transition:border-color var(--transition),background var(--transition)}.quiz-learn-link:hover{border-color:var(--primary);background:var(--surface)}.doc-quiz-cta{margin-top:40px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--primary-bg);border-radius:var(--radius-lg)}.doc-quiz-cta-text{display:flex;flex-direction:column;gap:3px}.doc-quiz-cta-text strong{font-size:16px;font-weight:700;color:var(--text)}.doc-quiz-cta-text span{font-size:13.5px;color:var(--text-secondary)}.doc-quiz-cta-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:11px 22px;background:var(--primary);color:#fff;border-radius:var(--radius-pill);font-size:14px;font-weight:500;white-space:nowrap;transition:background var(--transition)}.doc-quiz-cta-btn:hover{background:var(--primary-dark)}:root[data-theme=dark] .doc-quiz-cta-btn{color:#10233f}@media(max-width:600px){.doc-quiz-cta{flex-direction:column;align-items:stretch}.doc-quiz-cta-btn{width:100%}}