.learning-shell{max-width:1120px;margin:28px auto;padding:0 18px}.learning-hero,.learning-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--depth-2);padding:22px;margin:14px 0}.learning-hero{background:linear-gradient(135deg,#fffaf0,#f5e7ca);color:#241b17}.learning-hero h1{font-family:var(--serif);margin:6px 0;color:#211813;text-shadow:none}.learning-hero p{color:#4c433d}.learning-hero .year-eyebrow{color:#6e3b24;background:rgba(110,59,36,.1);border-color:rgba(110,59,36,.25)}.learning-hero .back-link{color:#5d3322;border-color:rgba(93,51,34,.3)}.learning-hero .learning-progress+p,.learning-hero b{color:#2d211b}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.learning-fact{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px}.learning-fact b,.learning-fact span{display:block}.learning-fact span{color:var(--ink-muted);font-size:13px;margin-top:5px}.learning-progress{height:12px;background:#eadfcb;border-radius:10px;overflow:hidden}.learning-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),var(--gold));border-radius:10px}.learning-passage{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.learning-passage:last-child{border:0}.learning-badge{display:inline-block;border-radius:20px;background:#eee1cb;padding:4px 9px;font-size:12px;color:#33251f}.learning-badge.mastered{background:#d8eadc;color:#245a31}.learning-badge.review{background:#f4d6d2;color:#7b2828}.learning-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.learning-mode-tabs button.active{background:var(--wine);color:white}.learning-score{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:8px}.learning-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0}.learning-question{text-align:center;font-size:24px;font-family:var(--serif);padding:20px}.learning-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.learning-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,220px));justify-content:center;gap:10px;min-height:94px}.learning-answer-grid button{width:100%;min-height:42px}.learning-answer-grid button.correct{border-color:var(--good);background:rgba(76,175,130,.2)}.learning-answer-grid button.incorrect{border-color:var(--bad);background:rgba(214,72,75,.2)}.learning-feedback{border:1px solid var(--line-bright);border-left:5px solid var(--gold);background:var(--surface-2);border-radius:12px;padding:14px 16px;margin:14px 0}.learning-feedback.good{border-left-color:var(--good)}.learning-feedback.bad{border-left-color:var(--bad)}.learning-feedback strong{display:block;margin-bottom:5px}.learning-feedback p{margin:4px 0;color:var(--ink-muted)}.learning-rhythm-status{text-align:center;font-weight:700;min-height:28px;margin:10px}.learning-rhythm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.learning-rhythm-metrics div{text-align:center;background:var(--surface-2);padding:10px;border-radius:10px}.learning-rhythm-metrics b{display:block;font-size:22px}.learning-explanation{color:var(--ink-muted);line-height:1.55}.learning-warning{border-left:4px solid var(--amber);background:#fff4da;color:#33251f;padding:12px;border-radius:8px;margin:8px 0}.learning-measure-select{display:flex;flex-wrap:wrap;gap:6px}.learning-measure-select button.active{background:var(--wine);color:#fff}.learning-complete{text-align:center;padding:28px}.learning-import{border:2px dashed var(--line);border-radius:16px;padding:28px;text-align:center}.learning-metric{text-align:center}.learning-metric strong{font-size:30px;color:var(--wine)}
@media(max-width:680px){.learning-shell{padding:0 10px}.learning-hero,.learning-card{padding:16px}.learning-hero h1{font-size:clamp(27px,9vw,38px)}.learning-passage{grid-template-columns:1fr}.learning-passage .primary-btn{width:100%}.learning-controls>label{width:100%}.learning-controls input[type=range]{width:100%}.learning-answer-grid{grid-template-columns:1fr 1fr;gap:8px}.learning-rhythm-metrics{grid-template-columns:1fr}}