/* Scoped to the real Practice slice; existing site and Practice theme tokens remain shared. */
.practice-learner .site-header .nav-wrap{display:flex;flex-wrap:wrap;gap:12px}
.practice-learner .brand{min-width:0;max-width:100%}
.practice-learner .brand-title,.practice-learner .brand-subtitle{white-space:normal;overflow-wrap:anywhere}
.practice-learner .header-actions{margin-left:auto}
.practice-learner .mobile-nav-drawer:not(.is-active){display:none!important}
.learn-shell{max-width:900px;margin:32px auto 72px;padding:0 16px;color:var(--practice-text)}
.learn-shell *{box-sizing:border-box;min-width:0}
.learn-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.learn-heading h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.4;margin:0}
.learn-eyebrow{color:var(--practice-text-muted);margin:0 0 4px;font-weight:600}
.learn-card,.learn-notice{padding:24px;border:1px solid var(--practice-border);border-radius:20px;background:var(--practice-surface);margin-bottom:20px}
.learn-card h2{font-size:1.3rem;margin:0 0 16px}
.learn-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.learn-shell label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.learn-shell button,.learn-shell select,.learn-shell input,.learn-shell .learn-actions a{font:inherit;min-height:48px;border-radius:12px;padding:12px 16px;max-width:100%}
.learn-shell button,.learn-shell .learn-actions a{border:1px solid #2563eb;background:#2563eb;color:white;font-weight:600;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.learn-shell .learn-secondary{background:var(--practice-surface-2);color:var(--practice-text);border-color:var(--practice-border)}
.learn-shell input,.learn-shell select{border:1px solid var(--practice-border);background:var(--practice-surface);color:var(--practice-text);width:100%}
.learn-shell button:disabled{opacity:.55;cursor:wait}
.learn-shell :focus-visible{outline:3px solid #d6a82f;outline-offset:3px}
.learn-shell [hidden]{display:none!important}
.learn-muted{color:var(--practice-text-muted);font-size:.95rem}
.learn-question{font-size:clamp(1.2rem,4vw,1.6rem);line-height:1.8;margin-bottom:24px;white-space:pre-wrap;overflow-wrap:anywhere}
.learn-math{font-family:ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.learn-choice{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important;padding:14px;border:1px solid var(--practice-border);border-radius:12px;cursor:pointer;min-height:52px;margin-bottom:12px;overflow-wrap:anywhere;white-space:pre-wrap}
.learn-choice:has(input:checked){border-color:#2563eb;background:var(--practice-surface-2)}
.learn-choice input{width:20px;min-height:20px;flex:0 0 20px;margin:4px 0 0;accent-color:#2563eb}
.learn-feedback{padding:16px;border-radius:12px;background:var(--practice-surface-2);margin:16px 0;overflow-wrap:anywhere}
.learn-feedback[data-outcome="correct"]{border-left:4px solid var(--success)}
.learn-feedback[data-outcome="incorrect"]{border-left:4px solid var(--danger)}
.learn-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.learn-run,.learn-skill{padding:16px 0;border-top:1px solid var(--practice-border);overflow-wrap:anywhere}
.learn-run button{margin-top:10px}.learn-shell #progress-open{margin-top:16px}
.learn-shell meter{display:block;width:100%;height:20px;margin:10px 0}
@media(max-width:540px){.learn-fields{grid-template-columns:1fr}.learn-card,.learn-notice{padding:18px}.learn-heading{align-items:flex-start}.learn-shell{padding:0 12px}.learn-shell #home{padding:10px;flex:0 0 auto}.learn-shell form>button,.learn-shell #next,.learn-shell #progress-open{width:100%}}