.learn-page .learn-lead{font-size:.93rem;line-height:1.4;max-width:760px}.learn-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.learn-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:18px;min-height:365px;margin:0!important}.learn-card h2{margin:0 0 6px}.learn-page .learn-progress{font-size:.76rem;margin-bottom:8px}.learn-page .learn-stage{font-size:.8rem;margin-bottom:8px}.learn-tiles{display:flex;gap:8px}.learn-tile{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:5px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);min-height:80px}.learn-tile .glyph{width:48px;height:48px}.learn-tile span{font-size:.85rem}.learn-line{font-size:.83rem;line-height:1.45;min-height:82px;margin-top:10px}.learn-line a{display:inline-flex;min-height:44px;align-items:center}.learn-prompt{display:flex;justify-content:center;align-items:center;min-height:94px;margin:3px 0 9px;font-size:2.1rem;line-height:1.3}.learn-prompt .glyph{width:92px;height:92px}.learn-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.learn-options button{padding:10px 6px}.learn-options button[aria-pressed=true]{border:2px solid var(--accent-dark)}.learn-page .learn-feedback{font-size:.86rem;line-height:1.45;min-height:50px;margin:10px 0 7px}.learn-feedback .glyph{width:42px;height:42px;margin-right:6px;vertical-align:middle}.learn-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-controls a{min-height:44px;display:flex;align-items:center}.learn-path h2{margin:0 0 8px}.learn-path nav{display:flex;flex-direction:column;gap:3px}.learn-path a{padding:5px 9px;border:1px solid var(--line);border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:5px;text-decoration:none;color:var(--ink);font-size:.8rem}.learn-path small{font-size:.65rem;white-space:nowrap}.learn-path a[aria-current=step]{border-color:var(--accent-dark);border-width:2px}.learn-set{margin:16px 0;font-size:.83rem;display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap}.learn-set .study-notice{flex-basis:100%;margin:0}.learn-set .study-picker[open]{flex-basis:100%}.learn-set [data-study-label]{margin:0}.learn-reference{break-inside:avoid;margin:18px 0}.learn-reference h3{font-size:1rem}.learn-reference a{display:inline-flex;min-height:44px;align-items:center;gap:5px;margin-right:10px}.learn-page li{margin-bottom:6px}.learn-result p{font-size:.85rem}.learn-result-links{display:flex;flex-wrap:wrap;gap:6px 14px}.learn-result-links a{min-height:44px;display:flex;align-items:center}.learn-page .learn-card[hidden]{display:none}
@media(max-width:850px){.learn-workspace{display:block}.learn-path{margin-top:18px}.learn-path nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-path a{align-items:flex-start;flex-direction:column}.learn-card{padding:12px;min-height:336px}.learn-page .learn-lead{font-size:13px;line-height:18px;margin-bottom:10px}.learn-page h1{font-size:26px}.learn-tiles{gap:5px}.learn-tile{min-height:73px;padding:4px 1px}.learn-tile .glyph{width:44px;height:44px}.learn-prompt{min-height:83px}.learn-prompt .glyph{width:82px;height:82px}.learn-card h2{font-size:1.1rem}.learn-line{min-height:79px}.learn-page .learn-feedback{margin-top:7px;min-height:44px}.learn-options{gap:5px}.learn-options button{font-size:.9rem}.learn-result{font-size:.8rem}}
@media(max-width:350px){.learn-card{padding:9px}.learn-page .learn-lead{font-size:12px}.learn-tile .glyph{width:40px;height:40px}.learn-tile{min-height:68px}.learn-line{font-size:.76rem}.learn-path nav{grid-template-columns:1fr}}
@media print{@page{margin:12mm}.learn-workspace,.learn-set{display:none!important}.learn-reference a{min-height:0}.learn-reference{margin:12px 0}.learn-reference ul{margin:3px 0}.learn-page #lesson-reference{margin-top:0}.learn-page .scope-note{font-size:9pt}}
.learn-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-height:175px;overflow:auto}

.learn-line{height:116px;min-height:0;overflow:auto}
.learn-recovery{padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.learn-recovery h3{margin:0 0 6px;font-size:1rem}.learn-recovery-links{display:flex;flex-wrap:wrap;gap:4px 14px}.learn-recovery-links a,.learn-word-handoff,.learn-recovery summary{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}.learn-recovery summary{cursor:pointer}.learn-word-handoff{margin:6px 0}
