.study-main{max-width:72rem;margin:auto;padding:var(--space-xxl) var(--space-lg)}
.study-hero{max-width:50rem;margin-bottom:var(--space-xxl)}.study-hero h1{font:600 var(--text-hero)/1.12 var(--font-display);letter-spacing:-.03em;margin:var(--space-md) 0}.study-hero .lead{font-size:var(--text-lead);line-height:1.6}
.source-note,.source-panel,.learning-tip{padding:var(--space-lg);background:var(--color-canvas-parchment);border-radius:var(--radius-lg)}.source-note{font-size:var(--text-caption);color:var(--color-ink-soft)}.source-panel{margin:var(--space-xl) 0}.source-panel h2{font-size:var(--text-body);margin-top:0}.source-panel a{overflow-wrap:anywhere}.source-panel p{line-height:1.7}
.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-xl)}.selection-bar label,.card-controls label,.completion-control{display:flex;align-items:center;gap:var(--space-sm);min-height:44px}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.topic-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column}.topic-card h2{font-size:var(--text-section);line-height:1.4;margin:var(--space-sm) 0}.topic-card h2 a{text-decoration:none;color:var(--color-ink)}.topic-card>p:not(.eyebrow){line-height:1.7}.card-controls{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-top:auto}.completion-label{font-size:var(--text-caption);color:var(--color-ink-soft);margin-bottom:0}
input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);width:20px;height:20px;flex-shrink:0}
#topic-content{max-width:50rem;margin:auto}.reading-card{padding:var(--space-lg) 0;border-bottom:1px solid var(--color-hairline)}.reading-card h2,.practice-card h2,.quiz-section h2,.notes-section h2{font-size:var(--text-section);line-height:1.4}.reading-card p{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.practice-card{background:var(--color-surface);padding:var(--space-xl);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);margin:var(--space-xxl) 0}#practice-prompt,#practice-answer{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.practice-card summary{color:var(--color-primary);min-height:44px;padding:var(--space-sm) 0;cursor:pointer}.practice-card details[open]{border-top:1px solid var(--color-hairline)}
.quiz-question{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;min-width:0}.quiz-question legend{font-weight:600;padding:0 var(--space-xs);line-height:1.6;overflow-wrap:anywhere}.quiz-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);min-height:44px;cursor:pointer}.quiz-option:has(input:checked){background:var(--color-canvas-parchment);border-radius:var(--radius-sm)}.feedback{padding:var(--space-md);background:var(--color-canvas-parchment);border-left:3px solid var(--color-primary);line-height:1.7}.quiz-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.notes-section{margin:var(--space-xxl) 0}.notes-section label{display:block;margin-bottom:var(--space-sm)}#study-note{width:100%;min-height:10rem;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-md);font:inherit;color:var(--color-ink);background:var(--color-canvas);line-height:1.65;resize:vertical}
#takeaways{padding-left:var(--space-lg);line-height:1.9}.topic-navigation{display:flex;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-xxl);padding-top:var(--space-xl);border-top:1px solid var(--color-hairline)}.study-footer{padding:var(--space-xl);background:var(--color-canvas-parchment);text-align:center;font-size:var(--text-caption)}#storage-status{font-size:var(--text-caption);color:var(--color-ink-soft);min-height:1.5em}.header-nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:734px){.topic-grid{grid-template-columns:1fr}.study-main{padding:var(--space-xl) var(--space-md)}.topic-card,.practice-card,.quiz-question{padding:var(--space-lg)}.header-inner{flex-wrap:wrap;gap:var(--space-sm)}.header-nav{display:flex!important;gap:var(--space-md)}.study-hero h1{font-size:2rem}.source-panel{padding:var(--space-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}