/* Scoped to the individual-question workspace and its one tool shell. */
.question-workspace-grid{grid-template-columns:1fr!important}.question-tool-launch{display:flex;justify-content:flex-end;margin:12px 0 0}.question-tool-launch button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid #35746d55;border-radius:12px;background:#eaf3ef;color:#102d2b;font-weight:850;cursor:pointer}.question-tool-launch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.question-workspace-calculator{height:100%;border:0;border-radius:0;box-shadow:none}.question-workspace-calculator-stage{display:block!important;height:100%!important}.workspace-panel{position:fixed;z-index:45;display:flex;flex-direction:column;min-width:0;padding:0;overflow:visible;border:1px solid #7ac1ae55;border-radius:20px;background:#071b17;color:#eef7f0;box-shadow:0 24px 80px #0008;container:workspace / inline-size}.workspace-panel[hidden],.workspace-feature[hidden],.workspace-restore[hidden]{display:none!important}.workspace-panel-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:12px;min-height:64px;padding:10px 14px;border-bottom:1px solid #ffffff1b;border-radius:20px 20px 0 0;background:#102b24;cursor:grab;touch-action:none}.workspace-panel-header h2{min-width:0;margin:0;color:#f1faf4;font-size:15px;line-height:1.25;font-weight:850}.workspace-panel-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.workspace-panel-actions button{display:grid;width:32px;height:34px;padding:0;place-items:center;border:1px solid #ffffff1e;border-radius:8px;background:#ffffff08;color:#eef7f0;font-size:20px;cursor:pointer}.workspace-panel-actions button[aria-pressed="true"]{border-color:#c7ff53;color:#c7ff53}.workspace-panel-actions button[hidden]{display:none}.workspace-panel-actions select{width:30px;min-height:34px;padding:0;border:1px solid #ffffff1e;border-radius:8px;background:#19372e;color:#eef7f0;font-size:0;cursor:pointer}.workspace-panel-actions select option{font-size:14px}.workspace-panel button:focus-visible,.workspace-panel select:focus-visible,.workspace-panel h2:focus-visible,.workspace-dock-divider:focus-visible,.workspace-restore:focus-visible,.question-tool-launch button:focus-visible{outline:3px solid #79c9e9;outline-offset:2px}.workspace-panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:0 0 20px 20px;scrollbar-color:#5e8c7d #0b221b}.workspace-feature{min-height:100%;width:100%}.workspace-feature[data-feature="calculator"]{height:100%;overflow:hidden;background:#fff}.workspace-feature>.explanation{display:block;margin:0;border:0;border-radius:0;padding:14px;background:#071b17;box-shadow:none}.workspace-panel .explanation[hidden]{display:none}.workspace-panel .pending-explanation{min-height:100%;display:grid;place-items:center;color:#eef7f0}.workspace-panel .primary-learning.explanation-player{height:auto;min-height:0;overflow:visible;border:0;border-radius:0;box-shadow:none}.workspace-panel .player-header{position:relative;min-height:0;grid-template-columns:auto 1fr;padding:12px;gap:12px;backdrop-filter:none}.workspace-panel .player-header h3{font-size:18px!important}.workspace-panel .player-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;width:fit-content}.workspace-panel .player-body,.workspace-panel .player-mode,.workspace-panel .interactive-desmos-explanation{height:auto}.workspace-panel .player-body{padding:10px 0}.workspace-panel .mode-intro{align-items:flex-start;flex-direction:column}.workspace-panel .desmos-player-grid{grid-template-columns:minmax(0,1fr);flex:none}.workspace-panel .controlled-desmos-stage{height:380px;min-height:320px}.workspace-panel .desmos-step-copy{height:auto;overflow:visible}.workspace-panel .desmos-controls{position:relative;bottom:auto}.workspace-panel .player-scroll{height:auto;max-height:none;overflow:visible}.workspace-panel .takeaway-mode{min-height:0}.workspace-panel .question-drawer{position:absolute;z-index:10}.workspace-panel .question-drawer aside{width:min(500px,100%)}.workspace-panel .video-explanation-panel{padding:14px;border:0;border-radius:0;animation:none}.workspace-panel .video-explanation-head h3{font-size:20px!important}.workspace-panel .video-stage{max-width:100%}.workspace-panel .video-stage video{width:100%;height:auto;object-fit:contain;max-height:calc(100dvh - 230px);aspect-ratio:16/9}.workspace-panel .video-tools{display:flex;flex-wrap:wrap}.workspace-panel .video-tools label{display:flex;align-items:center;gap:6px}.workspace-panel .video-tools button,.workspace-panel .video-tools select{font-size:12px;min-height:38px}.workspace-panel .video-size-controls{display:flex;grid-column:auto}.workspace-panel .video-tools>button,.workspace-panel .video-tools>label{width:auto}.workspace-panel .video-fullscreen{grid-column:auto}.workspace-panel .solution-steps{min-width:0}.workspace-panel code{overflow-wrap:anywhere}.workspace-resize{position:absolute;z-index:12;touch-action:none}.workspace-resize[data-edge="n"],.workspace-resize[data-edge="s"]{left:12px;right:12px;height:8px;cursor:ns-resize}.workspace-resize[data-edge="n"]{top:-4px}.workspace-resize[data-edge="s"]{bottom:-4px}.workspace-resize[data-edge="e"],.workspace-resize[data-edge="w"]{top:12px;bottom:12px;width:8px;cursor:ew-resize}.workspace-resize[data-edge="e"]{right:-4px}.workspace-resize[data-edge="w"]{left:-4px}.workspace-resize[data-edge="ne"],.workspace-resize[data-edge="se"],.workspace-resize[data-edge="sw"],.workspace-resize[data-edge="nw"]{width:18px;height:18px}.workspace-resize[data-edge="ne"]{right:-4px;top:-4px;cursor:nesw-resize}.workspace-resize[data-edge="se"]{right:-4px;bottom:-4px;cursor:nwse-resize;border-right:2px solid #90b4a8;border-bottom:2px solid #90b4a8;border-radius:0 0 10px}.workspace-resize[data-edge="sw"]{left:-4px;bottom:-4px;cursor:nesw-resize}.workspace-resize[data-edge="nw"]{left:-4px;top:-4px;cursor:nwse-resize}.workspace-dock-divider{display:none;position:absolute;top:0;bottom:0;width:12px;touch-action:none;cursor:ew-resize}.workspace-dock-divider:after{content:'';position:absolute;top:40%;bottom:40%;left:4px;width:3px;border-radius:8px;background:#88b5a5}.workspace-panel[data-mode="left"],.workspace-panel[data-mode="right"]{top:96px;bottom:16px;height:auto}.workspace-panel[data-mode="left"]{left:16px}.workspace-panel[data-mode="right"]{right:16px}.workspace-panel[data-mode="left"] .workspace-dock-divider{display:block;right:-13px}.workspace-panel[data-mode="right"] .workspace-dock-divider{display:block;left:-13px}.workspace-panel:not([data-mode="floating"]) .workspace-resize{display:none}.workspace-panel[data-mode="fullscreen"]{inset:10px;width:auto;height:auto}.workspace-fullscreen{overflow:hidden}.workspace-panel[data-mode="sheet"]{inset:86px 10px 10px;width:auto;height:auto}.workspace-restore{position:fixed;z-index:46;right:20px;bottom:20px;min-height:46px;padding:12px 18px;border:1px solid #c7ff5380;border-radius:999px;background:#102b24;color:#eff7f1;font-weight:850;box-shadow:0 8px 28px #0006;cursor:pointer}.workspace-adjusting,.workspace-adjusting *{user-select:none!important}.workspace-adjusting .workspace-panel-body{pointer-events:none}.workspace-docked:not(.index-mode) .shell{width:auto;margin-right:24px;margin-left:24px;max-width:none}.workspace-docked[data-workspace-dock="right"]:not(.index-mode) .shell{margin-right:calc(var(--workspace-dock-width) + 44px)}.workspace-docked[data-workspace-dock="left"]:not(.index-mode) .shell{margin-left:calc(var(--workspace-dock-width) + 44px)}.workspace-docked .cards.detail-mode>.card{padding:22px}.workspace-docked .options{grid-template-columns:1fr}.workspace-docked .explanation-choice-actions{grid-template-columns:1fr}.question-workspace-problem .question-figure svg{max-width:100%;height:auto}.workspace-panel-header select{background-image:linear-gradient(45deg,transparent 50%,#c7ff53 50%),linear-gradient(135deg,#c7ff53 50%,transparent 50%);background-position:10px 14px,15px 14px;background-size:5px 5px;background-repeat:no-repeat;appearance:none}.workspace-panel-header select:hover{background-color:#284b3f}
@container workspace (min-width:900px){.workspace-panel .desmos-player-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.workspace-panel .controlled-desmos-stage{height:460px}.workspace-panel .desmos-step-copy{max-height:460px;overflow:auto}.workspace-panel .mode-intro{flex-direction:row}}
@media(max-width:959px){.workspace-panel-header{cursor:default}.workspace-panel[data-mode="sheet"] .workspace-resize,.workspace-panel .workspace-dock-divider{display:none}.workspace-panel-header{flex-wrap:wrap;gap:6px}.workspace-panel-header h2{font-size:14px;flex:1}.workspace-panel-actions button{width:32px;min-height:36px}.workspace-panel .player-header h3{font-size:16px!important}.workspace-panel .controlled-desmos-stage{height:380px}.workspace-panel .explanation{padding:10px}.workspace-panel .video-explanation-panel{padding:12px}.workspace-panel .video-tools{gap:6px}.workspace-panel .video-help{font-size:11px!important}.workspace-panel .player-tabs button{padding:8px 10px}.workspace-panel .desmos-step-copy{font-size:15px}.workspace-panel .remember{padding:20px}.workspace-panel .remember h4{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.workspace-panel *{scroll-behavior:auto}}
.workspace-panel .video-stage[data-size="small"]{max-width:min(640px,100%)}.workspace-panel .video-stage[data-size="medium"]{max-width:min(840px,100%)}.workspace-panel .video-stage[data-size="large"]{max-width:min(1120px,100%)}.workspace-panel .question-workspace-calculator{position:relative;top:auto}
.workspace-panel .desmos-step-copy,.workspace-panel .visual-step-copy{height:auto;min-height:0;max-height:none;overflow:visible}.workspace-panel .tangent-visual,.workspace-panel .circle-visual-explanation,.workspace-panel .parameter-circle-visual,.workspace-panel .scale-circle-visual,.workspace-panel .cone-visual-explanation{height:auto}.workspace-panel .tangent-visual-grid,.workspace-panel .circle-visual-grid,.workspace-panel .parameter-circle-grid,.workspace-panel .scale-circle-grid,.workspace-panel .cone-visual-grid{grid-template-columns:minmax(0,1fr);flex:none}@container workspace (min-width:900px){.workspace-panel .desmos-step-copy,.workspace-panel .visual-step-copy{max-height:460px;overflow:auto}.workspace-panel .tangent-visual-grid,.workspace-panel .circle-visual-grid,.workspace-panel .parameter-circle-grid,.workspace-panel .scale-circle-grid,.workspace-panel .cone-visual-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}}
/* Refinement: preview matches the real split and never reserves document height. */
.workspace-dock-preview{position:fixed;z-index:44;top:80px;bottom:16px;pointer-events:none;border:1px solid #9bcbb580;border-radius:20px;background:#8dc5aa20;box-shadow:inset 0 0 0 1px #ffffff0b}.workspace-dock-preview[hidden]{display:none}.workspace-panel-actions [data-panel-action="left"],.workspace-panel-actions [data-panel-action="right"]{color:#9eb8ae;border-color:transparent;background:transparent}.workspace-panel[data-mode="left"],.workspace-panel[data-mode="right"]{top:80px}.workspace-adjusting .workspace-panel-header{cursor:grabbing}
@media(min-width:960px){
  body:not(.index-mode){height:100dvh;overflow:hidden}
  body:not(.index-mode) .nav>div{height:64px}
  body:not(.index-mode) .shell{height:calc(100dvh - 64px);width:calc(100% - 48px);max-width:1320px;padding:8px 0 12px;display:flex;flex-direction:column;min-height:0}
  body:not(.index-mode) .intro,body:not(.index-mode) .toolbar{display:none}
  .cards.detail-mode{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;margin:0}
  .cards.detail-mode>.context-nav{flex:none;margin:0;min-height:24px;align-items:center}
  .cards.detail-mode>.back-problems,.cards.detail-mode>.practice-navigation.bottom,.cards.detail-mode>.next-question{display:none}
  .cards.detail-mode>.practice-navigation{flex:none;margin:0;padding:5px 10px;min-height:42px}
  .cards.detail-mode>.practice-navigation button{min-height:32px;padding:5px 10px}
  .cards.detail-mode>.card,.workspace-docked .cards.detail-mode>.card{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;padding:16px 20px 10px;border-radius:22px;margin:0;gap:6px;overflow:visible}
  .cards.detail-mode .card>.top{flex:none;padding:0;margin:0;min-height:24px}
  .cards.detail-mode .card>.domain-tags{flex:none;margin:0;padding-right:135px;gap:5px;min-height:32px;align-items:center}
  .cards.detail-mode .card>.domain-tags span{padding:4px 7px;font-size:10px}
  .cards.detail-mode .question-tool-launch{position:absolute;right:20px;top:42px;margin:0}
  .cards.detail-mode .question-tool-launch button{min-height:36px;padding:5px 10px;font-size:13px}
  .cards.detail-mode .card>.body{display:flex;flex:1;min-height:0;padding:4px 0 0;margin:0}
  .cards.detail-mode .question-workspace-grid{display:flex;flex:1;min-height:0;margin:0;gap:0}
  .cards.detail-mode .question-workspace-problem{display:flex;flex:1;flex-direction:column;min-height:0}
  .question-content-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 5px 8px 0;scrollbar-color:#739a8b #e8eeea;scrollbar-width:thin}
  .question-content-scroll:focus-visible{outline:2px solid #35746d;outline-offset:2px}
  .cards.detail-mode .question-content-scroll>p{font-size:17px;line-height:1.55;margin:0 0 10px}
  .cards.detail-mode .question-content-scroll>.dataset{padding:9px 12px;margin:0 0 10px!important}
  .cards.detail-mode .options{margin:10px 0 0;gap:7px}
  .cards.detail-mode .options button{min-height:44px;padding:8px 11px;font-size:15px}
  .cards.detail-mode .keyboard-hint{font-size:10px!important;line-height:1.3!important;margin:5px 0 0!important}
  .cards.detail-mode .numeric-response{gap:5px}
  .cards.detail-mode .numeric-response input{min-height:44px;padding:9px 12px}
  .cards.detail-mode .question-action-bar{flex:none;display:flex;flex-direction:column;gap:6px;border-top:1px solid #102d2b12;padding-top:8px;max-height:48%;overflow:auto}
  .cards.detail-mode .check{margin:0;min-height:42px;padding:8px 12px}
  .cards.detail-mode .always-answer-actions,.workspace-docked .explanation-choice-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0}
  .cards.detail-mode .always-answer-actions>button{flex:1;min-height:38px;padding:7px 9px;font-size:12px;white-space:nowrap}
  .cards.detail-mode .practice-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0}
  .cards.detail-mode .practice-actions button{min-height:32px;padding:5px 9px;font-size:11px}
  .cards.detail-mode .question-status{margin:0;gap:4px;font-size:10px}
  .cards.detail-mode .question-status span{padding:3px 6px;font-size:10px}
  .cards.detail-mode .feedback{margin:0!important;padding:8px 10px;font-size:13px;line-height:1.4}
  .cards.detail-mode .card>.foot{flex:none;margin:0;padding:4px 0 0;font-size:10px;min-height:20px}
  .cards.detail-mode .foot .badge{padding:3px 6px;font-size:10px}
  .question-content-scroll .question-figure{margin:8px auto;max-width:100%}
  .question-content-scroll .question-figure svg{display:block;max-height:210px;width:auto;max-width:100%;margin:auto}
  .question-content-scroll .question-data-table-wrap{margin:0 0 10px}
  .question-content-scroll .question-data-table td,.question-content-scroll .question-data-table th{padding:6px 16px}
}
@media(max-width:959px){.workspace-dock-preview{display:none}.question-content-scroll{overflow:visible}.question-action-bar{margin-top:12px}}
@media(min-width:960px){body:not(.index-mode) .shell>.workspace{display:flex;flex:1;min-height:0;margin:0;padding:0;gap:0}body:not(.index-mode) .shell>.workspace>aside{display:none}body:not(.index-mode) .shell>.workspace>section{display:flex;flex:1;min-height:0;flex-direction:column}body:not(.index-mode) .shell>.workspace>section>.list-header{display:none}}
@media(min-width:960px){body:not(.index-mode) .results{display:none}}
@media(min-width:960px){.cards.detail-mode .question-workspace-grid{align-items:stretch}.cards.detail-mode .question-workspace-problem{align-self:stretch}}
@media(min-width:960px){.cards.detail-mode .question-workspace-problem{container:question / inline-size}.cards.detail-mode .options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container question (max-width:520px){.cards.detail-mode .options{grid-template-columns:minmax(0,1fr)}}
/* The fullscreen panel must sit above the persistent site header's stacking context. */
body.workspace-fullscreen .shell{z-index:11}
@media(min-width:960px){.cards.detail-mode .question-action-bar{max-height:60%}}
/* Full white exam workspace, scoped to individual questions. */
body:not(.index-mode){background:#fff;color:#20242c}
body:not(.index-mode) .study-atmosphere{display:none}
body:not(.index-mode) .nav{background:#fff;color:#20242c;border-bottom:1px solid #dfe3e8;backdrop-filter:none}
body:not(.index-mode) .nav .brand,body:not(.index-mode) .nav .home{color:#20242c}
body:not(.index-mode) .nav .mark{background:#edf3fa;color:#174ea6;border-color:#d3deef}
body:not(.index-mode) .nav>div{width:calc(100% - 48px);max-width:none}
body:not(.index-mode) .shell{background:#fff;max-width:none}
.cards.detail-mode>.card{background:#fff;border:0;box-shadow:none;border-radius:0}
.cards.detail-mode .context-nav{color:#5b6471}
.cards.detail-mode .context-nav button{color:#174ea6;font-weight:700}
.cards.detail-mode>.practice-navigation{border:0;border-bottom:1px solid #dfe3e8;border-radius:0;background:#fff;color:#20242c;box-shadow:none}
.cards.detail-mode>.practice-navigation span{background:#eef2f7;color:#394352}
.cards.detail-mode>.practice-navigation button{background:#fff;color:#174ea6;border:1px solid #cad5e4;border-radius:8px}
.cards.detail-mode .card>.top .topic{background:#eff3f8;color:#31445e}
.cards.detail-mode .card>.domain-tags span{background:#f3f5f8;color:#5b6471;border:0}
.cards.detail-mode .options button{border:1px solid #b7bec8;border-radius:8px;background:#fff;color:#20242c;box-shadow:none;font-weight:500}
.cards.detail-mode .options button:hover{border-color:#2260b5;background:#f6f9fe}
.cards.detail-mode .options button b{background:#fff;color:#20242c;border-color:#7a8492;font-weight:600}
.cards.detail-mode .options button.selected{background:#eff5ff;border:2px solid #2260b5;color:#20242c;box-shadow:none}
.cards.detail-mode .options button.selected b{background:#2260b5;color:#fff;border-color:#2260b5}
.cards.detail-mode .options button.correct{background:#eaf7ee;border-color:#287a55;color:#15583b}
.cards.detail-mode .options button.incorrect{background:#fff0f0;border-color:#b93838;color:#8f2020}
.cards.detail-mode .question-tool-launch button{background:#fff;color:#174ea6;border-color:#cad5e4;border-radius:8px}
.cards.detail-mode .check{background:#225bb0;border-radius:8px;box-shadow:none}
.cards.detail-mode .check:hover{background:#16488e}
.cards.detail-mode .always-answer-actions>button{background:#fff;color:#174ea6;border:1px solid #cad5e4;border-radius:8px;box-shadow:none}
.cards.detail-mode .practice-actions button{color:#44566f;border-color:#d7dfe9;background:#f8fafc}
.cards.detail-mode .question-status span{background:#eef2f7;color:#556174}
.cards.detail-mode .card>.foot{border-color:#e1e5eb;color:#697484}
.cards.detail-mode .foot .badge{background:#eef3fa;color:#52657f}
.cards.detail-mode .dataset{background:#f7f8fa;border-radius:8px}
@media(min-width:960px){
  body:not(.index-mode) .shell{width:100%;margin:0;padding:8px 24px 0}
  body.workspace-docked[data-workspace-dock="right"] .shell{width:auto;margin:0 calc(var(--workspace-dock-width) + 24px) 0 0;padding-right:16px}
  body.workspace-docked[data-workspace-dock="left"] .shell{width:auto;margin:0 0 0 calc(var(--workspace-dock-width) + 24px);padding-left:16px}
  .cards.detail-mode{gap:6px}
  .cards.detail-mode>.card,.workspace-docked .cards.detail-mode>.card{padding:16px 0 10px;border-radius:0}
  .cards.detail-mode .question-tool-launch{right:0}
  .cards.detail-mode .question-content-scroll{padding-top:8px}
  .cards.detail-mode .question-content-scroll>p{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.65}
  .cards.detail-mode .options{grid-template-columns:minmax(0,1fr);max-width:860px;gap:9px;margin-top:18px}
  .cards.detail-mode .options button{font-size:17px;min-height:48px;padding:10px 14px}
  .cards.detail-mode .question-action-bar{padding-top:12px;gap:8px}
  .cards.detail-mode .check{min-height:44px}
  .cards.detail-mode .always-answer-actions>button{min-height:40px;font-size:13px}
}
@media(max-width:959px){body:not(.index-mode) .shell{width:100%;padding:14px 16px}.cards.detail-mode>.card{padding:16px 0;border-radius:0}.cards.detail-mode .question-content-scroll>p{font-size:18px;line-height:1.65}.cards.detail-mode .back-problems,.cards.detail-mode .next-question button{background:#fff;color:#174ea6;border-color:#cad5e4}}
@media(min-width:960px){
  body:not(.index-mode) .nav>div{height:48px}
  body:not(.index-mode) .shell{height:calc(100dvh - 48px);padding-top:6px}
  .cards.detail-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);grid-template-rows:40px minmax(0,1fr);gap:6px}
  .cards.detail-mode>.context-nav{grid-column:1;grid-row:1;align-self:center}
  .cards.detail-mode>.practice-navigation:not(.bottom){grid-column:2;grid-row:1;min-height:36px;padding:0 4px;border:0}
  .cards.detail-mode>.card{grid-column:1/-1;grid-row:2;padding-top:10px}
  .workspace-docked .cards.detail-mode{display:flex}
  .cards.detail-mode .question-content-scroll{width:100%;max-width:980px;align-self:center}
  .cards.detail-mode .question-content-scroll>p{font-size:18px;line-height:1.55}
  .cards.detail-mode .options{max-width:none;margin-top:12px;gap:7px}
  .cards.detail-mode .options button{min-height:46px;padding:8px 12px;font-size:16px}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar{display:grid;grid-template-columns:minmax(300px,.35fr) minmax(0,1fr);gap:8px 16px}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.check{grid-column:1;grid-row:1}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.always-answer-actions{grid-column:2;grid-row:1}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.practice-actions{grid-column:1;align-self:center}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.question-status{grid-column:2;align-self:center}
  body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.feedback,body:not(.workspace-docked) .cards.detail-mode .question-action-bar>.answer-unavailable{grid-column:1/-1}
}
.cards.detail-mode .context-nav strong{color:#394352}.cards.detail-mode .keyboard-hint{color:#687385}.cards.detail-mode .numeric-response input{background:#fff;color:#20242c;border-color:#aeb8c7}
@media(max-width:959px){.cards.detail-mode>.context-nav{margin-bottom:10px}.cards.detail-mode>.practice-navigation{margin:8px 0}.cards.detail-mode .question-tool-launch{margin:8px 0}.cards.detail-mode .question-action-bar{margin-top:16px}.cards.detail-mode .options{grid-template-columns:1fr;gap:9px}.cards.detail-mode .options button{min-height:48px;padding:10px 12px;font-size:16px}}
/* Neutral tool chrome matches the exam workspace; explanation content remains intact. */
.workspace-panel{border-color:#c9d3e2;box-shadow:0 18px 56px #1d2d452b}
.workspace-panel-header{background:#eef3fa;border-bottom-color:#d0d9e6}
.workspace-panel-header h2{color:#233652}
.workspace-panel-actions button,.workspace-panel-actions select{background-color:#fff;color:#29466e;border-color:#cad5e4}
.workspace-panel-actions [data-panel-action="left"],.workspace-panel-actions [data-panel-action="right"]{color:#617692}
.workspace-panel-actions button[aria-pressed="true"]{border-color:#225bb0;color:#225bb0;background:#dfeaff}
.workspace-panel-header select{background-image:linear-gradient(45deg,transparent 50%,#225bb0 50%),linear-gradient(135deg,#225bb0 50%,transparent 50%)}
.workspace-panel-header select:hover{background-color:#e2ebf7}
.cards.detail-mode .question-content-scroll .question-figure{border-color:#dfe5ed;background:#fff}
.cards.detail-mode .question-content-scroll .question-figure text{fill:#26364c}
.cards.detail-mode .question-content-scroll .question-figure .axis,.cards.detail-mode .question-content-scroll .question-figure .shape{stroke:#61758f}
.cards.detail-mode .question-content-scroll .question-figure .grid{stroke:#e0e6ef}
.cards.detail-mode .question-content-scroll .question-figure .accent,.cards.detail-mode .question-content-scroll .question-figure .right-angle{stroke:#2260b5}
/* Shared explanation and video surfaces use the same exam palette as the question. */
.workspace-panel{background:#fff;color:#233652}
.workspace-panel-body{background:#fff;scrollbar-color:#a3adbb #f7f9fc}
.workspace-feature>.explanation,.workspace-panel .primary-learning,.workspace-panel .primary-learning.explanation-player{background:#fff!important;color:#233652}
.workspace-panel .player-header{background:#fff;border-color:#dfe5ef}
.workspace-panel .player-header h3,.workspace-panel .explanation h4,.workspace-panel .video-explanation-head h3{color:#233652!important}
.workspace-panel .player-header>div small,.workspace-panel .mode-intro span,.workspace-panel .video-explanation-head small{color:#225bb0}
.workspace-panel .player-tabs{background:#eef3fa;border-radius:10px}
.workspace-panel .player-tabs button{background:transparent;color:#52657f;border-radius:8px}
.workspace-panel .player-tabs button.active{background:#225bb0;color:#fff}
.workspace-panel .view-question,.workspace-panel .restore-step{background:#fff;color:#174ea6;border-color:#cad5e4;border-radius:8px}
.workspace-panel .mode-intro p,.workspace-panel .video-explanation-head p,.workspace-panel .video-help{color:#66758a}
.workspace-panel .interactive-desmos-explanation,.workspace-panel .desmos-live-walkthrough,.workspace-panel .cone-visual-explanation{background:#f7f9fc;border-color:#dce4ef;box-shadow:none}
.workspace-panel .desmos-step-copy,.workspace-panel .visual-step-copy{background:#fff;color:#233652;border-radius:12px;scrollbar-color:#a3adbb #fff}
.workspace-panel .desmos-step-copy b,.workspace-panel .visual-step-copy h3{color:#174ea6}
.workspace-panel .desmos-step-copy p,.workspace-panel .desmos-step-copy p strong,.workspace-panel .visual-step-copy>p{color:#394c66}
.workspace-panel .desmos-current-copy,.workspace-panel .desmos-full-entry,.workspace-panel .desmos-notation{background:#eef3fa;color:#233652}
.workspace-panel .desmos-current-copy>span,.workspace-panel .desmos-full-entry>span,.workspace-panel .desmos-notation>div>span,.workspace-panel .visual-step-copy>span{color:#225bb0}
.workspace-panel .desmos-full-entry code,.workspace-panel .desmos-notation code,.workspace-panel .formal-equations code,.workspace-panel .solution-steps code,.workspace-panel .visual-step-copy>code{background:#e7effa;color:#174ea6}
.workspace-panel .desmos-notation p,.workspace-panel .desmos-current-copy .why-line{color:#394c66;border-color:#dce4ef}
.workspace-panel .desmos-controls button{background:#fff;color:#174ea6;border-color:#cad5e4;border-radius:8px}
.workspace-panel .desmos-controls button:last-child{background:#225bb0;color:#fff;border-color:#225bb0}
.workspace-panel .desmos-controls span{color:#66758a}
.workspace-panel .desmos-step-nav button{background:#fff;border-color:#cad5e4;color:#52657f}
.workspace-panel .desmos-step-nav button.complete{background:#edf4ff;border-color:#9fb8dc;color:#174ea6}
.workspace-panel .desmos-step-nav button.active{background:#225bb0;border-color:#225bb0;color:#fff}
.workspace-panel .formal-compact,.workspace-panel .deep-dive{background:#f7f9fc;border-color:#dce4ef;color:#233652}
.workspace-panel .solution-steps li{background:#fff;border:1px solid #dce4ef;border-radius:10px}
.workspace-panel .solution-steps li>span{background:#e7effa;color:#174ea6}
.workspace-panel .solution-steps small,.workspace-panel .formal-fact,.workspace-panel .deep-dive p,.workspace-panel .deep-dive ul{color:#394c66!important}
.workspace-panel .formal-takeaway{border-left-color:#225bb0!important;color:#394c66!important}
.workspace-panel .module-number,.workspace-panel .module-title p,.workspace-panel .module-kicker{color:#225bb0;border-color:#cad5e4}
.workspace-panel .formal-compact .formal-teaching-step .formal-equations code{background:#e7effa;color:#174ea6}
.workspace-panel .remember{background:#edf4ff;color:#233652;border:1px solid #c9d9ef;border-radius:12px}
.workspace-panel .remember p{color:#225bb0}
.workspace-panel .visual-more-help{border-color:#dce4ef}
.workspace-panel .visual-more-help summary,.workspace-panel .visual-more-help p{color:#394c66}
.workspace-panel .visual-sequence-line{border-color:#dce4ef}
.workspace-panel .visual-sequence-line span{color:#66758a}
.workspace-panel .visual-sequence-line span.done{color:#174ea6}
.workspace-panel .circle-visual-explanation,.workspace-panel .tangent-visual-explanation{background:#f7f9fc;border-color:#dce4ef}
.workspace-panel .circle-cinema,.workspace-panel .tangent-cinema,.workspace-panel .cone-cinema{background:#fff;border-color:#dce4ef}
.workspace-panel .circle-cinema text,.workspace-panel .tangent-cinema text,.workspace-panel .cone-cinema text{fill:#233652!important;stroke:#fff}
.workspace-panel .circle-cinema .function-title{fill:#225bb0!important}
.workspace-panel .circle-cinema [data-circle-layer="function"] rect:first-child{fill:#edf4ff;stroke:#8aaad6}
.workspace-panel .circle-cinema [data-circle-layer="function"] rect:not(:first-child){fill:#fff;stroke:#225bb0}
.workspace-panel .circle-cinema [data-circle-layer="function"] path{stroke:#225bb0}
.workspace-panel .circle-ring,.workspace-panel .symmetry-axis,.workspace-panel .diameter-line,.workspace-panel .inscribed-square,.workspace-panel .square-diagonal{stroke:#225bb0}
.workspace-panel .center-dot,.workspace-panel .diameter-dot{fill:#225bb0}
.workspace-panel .mirror-dot{fill:#b76b20}
.workspace-panel .mirror-measure{stroke:#b76b20}
.workspace-panel .cone-glow{opacity:0}
.workspace-panel .cone-equation{background:#edf4ff;border-color:#cad5e4;color:#174ea6}
.workspace-panel .pending-explanation,.workspace-panel .hard-desmos-coming-soon{background:#f7f9fc;border-color:#dce4ef;color:#52657f}
.workspace-panel .video-explanation-panel{background:#fff;color:#233652}
.workspace-panel .video-stage video{border-color:#cad5e4;border-radius:10px;box-shadow:none}
.workspace-panel .video-tools{color:#52657f}
.workspace-panel .video-tools button,.workspace-panel .video-tools select{background:#fff;border-color:#cad5e4;color:#174ea6;border-radius:8px}
.workspace-panel .video-tools button[aria-pressed="true"]{background:#225bb0;border-color:#225bb0;color:#fff}
.workspace-panel .video-tools button:hover,.workspace-panel .video-tools select:hover{background:#edf4ff;color:#174ea6}
.workspace-panel .question-drawer aside{background:#fff;color:#233652;border-color:#cad5e4}
.workspace-panel .question-drawer aside button{background:#fff;color:#174ea6;border-color:#cad5e4}
.workspace-panel button:focus-visible,.workspace-panel select:focus-visible,.workspace-panel h2:focus-visible{outline-color:#225bb0}
.workspace-restore{background:#fff;color:#174ea6;border-color:#cad5e4;box-shadow:0 8px 28px #23365220}
.workspace-dock-divider:after{background:#9fb4d1}
.workspace-dock-preview{background:#225bb012;border-color:#9fb8dc;box-shadow:none}
/* The bank shares the neutral exam palette, with difficulty color confined to tiles and filters. */
body.index-mode{background:#f7f9fc;color:#233652;
 --difficulty-challenge-border:#b6a0d4;--difficulty-challenge-gradient:linear-gradient(145deg,#eee8f8,#d9caec);--difficulty-challenge-text:#583682;
 --difficulty-hard-border:#dfa6af;--difficulty-hard-gradient:linear-gradient(145deg,#fce8eb,#f1cbd2);
 --difficulty-medium-border:#dfbb87;--difficulty-medium-gradient:linear-gradient(145deg,#fff1df,#f4dbb7);
 --difficulty-easy-border:#9bcab2;--difficulty-easy-gradient:linear-gradient(145deg,#e5f5ec,#c7e6d5)}
body.index-mode .study-atmosphere{display:none}
body.index-mode .nav{background:#fff;color:#233652;border-bottom:1px solid #dfe5ef;backdrop-filter:none}
body.index-mode .nav>div{height:64px}
body.index-mode .mark{width:34px;height:34px;border-color:#cad5e4;background:#eef3fa;color:#225bb0}
body.index-mode .home{color:#52657f}
body.index-mode .home:hover{color:#174ea6}
body.index-mode .intro{padding:30px 0 22px;border-bottom:1px solid #dfe5ef}
body.index-mode .intro .label{color:#225bb0;font-size:12px;letter-spacing:.14em}
body.index-mode .intro h1{color:#233652;font-size:clamp(36px,4vw,52px);letter-spacing:-.04em}
body.index-mode .difficulty-controls{border-color:#dce4ef;border-radius:12px;background:#fff;box-shadow:none;backdrop-filter:none;padding:18px 20px}
body.index-mode .difficulty-controls-label{color:#66758a;font-size:11px;letter-spacing:.1em}
body.index-mode .difficulty-key-item{color:#52657f}
body.index-mode .difficulty-filter-chip,body.index-mode .explanation-filter-chip{min-height:38px;border-color:#d2dce9;background:#fff;color:#66758a;font-size:13px;box-shadow:none}
body.index-mode .difficulty-filter-chip.active{box-shadow:none}
body.index-mode .difficulty-filter-chip.active.difficulty-challenge{background:#eee8f8;border-color:#b6a0d4;color:#583682}
body.index-mode .difficulty-filter-chip.active.difficulty-hard{background:#fbe8eb;border-color:#dfa6af;color:#943248}
body.index-mode .difficulty-filter-chip.active.difficulty-medium{background:#fff0dc;border-color:#dfbb87;color:#875014}
body.index-mode .difficulty-filter-chip.active.difficulty-easy{background:#e5f5ec;border-color:#9bcab2;color:#246349}
body.index-mode .difficulty-filter-chip:hover,body.index-mode .explanation-filter-chip:hover{color:#174ea6;border-color:#8aaad6}
body.index-mode .explanation-filter-chip.active{background:#edf4ff;border-color:#8aaad6;color:#174ea6}
body.index-mode .start-practice{border-color:#225bb0;border-radius:8px;background:#225bb0;color:#fff;box-shadow:none}
body.index-mode .start-practice:hover{background:#16488e}
body.index-mode .domain-row{border-color:#dce4ef;border-radius:12px;background:#fff;box-shadow:none;backdrop-filter:none;padding:22px 24px}
body.index-mode .domain-count{color:#225bb0;font-size:11px;letter-spacing:.12em}
body.index-mode .domain-row h2{color:#233652;font-size:18px;letter-spacing:.02em}
body.index-mode .domain-meta p{color:#66758a;font-size:13px;line-height:1.6}
body.index-mode .domain-tags span{border-color:#dce4ef;background:#f4f7fb;color:#61718a;font-size:10px}
body.index-mode .domain-tags .difficulty-tag.difficulty-challenge{background:#f2edfa;border-color:#d7c9e9;color:#583682}
body.index-mode .domain-tags .difficulty-tag.difficulty-hard{background:#fcecef;border-color:#edc4cc;color:#943248}
body.index-mode .domain-tags .difficulty-tag.difficulty-medium{background:#fff3e3;border-color:#eed3ad;color:#875014}
body.index-mode .domain-tags .difficulty-tag.difficulty-easy{background:#eaf7f0;border-color:#c2dfcf;color:#246349}
body.index-mode .question-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}
body.index-mode .problem-bubble{height:82px;min-width:0;border-radius:10px;box-shadow:inset 0 1px #ffffff80;font-size:21px}
body.index-mode .problem-bubble.difficulty-challenge{background:var(--difficulty-challenge-gradient);border-color:var(--difficulty-challenge-border);color:#583682}
body.index-mode .problem-bubble.difficulty-hard{background:var(--difficulty-hard-gradient);border-color:var(--difficulty-hard-border);color:#943248}
body.index-mode .problem-bubble.difficulty-medium{background:var(--difficulty-medium-gradient);border-color:var(--difficulty-medium-border);color:#875014}
body.index-mode .problem-bubble.difficulty-easy{background:var(--difficulty-easy-gradient);border-color:var(--difficulty-easy-border);color:#246349}
body.index-mode .problem-bubble:hover{transform:translateY(-2px);box-shadow:0 5px 12px #23365212;border-color:currentColor}
body.index-mode .problem-bubble:focus-visible{outline:3px solid #225bb0;outline-offset:3px}
body.index-mode .problem-bubble .tile-difficulty{top:8px;left:7px;max-width:calc(100% - 17px);font-size:8px;letter-spacing:.02em;color:inherit;opacity:.85}
body.index-mode .problem-bubble small{bottom:7px;font-size:10px;color:inherit;opacity:.85}
body.index-mode .problem-bubble .bubble-tool{bottom:6px;color:inherit;font-size:12px}
body.index-mode .problem-bubble .tile-status{top:9px;right:6px;background:#77869a55;box-shadow:none}
body.index-mode .problem-bubble.complete .tile-status{background:#287a55;box-shadow:0 0 0 2px #fff9}
body.index-mode .problem-bubble.tried .tile-status{background:#b76b20;box-shadow:0 0 0 2px #fff9}
body.index-mode .problem-bubble.saved{outline:2px solid #225bb0;outline-offset:2px}
body.index-mode .coming-soon-bank{border-color:#dce4ef}
body.index-mode .coming-soon-bank>h2{color:#66758a}
body.index-mode .coming-soon-bank .domain-row{background:#fff}
body.index-mode .difficulty-empty{border-color:#cad5e4;background:#fff}
body.index-mode .difficulty-empty strong{color:#233652}
body.index-mode .difficulty-empty p{color:#66758a}
body.index-mode .difficulty-empty-action{border-color:#cad5e4;background:#edf4ff;color:#174ea6}
@media(max-width:780px){body.index-mode .domain-row{padding:20px}body.index-mode .difficulty-controls{padding:16px}}
@media(max-width:520px){body.index-mode .intro{padding:24px 0 18px}body.index-mode .domain-row{padding:16px}body.index-mode .question-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}}
/* Reference layout: one small toolbar, then question, answers and actions in one flow. */
body:not(.index-mode) .nav{display:none}
body:not(.index-mode) .shell{height:100dvh;width:100%;margin:0;padding:0 24px;background:#fff}
body:not(.index-mode) .shell>.workspace{display:flex;flex:1;min-height:0;margin:0;padding:0}
body:not(.index-mode) .shell>.workspace>aside,body:not(.index-mode) .results{display:none}
body:not(.index-mode) .shell>.workspace>section{display:flex;flex:1;min-height:0;flex-direction:column}
.cards.detail-mode{display:flex;flex:1;min-height:0;flex-direction:column;gap:0}
.cards.detail-mode>.context-nav,.cards.detail-mode>.back-problems,.cards.detail-mode>.practice-navigation.bottom,.cards.detail-mode>.next-question,.cards.detail-mode .card>.foot{display:none}
.cards.detail-mode>.question-header-toolbar{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:10px;min-height:50px;margin:0;padding:6px 0;border:0;background:#fff;box-shadow:none}
.cards.detail-mode>.question-header-toolbar>button:first-child{margin-right:auto}
.cards.detail-mode>.question-header-toolbar>span{font-size:11px;background:transparent;white-space:nowrap}
.cards.detail-mode>.question-header-toolbar>button{min-height:32px;padding:5px 10px;font-size:12px}
.cards.detail-mode>.question-header-toolbar .question-tool-launch{position:static;margin:0 0 0 auto}
.cards.detail-mode>.question-header-toolbar .question-tool-launch button{min-height:32px;padding:5px 10px;font-size:12px}
.cards.detail-mode>.card,.workspace-docked .cards.detail-mode>.card{display:flex;flex:1;min-height:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;gap:0}
.cards.detail-mode .card>.question-summary{display:flex;flex:none;align-items:center;flex-wrap:wrap;gap:8px;width:100%;max-width:980px;align-self:center;min-height:0;margin:22px 0 16px;padding:0;border:0}
.cards.detail-mode .question-summary>.domain-tags{display:contents}
.cards.detail-mode .question-summary .topic{font-size:12px;padding:4px 7px}
.cards.detail-mode .question-summary .level{font-size:10px;letter-spacing:.08em}
.cards.detail-mode .question-summary .domain-tags span{font-size:10px;padding:4px 7px}
.cards.detail-mode .card>.body{display:flex;flex:1;min-height:0;padding:0;margin:0}
.cards.detail-mode .question-workspace-grid{display:flex;flex:1;min-height:0;align-items:stretch}
.cards.detail-mode .question-workspace-problem{display:flex;flex:1;min-height:0;flex-direction:column}
.cards.detail-mode .question-content-scroll{display:block;flex:1;min-height:0;width:100%;max-width:980px;align-self:center;overflow:auto;padding:0 8px 28px 0;scrollbar-color:#a3adbb #fff}
.cards.detail-mode .question-content-scroll>.question-action-bar{display:flex!important;flex:none;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;max-height:none;margin:20px 0 0;padding:0;border:0;overflow:visible}
.cards.detail-mode .question-content-scroll>.question-action-bar>.check{width:auto;min-width:145px;flex:none;min-height:40px;padding:8px 18px}
.cards.detail-mode .question-content-scroll>.question-action-bar>.always-answer-actions{display:flex;flex:none;flex-wrap:wrap;gap:8px;margin:0}
.cards.detail-mode .question-content-scroll>.question-action-bar>.always-answer-actions>button{flex:none;min-height:40px;padding:8px 13px;font-size:12px}
.cards.detail-mode .question-content-scroll>.question-action-bar>.practice-actions{display:flex;flex-basis:100%;gap:8px;margin:2px 0 0}
.cards.detail-mode .question-content-scroll>.question-action-bar>.question-status{font-size:10px;opacity:.8}
.cards.detail-mode .question-content-scroll>.question-action-bar>.feedback{flex-basis:100%;margin:0!important}
.workspace-panel[data-mode="left"],.workspace-panel[data-mode="right"],.workspace-dock-preview{top:56px;bottom:12px}
body.workspace-docked[data-workspace-dock="right"] .shell{height:100dvh;width:auto;margin:0 calc(var(--workspace-dock-width) + 24px) 0 0;padding:0 16px}
body.workspace-docked[data-workspace-dock="left"] .shell{height:100dvh;width:auto;margin:0 0 0 calc(var(--workspace-dock-width) + 24px);padding:0 16px}
@media(max-width:959px){
 body:not(.index-mode) .shell{height:auto;min-height:100dvh;padding:0 16px}
 .cards.detail-mode>.question-header-toolbar{flex-wrap:wrap;gap:5px;min-height:48px}
 .cards.detail-mode>.question-header-toolbar>button,.cards.detail-mode>.question-header-toolbar .question-tool-launch button{font-size:11px;padding:5px 7px}
 .cards.detail-mode>.question-header-toolbar>span{font-size:10px}
 .cards.detail-mode>.question-header-toolbar .question-tool-launch{margin-left:0}
 .cards.detail-mode .card>.question-summary{margin:16px 0}
 .cards.detail-mode .question-content-scroll{overflow:visible;padding:0 0 28px}
 .cards.detail-mode .question-content-scroll>.question-action-bar>.always-answer-actions{flex-basis:100%}
 .cards.detail-mode .question-content-scroll>.question-action-bar>.always-answer-actions>button{flex:1;font-size:11px;padding:8px}
 .workspace-panel[data-mode="sheet"]{inset:56px 10px 10px}
}