/* Shared learning surfaces */
.dashboard-hero{gap:36px;padding:30px 0;align-items:stretch}.dashboard-intro h1{font-size:clamp(36px,5vw,62px);line-height:1.1;letter-spacing:-.035em}.dashboard-next{background:#172e3d;color:#fffaf0;border:0;border-radius:24px;padding:30px;box-shadow:0 16px 40px #172e3d18}.dashboard-next .next-kicker,.dashboard-next .next-translit,.dashboard-next .next-meta{color:#e5d9c6}.dashboard-next .next-arabic{color:#fffaf0}.dashboard-progress{background:#ffffff25}.dashboard-progress span{background:#c8b078}
.metric-card{border-radius:16px;padding:22px}.learning-path .chapter-grid{gap:20px}.learning-path .chapter-card{padding:28px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;min-height:245px;border-top:3px solid #a47a38}.learning-path .chapter-card h3{font-size:27px;margin:18px 0 8px}.learning-path .chapter-card p{flex:1;line-height:1.7}.chapter-card,.surah-card{border-radius:18px}.page-head h2{font-size:clamp(30px,4vw,44px)}.lesson-notice{border-radius:18px;padding:24px}
.study-head{gap:10px;margin-bottom:20px}.study-head h2{flex:1;min-width:180px}.study-head #practiceDeck{background:#172e3d;color:#fff;border-color:#172e3d}.learn-journey{display:flex;justify-content:center;gap:28px;padding:16px;margin:0 auto 24px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.learn-journey .active{color:#a47a38;font-weight:700}
.learning-stage{max-width:1060px;margin:auto}.learning-stage .card{border-radius:26px;box-shadow:0 12px 45px #172e3d0c}.learning-stage .front{padding:32px clamp(20px,4vw,48px)}.learning-stage .meta{justify-content:center;flex-wrap:wrap}.learning-stage .known-flag{margin-left:0}.learning-stage .core-badge{display:none}.learning-stage .word-btn{padding:36px 0 20px}.learning-stage .arabic-word{font-size:clamp(76px,13vw,120px);line-height:1.6}.learning-stage .translit{font-size:20px}
.reveal-action{display:block;margin:22px auto 10px;padding:13px 24px;border:1px solid #a47a38;border-radius:12px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;min-width:210px}.reveal-action:focus-visible{outline:3px solid #a47a38;outline-offset:3px}.learning-stage .meaning-row{border:0;padding:12px 0 30px}.learning-stage .meaning{font-size:clamp(28px,5vw,40px)}
.context-section{margin:24px 0 0;padding:28px 20px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.context-section h3,.word-connections h3{font-family:var(--serif);font-size:26px;margin:9px 0}.context-intro{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:22px}.context-section .examples{display:grid;gap:18px}.word-connections{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.word-connections:has(h3:last-child){display:none}.retention-details{margin-top:24px;padding:18px;background:var(--paper);border-radius:12px}.retention-details summary{cursor:pointer;font-size:14px}
.card-navigation{max-width:930px;margin:22px auto 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-navigation>span{font-size:12px;text-align:center;color:var(--muted);line-height:1.6}.btn{min-height:42px;border-radius:10px}.btn.primary{background:#172e3d;border-color:#172e3d;color:#fffaf0}.btn:disabled{opacity:.45;cursor:default}
@media(max-width:650px){.dashboard-hero{padding-top:18px;gap:22px}.dashboard-intro h1{font-size:38px}.dashboard-next{padding:24px}.metric-card{padding:14px 8px}.learning-path .chapter-card{min-height:0;padding:22px}.study-head h2{order:-1;width:100%;flex-basis:100%;font-size:26px;margin:0 0 8px}.study-head #shuffle{display:none}.learn-journey{gap:12px;font-size:10px;padding:12px 0}.learning-stage .front{padding:22px 18px}.learning-stage .card{border-radius:20px}.learning-stage .word-btn{padding:24px 0 14px}.context-section{padding:20px 14px}.card-navigation>span{display:none}.card-navigation .btn{flex:1;font-size:13px}.word-connections h3,.context-section h3{font-size:24px}}