.study-page{max-width:900px;margin:auto;padding:28px 18px 46px}.study-page h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2;letter-spacing:-.04em;margin:8px 0 16px}.study-panel{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;padding:22px;margin-bottom:18px;min-width:0}.study-panel[hidden]{display:none}.study-panel h2{font-size:1.2rem;line-height:1.35;margin-bottom:12px}.study-panel p{line-height:1.65}.study-small{font-size:.8rem;color:var(--text-muted);margin-top:10px}.study-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.study-resume{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:var(--text-muted)}.study-panel .btn-primary,.study-panel .btn-ghost{white-space:normal;text-align:center;justify-content:center}.study-focus{display:flex;flex-wrap:wrap;gap:12px 22px}.study-focus a{text-decoration:underline;text-underline-offset:3px}.study-focus b{font-size:1.15rem}.study-history{list-style:none}.study-history li+li{border-top:1px solid var(--border)}.study-history a{display:flex;justify-content:space-between;gap:14px;padding:13px 0}.study-history time,.study-history small{display:block;color:var(--text-muted);font-size:.76rem}.study-history a>span:last-child{text-align:right}.study-steps{list-style:none;margin:18px 0;display:grid;gap:14px}.study-steps li{border:1px solid var(--border);border-radius:14px;padding:18px}.study-steps h3{font-size:1.05rem;margin-bottom:8px}.study-steps p{color:var(--text-muted);font-size:.88rem;margin-bottom:12px}.study-steps .study-step-result{color:var(--text);font-weight:600}.study-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#studySetup{display:grid;gap:14px}#studySetup[hidden]{display:none}#studyLesson{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;min-width:0}#studySessionCount{color:var(--text-muted)}.study-panel :focus-visible,.study-page :focus-visible{outline:2px solid var(--text);outline-offset:4px}@media(max-width:620px){.study-page{padding:20px 14px}.study-panel{padding:18px}.study-resume{align-items:stretch;flex-direction:column}.study-resume>a{width:100%}.study-history a{gap:8px}.study-actions{flex-direction:column}.study-actions a{width:100%}}

.dashboard-page .study-start{grid-template-columns:1fr}

.study-save-details{margin-top:14px;color:var(--text-muted);font-size:.8rem}.study-save-details summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;line-height:1.6;min-height:30px}.study-save-details[open] p{margin-top:6px}.study-route-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.study-route-heading h2{margin:0}.study-route-heading p{font-size:.8rem}.study-progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;margin:14px 0 20px;appearance:none;background:var(--border);color:var(--text)}.study-progress::-webkit-progress-bar{background:var(--border)}.study-progress::-webkit-progress-value{background:var(--accent)}.study-progress::-moz-progress-bar{background:var(--accent)}.study-steps li.is-next{border-color:var(--text-muted);background:var(--bg)}.study-step-status{display:block;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}.study-steps li.is-next .study-step-status{color:var(--text)}#studyCancelNew[hidden]{display:none}.info-card h2{font-size:1.15rem;letter-spacing:-.02em;line-height:1.4;margin:12px 0}.guide-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;text-decoration:underline;text-underline-offset:4px;font-size:.86rem;font-weight:600}.info-card :focus-visible{outline:2px solid var(--text);outline-offset:4px}

/* Quick session in the site world: numbered steps, accent for the current choice and step. */
.quick-session .quick-session-heading h1{font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.04}
.quick-session .quick-session-heading p{color:var(--text-soft);font-size:1rem}
.quick-session .quick-session-setup,.quick-session .study-panel{border:1px solid var(--border-strong);border-radius:22px;background:var(--bg-card);padding:clamp(18px,3vw,28px)}
.quick-session .quick-session-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0 0 18px;list-style:none;border-bottom:1px solid var(--border)}
.quick-session .quick-session-steps li{display:flex;align-items:center;gap:12px;min-width:0}
.quick-session .quick-session-steps li+li{padding-left:18px;border-left:1px solid var(--border)}
.quick-session .quick-session-steps .wx-led{font-size:1.9rem;line-height:1}
.quick-session .quick-session-steps strong{display:block;font-size:.98rem;font-weight:800}
.quick-session .quick-session-steps small{display:block;color:var(--text-muted);font-size:.8rem;line-height:1.4}
.quick-session .quick-topic-current h2{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}
.quick-session .quick-topic{border-color:var(--border);border-radius:14px;background:var(--bg);transition:border-color .15s ease}
.quick-session .quick-topic:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.quick-session .quick-topic[aria-pressed=true]{border-color:var(--accent-ring);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ring)}
.quick-session .quick-topic strong .wx-led{font-size:.9rem;margin-right:2px}
.quick-session .quick-topic-picker>summary{color:var(--text);text-decoration-color:var(--border-strong)}
.quick-session .study-steps li{border-radius:16px;background:var(--bg);border-color:var(--border)}
.quick-session .study-steps li.is-next{border-color:var(--accent-ring);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),var(--bg)}
.quick-session .study-steps li.is-next .study-step-status{color:var(--accent)}
.quick-session .study-steps li.is-complete .study-step-status{color:var(--correct)}
.quick-session .study-step-status{letter-spacing:0;text-transform:none;font-size:.8rem}
.quick-session .study-actions .btn-primary,.quick-session .study-steps .btn-primary,.quick-session .study-steps .btn-ghost{min-height:46px;border-radius:12px;justify-content:center}
@media(max-width:560px){.quick-session .quick-session-steps{grid-template-columns:1fr;gap:12px}.quick-session .quick-session-steps li+li{padding-left:0;border-left:0;padding-top:12px;border-top:1px solid var(--border)}}
