/* Practice pages: compact scope, stable progress, and group results. */
:root{--line:#d4d8dc;--accent:#1e54d8}
body{font-size:16px}
h1{font-size:28px;letter-spacing:0}
h2{font-size:20px}
[hidden]{display:none!important}
.topbar{height:64px;padding:0 24px;gap:16px}
.workspace main{max-width:1200px;padding:24px 24px 48px}
.page-heading{margin-bottom:20px;gap:16px}
.page-heading h1{margin:0}
.button{min-height:44px;transition:background .15s,border-color .15s}
.button.primary{min-width:160px}
.icon-button{min-width:44px;min-height:44px}
.account-button{min-height:44px}
.home-practice{max-width:720px;padding:4px 0}
.home-practice h1{margin-bottom:24px}
.scope-progress{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:15px}
.scope-progress progress{appearance:none;max-width:320px;width:180px;height:5px;border:0;border-radius:3px;overflow:hidden}
progress::-webkit-progress-bar{background:#e4e7e6}
progress::-webkit-progress-value{background:var(--accent)}
progress::-moz-progress-bar{background:var(--accent)}
.home-practice .button-row{margin-top:24px}
.active-run{color:var(--muted);font-size:14px;margin-top:16px}
.review-link{margin-top:20px}
.topic-tabs{position:relative;gap:8px;margin-bottom:20px}
.chip{min-height:44px;font-size:14px}
.chip span{font-size:12px}
.chip.selected{background:#edf2ff;color:var(--accent);border-color:var(--accent)}
.scope-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px}
.scope-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.library-panel{border:0;border-radius:0}
.filterbar{padding:12px 16px;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line)}
.searchbox{min-width:180px}
.searchbox input,.select-wrap select{font-size:14px}
.question-row{min-height:68px;padding:12px 16px;gap:12px;grid-template-columns:40px minmax(0,1fr) 100px 112px 16px}
.question-row-title h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.question-row-title p{font-size:13px;margin-top:2px;line-height:1.5}
.question-code,.type-label,.record-status,.list-footer{font-size:13px}
.record-status{text-align:right}
.question-top{margin:0 0 16px;align-items:center;flex-wrap:wrap}
.question-progress{font-size:13px;flex-wrap:wrap}
.question-layout{gap:24px}
.question-sheet{padding:20px 24px 12px}
.question-sheet h1{font-size:24px;margin-bottom:16px}
.question-stem{font-size:16px;line-height:1.9}
.question-meta{margin-bottom:12px}
.question-meta>div,.attempt-note{font-size:13px}
.question-figure{margin:16px 0 20px}
.answer-field>label{font-size:14px}
.answer-field label small{font-size:12px}
.unit-input select,.unit-input>span{font-size:13px}
.unit-input input{font-size:16px}
.field-error{font-size:13px;overflow-wrap:anywhere}
.field-error>span{display:block}
.tolerance-note{font-size:13px}
#short-answer{font-size:16px}
.option{min-height:48px;font-size:16px}
.option-letter{width:32px;height:32px;font-size:16px;font-weight:600}
.option.chosen{background:#edf2ff}
.question-save:has([hidden]){display:none}
.question-save{margin-top:12px}
.feedback{margin-top:20px;padding-top:20px;animation-duration:.15s}
.feedback-heading h2{font-size:19px}
.feedback-heading .score{flex-shrink:0;white-space:nowrap}
.question-save .save-state span{display:inline}
.feedback-heading p,.source-details,.source-details summary,.source-details small,.field-results p,.field-results>div,.numeric-details,.explanation ol,.explanation ul,.learning-resources p{font-size:13px}
.feedback-actions{margin:16px 0;gap:16px}
.feedback-actions .text-link{font-size:14px;min-height:44px}
.source-details{margin-top:20px}
.group-result h1{margin:4px 0 20px}
.result-scope{font-size:14px;color:var(--muted)}
.result-counts{display:flex;flex-wrap:wrap;gap:24px;padding:0 0 20px}
.result-counts>div{display:flex;align-items:baseline;gap:8px}
.result-counts strong{font:24px var(--data)}
.result-counts span{font-size:13px;color:var(--muted)}
.result-list{border-top:1px solid var(--line);margin-bottom:24px}
.result-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:60px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.result-list .mono{font-size:13px;color:var(--muted)}
.course-followup{margin-top:24px;padding:16px 0;border-width:1px 0 0;border-radius:0;background:transparent}
.course-followup h2{font-size:17px}
.course-followup p{font-size:13px}
.course-followup .eyebrow{margin-bottom:4px}
.session-list{margin-bottom:24px}
.session-list a{background:var(--surface);border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:16px;font-size:14px}
.session-list a>span:first-child{flex:1}
.session-list small{font-size:13px}
.single-records h2{margin-bottom:16px}
.record-item-head h3{font-size:16px}
.record-item-head p,.record-item details{font-size:13px}
.record-response{white-space:pre-wrap;overflow-wrap:anywhere}
.site-footer{padding:16px 24px;font-size:13px}
.empty-state{padding:32px 16px}
.notice .text-link{min-height:44px}
@media(max-width:940px){.question-layout{grid-template-columns:minmax(0,1fr)}.question-aside{display:none}}
@media(max-width:700px){
  .workspace main{padding:20px 16px 32px}.topbar{display:flex;flex-wrap:nowrap;padding:0 16px;gap:10px;min-height:64px;height:64px}.wordmark{font-size:15px}.header-divider,.product-name{display:none}
  .topbar-right{gap:10px;flex:1;justify-content:flex-end;min-width:0;flex-wrap:nowrap}.knowledge-return{font-size:13px}.account-button{max-width:100px}.wordmark{margin:0}
  h1,.question-sheet h1{font-size:24px}.home-practice h1{font-size:24px}
  .topic-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:3px 3px 10px;margin:0 -3px 12px;max-width:calc(100% + 6px)}
  .chip{font-size:13px;padding:8px 12px;flex:none}
  .scope-bar{align-items:flex-start;flex-direction:column;gap:16px;padding-bottom:20px}
  .scope-progress{gap:12px}.scope-progress progress{width:140px}
  .scope-actions{gap:12px;width:100%}.scope-actions .button{flex:0 0 auto}
  .filterbar{padding:8px 0;gap:8px}.searchbox{flex-basis:100%;max-width:none}.select-wrap{margin:0;flex:1}.select-wrap select{width:100%;font-size:14px}
  .question-row{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 10px;padding:12px 0}
  .question-code{grid-column:1;grid-row:1;align-self:start;padding-top:2px}.question-row-title{grid-column:2/4;grid-row:1}.question-row-title h3{font-size:16px}
  .question-row-title p{font-size:13px}.type-label{grid-column:2;grid-row:2;font-size:13px}.record-status{grid-column:3;grid-row:2;font-size:13px}.question-row>.icon{display:none}
  .question-top{gap:6px}.question-progress{font-size:13px;width:100%}.mini-progress{display:none}
  .question-sheet{padding:16px 14px 8px;border-radius:8px}.question-stem{font-size:16px}.question-meta>div{font-size:13px}
  .question-sheet h1{font-size:22px}.answer-fields{grid-template-columns:1fr}.answer-field>label{font-size:14px}
  .question-figure{margin:16px 0}.option{padding:12px 10px;gap:10px}.option-letter{width:32px;height:32px;font-size:16px}.option-text{font-size:16px;min-width:0}
  .answer-actions{gap:8px;padding-top:0;align-items:center}.answer-actions .button{min-height:46px}.answer-actions .button.primary{min-width:130px}
  .answer-actions .quiet{font-size:13px;padding:10px 4px}.hint-button{margin-left:0;font-size:13px}
  .feedback-actions{align-items:center}.feedback-actions .button{min-height:46px}.feedback-heading h2{font-size:18px}
  .result-counts{gap:12px 20px}.result-counts strong{font-size:22px}
  .result-list>a{grid-template-columns:32px minmax(0,1fr) auto;gap:6px 10px}.result-list .record-status{grid-column:2;grid-row:2;text-align:left}.result-list .icon{grid-column:3;grid-row:1/3}
  .group-result .button-row{gap:12px}.course-followup{align-items:flex-start;gap:16px;flex-direction:column}
  .session-list a{flex-wrap:wrap;gap:8px;padding:12px}.session-list a>span:first-child{flex-basis:100%}
  .record-item{padding:16px 0}.record-item-head{gap:10px}.record-item-head .text-link{font-size:13px;margin-left:0}.record-item details{margin-left:0}
  .button{min-height:46px}.icon-button{min-width:44px;min-height:44px}.text-link{font-size:14px}
  .site-footer{padding:16px}.question-save .save-state{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.feedback{animation:none}}


.skip-link{top:12px;transform:translateY(-150%)}
.skip-link:focus{transform:none}

/* Mobile viewport, bottom navigation and touch input. */
@media(max-width:700px){
  .workspace{min-height:100dvh;padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .question-view .workspace{padding-bottom:0}
  .rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .workspace main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .question-view .site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .question-top .back-link{min-height:44px;font-size:14px}
  .question-progress{align-items:flex-start}
  .site-footer button{min-height:44px;font-size:13px}
  .experiment-controls label,.experiment-values>div>span,.experiment-values p{font-size:13px}
  .experiment-values strong{font-size:16px}
  .preset-row .chip{font-size:14px}
  .toast{bottom:calc(78px + env(safe-area-inset-bottom))}
  .question-view .toast{bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:700px),(pointer:coarse){
  .searchbox input,.select-wrap select,.unit-input select,.experiment-controls input[type=number]{font-size:16px}
  .topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}
}
@media(orientation:landscape) and (max-height:500px) and (pointer:coarse){
  .rail-brand{margin-top:12px;margin-bottom:12px}
  .rail nav{gap:6px}
  .rail-help{margin-bottom:8px}
  .workspace main{padding-bottom:24px}
}
@media(min-width:701px) and (pointer:coarse){
  .rail{left:env(safe-area-inset-left)}
  .workspace{margin-left:calc(88px + env(safe-area-inset-left))}
  .topbar,.workspace main{padding-right:max(24px,env(safe-area-inset-right))}
}

/* Difficulty filters and response review. */
.difficulty-label{font-size:13px;color:#52565d;font-weight:500;white-space:nowrap}.type-label .difficulty-label{display:block;margin-top:4px}.self-check-list{display:grid;gap:10px}.self-check-list label{display:flex;align-items:flex-start;gap:10px;line-height:1.7;cursor:pointer}.self-check-list input{margin-top:7px;flex:none;width:17px;height:17px;accent-color:#2458d8}.self-check-list input:checked+span{color:#595f68}.answer-fields+.short-answer-label{display:block;margin-top:24px}.filterbar{flex-wrap:wrap}.filterbar .searchbox{min-width:180px;flex:1 1 240px}.feedback-actions{flex-wrap:wrap}@media(max-width:700px){.filterbar .searchbox{flex-basis:100%}.filterbar .select-wrap{flex:1 1 115px}.filterbar select{width:100%}.question-meta>div{flex-wrap:wrap}.question-meta .difficulty-label{font-size:13px}.feedback-actions .button{min-height:44px}}