/* Study layouts use the common brand typography and control tokens. */
.study-wrap{max-width:var(--width-reading);margin-inline:auto;padding-block:var(--section-spacing)}
.study-paths,.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}
.study-card{padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}
.study-card p{margin:var(--space-2) 0}.study-card h3{margin:0 0 var(--space-2)}
.study-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;margin-block:var(--space-3)}
.study-paths ol,.study-topics{padding-left:1.35rem}.study-paths li{margin-bottom:var(--space-2)}
.study-source-list li{margin-bottom:var(--space-3)}
.study-table-wrap{overflow-x:auto}.study-table{width:100%;border-collapse:collapse;background:var(--color-surface)}
.study-table :is(th,td){padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}
.study-table th{color:var(--color-secondary)}.study-table caption{text-align:left;padding-bottom:var(--space-3)}
.study-index{display:block;position:static;inset:auto;width:auto;padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:none}
.study-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-5);padding-left:1.2rem}
.study-index li{min-width:0}.study-index a{display:block;min-height:44px;padding-block:var(--space-2);white-space:normal;font-weight:inherit}
.study-lesson{scroll-margin-top:6rem;padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}
.study-lesson :is(h2,h3){scroll-margin-top:6rem}.study-example{padding:var(--card-padding);background:var(--color-surface);border-left:3px solid var(--color-accent-support);margin-block:var(--space-3)}
.study-formula{overflow-wrap:anywhere;color:var(--color-secondary)}
.quiz-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.quiz-field{display:flex;flex-direction:column;gap:var(--space-2)}
.quiz-field select{width:100%;min-height:48px;padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control)}
.quiz-full{grid-column:1/-1}.quiz-status-line{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;align-items:center}
.quiz-question{padding:var(--card-padding);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);margin-block:var(--space-3)}
.quiz-options{border:0;padding:0;margin:var(--space-4) 0}.quiz-options legend{padding:0;margin-bottom:var(--space-2)}
.quiz-option{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);margin-block:var(--space-2);cursor:pointer;overflow-wrap:anywhere}
.quiz-option:has(input:checked){border-color:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-secondary)}
.quiz-option input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--color-secondary)}
.quiz-feedback{padding:var(--card-padding);border-left:4px solid var(--color-secondary);background:var(--color-background)}
.quiz-feedback p{margin:var(--space-2) 0}
.quiz-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-4)}
.quiz-question-map nav{display:block;position:static;inset:auto;width:auto;padding:0;background:transparent;box-shadow:none}
.quiz-nav button{min-width:44px;min-height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);cursor:pointer}
.quiz-nav button[data-answered="true"]{background:var(--color-primary);border-color:var(--color-action-border)}
.quiz-nav button[aria-current="step"]{outline:2px solid var(--color-secondary);outline-offset:2px}
.quiz-progress{width:100%;height:12px;accent-color:var(--color-accent-support)}
.quiz-review-item{padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}
.quiz-review-item p{margin:var(--space-2) 0}.quiz-review-item summary{cursor:pointer;min-height:44px;padding-block:var(--space-2)}
.quiz-result-title:focus,.quiz-question h2:focus{outline:none}.quiz-result-title:focus-visible,.quiz-question h2:focus-visible{outline:3px solid var(--color-secondary)}
.quiz-confirm{padding:var(--card-padding);border:2px solid var(--color-action-border);border-radius:var(--radius-card);background:var(--color-surface);margin-block:var(--space-3)}
.quiz-confirm[hidden],.quiz-question[hidden],.quiz-feedback[hidden],.quiz-results[hidden],.quiz-session[hidden],.quiz-setup-panel[hidden]{display:none}
@media(max-width:600px){.study-paths,.study-grid,.quiz-setup{grid-template-columns:1fr}.quiz-full{grid-column:auto}.study-table :is(th,td){padding:var(--space-2)}.study-index ul{display:block}.study-index li{margin-block:var(--space-2)}.quiz-status-line{align-items:flex-start}}
@media print{.quiz-setup-panel,.quiz-session,.study-actions,.study-index,.site-header,.compact-footer{display:none}.study-card,.study-example{break-inside:avoid}.study-wrap{max-width:none}}
.quiz-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.quiz-category-code,.quiz-config-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:var(--color-primary);color:var(--color-secondary);border-radius:var(--radius-control)}
.quiz-category-card .rf-button{align-self:stretch;text-align:center}.quiz-category-numbers{color:var(--color-secondary)}
.quiz-config{position:fixed;inset:0;width:min(100% - 2rem,520px);max-height:calc(100dvh - 2rem);overflow-y:auto;margin:auto;padding:var(--space-5);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 20px 60px #0003}
.quiz-config::backdrop{background:#142837ad;backdrop-filter:blur(3px)}
.quiz-config-heading{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}
.quiz-config-heading :is(h2,p){margin:0}.quiz-config-heading p{margin-top:var(--space-2)}.quiz-config-icon{font-weight:700;flex:0 0 44px}
.quiz-config-fields{display:grid;gap:var(--space-4)}
.quiz-training{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);margin-block:var(--space-4);cursor:pointer}
.quiz-training input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--color-secondary)}.quiz-training-note{display:block;margin-top:var(--space-2)}
.quiz-total{text-align:center;padding:var(--space-4);background:var(--color-primary);border-radius:var(--radius-control)}
.quiz-config-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-secondary{background:var(--color-surface)}
.quiz-clock{font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}
.quiz-progress-line{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.quiz-progress-line .quiz-progress{flex:1;min-width:80px;height:8px}.quiz-progress-line p{flex:1;margin:0}
.quiz-question{padding:var(--space-5);box-shadow:0 3px 8px #12222a0c}.quiz-question-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.quiz-question-meta p{margin:0}
.quiz-area-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-secondary)}
.quiz-option{position:relative;min-height:64px;background:var(--color-background);padding:var(--space-3) var(--space-4);gap:var(--space-4)}
.quiz-option input{position:absolute;opacity:0;inset:auto;width:1px;height:1px;overflow:hidden}
.quiz-option:has(input:focus-visible){outline:3px solid var(--color-secondary);outline-offset:2px}.quiz-option:has(input:disabled){cursor:default}
.quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;flex:0 0 32px;background:var(--color-surface);border-radius:var(--radius-control);font-weight:700}
.quiz-option:has(input:checked) .quiz-option-letter{background:var(--color-primary)}
body.rf-site :is(#quiz-choices,.course-bank-question) .quiz-option[data-result="correct"]{background:#e8f5ec;border-color:#24723f;color:#15572d;box-shadow:inset 0 0 0 1px #24723f}
body.rf-site :is(#quiz-choices,.course-bank-question) .quiz-option[data-result="incorrect"]{background:#fdeceb;border-color:#b3302b;color:#85221e;box-shadow:inset 0 0 0 1px #b3302b}
body.rf-site :is(#quiz-choices,.course-bank-question) .quiz-option[data-result="correct"] .quiz-option-letter{background:#cce8d5;color:#15572d}
body.rf-site :is(#quiz-choices,.course-bank-question) .quiz-option[data-result="incorrect"] .quiz-option-letter{background:#f6cfcc;color:#85221e}
.quiz-answer-status{margin-left:auto;flex:0 0 auto;font-weight:700;white-space:nowrap}
.quiz-feedback[data-result="correct"]{background:#e8f5ec;border-color:#24723f}
.quiz-feedback[data-result="incorrect"]{background:#fdeceb;border-color:#b3302b}
.quiz-feedback[data-result="correct"]>p:first-child,.quiz-review-item[data-result="correct"]>summary{color:#15572d}
.quiz-feedback[data-result="incorrect"]>p:first-child,.quiz-review-item[data-result="incorrect"]>summary{color:#85221e}
.quiz-review-answer{padding:var(--space-3);border-left:4px solid var(--color-border);border-radius:var(--radius-control)}
.quiz-review-answer[data-result="correct"]{background:#e8f5ec;border-color:#24723f;color:#15572d}
.quiz-review-answer[data-result="incorrect"]{background:#fdeceb;border-color:#b3302b;color:#85221e}
@media(max-width:600px){.quiz-option:has(.quiz-answer-status){flex-wrap:wrap}.quiz-answer-status{flex-basis:calc(100% - 44px);margin-left:44px}}
.quiz-figure{display:block;max-width:100%;height:auto;margin:var(--space-3) auto;object-fit:contain}
.quiz-question-map{margin-block:var(--space-4)}.quiz-question-map>summary{cursor:pointer;min-height:44px;padding-block:var(--space-3)}
.quiz-session{scroll-margin-top:80px}
.quiz-options .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quiz-topic-filter[hidden],#quiz-intro[hidden],#quiz-help[hidden]{display:none}
#quiz-category[hidden]{display:none}
#quiz-retry-errors[hidden],#quiz-rufis-study[hidden],#course-practice[hidden],#course-route-context[hidden]{display:none}
.quiz-rufis{display:flex;gap:var(--space-5);align-items:center;margin-block:var(--space-5);border-left:4px solid var(--color-action-border)}
.quiz-rufis>img{width:140px;height:auto;flex:0 0 140px;align-self:flex-start}
.quiz-rufis :is(h3,p){margin-block:var(--space-2)}
.quiz-rufis[data-tone="celebrate"]{border-color:#24723f;background:#f2faf4}
.quiz-rufis[data-tone="celebrate"] h3{color:#15572d}
.quiz-rufis li{margin-block:var(--space-2)}
.study-breadcrumb{display:block;position:static;inset:auto;width:auto;padding:0;margin-bottom:var(--space-4);box-shadow:none;background:transparent;overflow-wrap:anywhere}
.course-figure{margin:var(--space-5) 0;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}
.course-diagram-scroll{max-width:100%;overflow-x:auto}.course-diagram-scroll img{display:block;width:100%;min-width:640px;height:auto}
.course-figure figcaption{margin-top:var(--space-2)}
.course-check{margin-block:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}
.course-check>summary{cursor:pointer;min-height:44px;padding-block:var(--space-2)}
.course-bank-question{margin-block:var(--space-4)}.course-bank-question li{margin-block:var(--space-2);overflow-wrap:anywhere}
.course-bank-question .quiz-feedback{margin-top:var(--space-4)}
.course-source-answer{background:#e8f5ec;color:#15572d;padding:var(--space-3);border-left:4px solid #24723f}
.course-source-issue{background:var(--color-primary);padding:var(--space-3);border-left:4px solid var(--color-action-border)}
[data-course-module],#course-bank-title,#quiz-results{scroll-margin-top:80px}
#ruta-de-estudio,#lecciones,.study-card[id]{scroll-margin-top:80px}
.course-route-list{padding-left:var(--space-5)}.course-route-list>li{padding-left:var(--space-2);margin-block:var(--space-3)}
@media(max-width:600px){.quiz-rufis{gap:var(--space-3);align-items:flex-start;flex-direction:column}.quiz-rufis>img{width:96px;flex-basis:auto;align-self:center}.study-breadcrumb{margin-bottom:var(--space-3)}}
@media(max-width:600px){.quiz-config{padding:var(--space-4)}.quiz-config-actions{grid-template-columns:1fr}.quiz-question{padding:var(--space-4)}.quiz-progress-line{flex-direction:column;align-items:stretch;gap:var(--space-2)}.quiz-option{padding:var(--space-3);gap:var(--space-3)}.quiz-session-actions .rf-button{flex:1}.quiz-session-actions #quiz-finish{flex-basis:100%}}