/* A single reading/working column; optional controls remain within reach. */
.activity-focused .activity-phase{font-size:14px!important;font-weight:750;letter-spacing:.04em;margin:6px 0 0;text-align:left;color:#526783}
.activity-focused>.question-controls{display:block!important;margin-top:4px!important}
.activity-focused .activity-question-tools{display:flex;gap:10px;margin:16px 0 20px}
.activity-focused .activity-question-tools button{flex:1;min-width:0;min-height:56px;padding:12px;font-size:16px;background:#f4f6fa;border:1px solid #ccd5e1;box-shadow:none;border-radius:12px}
.activity-focused .activity-progress-details,.activity-focused .activity-keypad,.activity-focused .activity-discussion-tools,.activity-focused .activity-passage-audio,.activity-focused .activity-recipe-tools{width:100%;box-sizing:border-box;border:1px solid #ccd5e1;border-radius:12px;margin:16px 0 0;padding:0 14px;text-align:left;background:#fafbfe}
.activity-focused summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.5;padding:16px 0;min-height:56px;box-sizing:border-box}
.activity-focused .activity-progress-details[open],.activity-focused .activity-keypad[open]{padding-bottom:14px}
.activity-focused .activity-progress-details p{text-align:left}
.activity-focused .activity-keypad .g1-number-pad{width:100%;max-width:360px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto}
.activity-focused .activity-discussion-tools .g2-discussion{border:0;margin:0;padding:0 0 14px}
.activity-focused .activity-discussion-tools h3{display:none}
.activity-focused .coach-number-label{max-width:none;margin:12px 0}
.activity-focused .kquest-stage>[data-quest-check]{width:100%;margin:0}
.activity-focused .kquest-actions:has(>button:not([hidden])){margin:18px 0 0}
.activity-focused .kquest-actions button{width:100%}
.activity-focused .kquest-actions:not(:has(>button:not([hidden]))){display:none}
.activity-focused .feedback:empty{display:none}
.activity-focused .pip-demonstration{margin:14px 0 0!important}
.activity-focused[data-activity-phase=example]>.feedback{display:none}
.activity-focused .coach-steps{margin:14px 0 0}
.activity-focused .coach-steps .listen-button{min-height:56px;font-size:14px}
.activity-focused .pip-demonstration [data-demo-try]{display:block;width:100%;margin:12px 0 0!important}
.activity-focused .coach-reader h3{font-size:18px}
.activity-focused .coach-reader>p{font-size:14px!important;line-height:1.5!important}
.activity-focused .coach-reader{margin-top:0}
.activity-focused button,.activity-focused summary,.activity-focused input,.activity-focused textarea,.activity-focused select{scroll-margin-top:110px}
@media(max-width:720px){
 body:has(.activity-focused)[data-view=play] main{padding:12px 12px 0}
 body:has(.activity-focused)[data-view=play] .site-header{padding:8px 12px;min-height:72px}
 body:has(.activity-focused)[data-view=play] .learner-switch-row{margin:8px 12px;justify-content:flex-end}
 body:has(.activity-focused)[data-view=play] .learner-switch-row button{width:auto;min-width:0;flex:0 1 auto;font-size:14px;padding:8px 12px;min-height:56px}
 body:has(.activity-focused)[data-view=play] .page-heading{margin:0 0 12px}
 body:has(.activity-focused)[data-view=play] .page-heading h1{font-size:20px}
 body:has(.activity-focused)[data-view=play] .star-counter{background:transparent;padding:0;font-size:14px}
 body:has(.activity-focused)[data-view=play] .star-counter strong,body:has(.activity-focused)[data-view=play] .star-counter>span{font-size:18px}
 body:has(.activity-focused)[data-view=play] .play-top{margin:0 16px 0;padding:12px 0;border:0}
 body:has(.activity-focused)[data-view=play] .chapter-pill{padding:0;background:none;font-size:14px}
 body:has(.activity-focused)[data-view=play] .buddy-card{display:block;padding:0 16px!important}
 body:has(.activity-focused)[data-view=play] .buddy-card>:not(#pip-cheer){display:none}
 body:has(.activity-focused)[data-view=play] .buddy-card #pip-cheer:not(:empty){position:static;margin:0 0 12px;padding:10px 12px;min-height:0;font-size:14px;line-height:1.5}
 body:has(.activity-focused) .game-content.activity-focused{padding:0 16px 20px;display:block}
 body:has(.activity-focused) .activity-focused .question-controls h2{font-size:22px;line-height:1.4;margin:8px 0;letter-spacing:0}
 body:has(.activity-focused) .activity-focused .kquest-stage{width:100%;min-width:0}
 body:has(.activity-focused) .activity-focused .kquest-stage>p{line-height:1.6}
 body:has(.activity-focused) .activity-focused .pip-demonstration{padding:16px}
 body:has(.activity-focused) .activity-focused .pip-demonstration h3{font-size:18px;line-height:1.5}
 body:has(.activity-focused) .activity-focused .coach-steps li{font-size:16px;line-height:1.6;padding-bottom:12px}
 body:has(.activity-focused) .activity-focused .coach-reader{padding:14px 10px}
 body:has(.activity-focused) .activity-focused .coach-sentence{line-height:1.65;padding:10px 6px}
 body:has(.activity-focused) .activity-focused .kquest-choices button{min-height:64px!important;padding:14px;font-size:16px}
 body:has(.activity-focused) .activity-focused :is(.g1-writing-label textarea,.coach-number-label input){font-size:18px}
 body:has(.activity-focused) .activity-focused .g1-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body:has(.activity-focused) .activity-focused .g1-tools button{min-width:0;overflow-wrap:anywhere;font-size:16px;padding:10px}
 body:has(.activity-focused) .activity-focused .g1-tools:has([data-g1-note]){grid-template-columns:repeat(4,minmax(0,1fr))}
 body:has(.activity-focused) .activity-focused [data-g1-play],body:has(.activity-focused) .activity-focused [data-g1-music-undo]{grid-column:span 2}
 body:has(.activity-focused) .activity-focused .g1-work-note,body:has(.activity-focused) .activity-focused .g1-private-note{font-size:14px;line-height:1.5}
 body:has(.activity-focused) .activity-focused [data-g1-done]{width:100%;white-space:normal}
 body:has(.activity-focused) .activity-focused .g5-coordinate-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body:has(.activity-focused) .activity-focused .g5-coordinate-controls label,body:has(.activity-focused) .activity-focused .g5-coordinate-controls select{min-width:0;width:100%;box-sizing:border-box}
 body:has(.activity-focused) .activity-focused figure{margin-left:0;margin-right:0}
 body:has(.activity-focused) .activity-focused .creation-save{border:1px solid #ccd5e1;background:#f7f9fc;border-radius:12px;padding:14px}
 body:has(.activity-focused) .activity-focused .creation-save h3{font-size:18px}
 body:has(.activity-focused) .activity-focused .coach-panel{padding:14px;margin:14px 0}
 body:has(.activity-focused) .activity-focused .coach-panel p{font-size:16px;line-height:1.6}
}

.activity-focused .g6-ratio-kitchen .question-controls,.activity-focused .g6-ratio-kitchen .sixth-grade-story{display:none!important}
.activity-focused .g6-ratio-kitchen .ratio-table-wrap{margin-top:14px}
.activity-focused .g6-ratio-kitchen .sixth-grade-tools{margin:12px 0;gap:8px}
.activity-focused .g6-ratio-kitchen [data-sixth-check]{flex:1;min-width:0}
.activity-focused .activity-passage-audio{margin:0 0 16px}
.activity-focused .activity-passage-audio .g4-read-parts{display:grid;grid-template-columns:1fr;margin:0 0 12px}
.activity-focused .activity-recipe-tools{margin:0}
.activity-focused .activity-recipe-tools .ratio-recipe{border:0;padding:0 0 12px}
.activity-focused .activity-save-details>summary{font-size:18px;padding:4px 0;align-content:center}
.activity-focused .activity-save-details[open]>summary{margin-bottom:12px}
@media(max-width:720px){
 body:has(.activity-focused)[data-view=play] .learner-switch-row{display:flex;padding:0}
 body:has(.activity-focused) .activity-focused [data-g1-playing]:empty{display:none}
 body:has(.activity-focused) .activity-focused .g6-ratio-kitchen{padding:0}
 body:has(.activity-focused) .activity-focused .g6-ratio-kitchen .ratio-table th,body:has(.activity-focused) .activity-focused .g6-ratio-kitchen .ratio-table td{padding:10px 4px}
 body:has(.activity-focused) .activity-focused .g6-ratio-kitchen input{min-width:0;font-size:22px}
}

.activity-focused [data-coach-number]{max-width:none;display:block;margin:0}
.activity-focused.activity-solved .activity-keypad,.activity-focused.activity-solved .coach-input-help{display:none}

/* Age changes the visual treatment, not the location of the task controls. */
.activity-focused .activity-phase{color:var(--age-ink)}
.activity-focused .activity-question-tools button{color:var(--age-ink);background:var(--age-tint);border-color:var(--age-border)}
.activity-focused :is(.activity-progress-details,.activity-keypad,.activity-discussion-tools,.activity-passage-audio){border-color:var(--age-border);background:var(--age-paper)}
.activity-focused[data-activity-age=play] .activity-question-tools button{font-size:18px;min-height:64px!important;border-radius:18px;border-width:2px}
.activity-focused[data-activity-age=play]>.question-controls h2{font-size:clamp(24px,5vw,30px);font-weight:850}
.activity-focused[data-activity-age=play] .pip-demonstration{border-radius:22px}
.activity-focused[data-activity-age=play] .kquest-choices button{min-height:88px!important;font-size:20px}
.activity-focused[data-activity-age=explore] .activity-question-tools button{font-size:17px;border-radius:14px}
.activity-focused .g3-number-label{max-width:none;margin:12px 0}
.activity-focused .g3-number-label input{width:100%;max-width:none;margin:0;box-sizing:border-box}
.activity-focused.activity-solved #g3-number-help{display:none}
.activity-focused>.question-controls>h2{overflow-wrap:anywhere}
.activity-focused>.question-controls>.activity-question-tools[hidden]{display:none}
.activity-focused .kquest-story{width:100%;box-sizing:border-box}
/* Duplicate desktop helper strip is replaced by the question's own Help button.
   Keep Pip and encouragement available for young learners. */
body[data-view=play]:has(.activity-focused) .buddy-card #pip-show{display:none}
@media(max-width:720px){
 body:has(.activity-focused) .activity-focused[data-activity-age=play] .question-controls h2{font-size:25px}
 body:has(.activity-focused) .activity-focused[data-activity-age=play] .kquest-choices button{min-height:88px!important;font-size:20px}
 body:has(.activity-focused) .activity-focused[data-activity-age=explore] .kquest-choices button{min-height:72px!important;font-size:18px}
 body:has(.activity-focused[data-activity-age=play]) .buddy-card>.pip-stage{display:block!important;width:44px}
 body:has(.activity-focused[data-activity-age=play]) .buddy-card .buddy-image{width:44px!important;height:48px!important;min-height:56px}
 body:has(.activity-focused[data-activity-age=play]) .buddy-card{display:flex;gap:10px;padding-bottom:4px!important}
 body:has(.activity-focused[data-activity-age=play]) .buddy-card #pip-cheer:not(:empty){flex:1;margin:0}
 .activity-focused .g3-number-label input{font-size:20px}
}

/* Embedded specialist games use the outer route question and Listen/Help bar.
   Later age-theme rules must not reveal a second question/control row. */
.activity-focused .kquest-stage .question-controls{display:none!important}
.activity-focused .kquest-stage [data-first-help]{display:none!important}
.activity-focused .g5-volume-builder .fifth-grade-story{display:none}

.activity-focused .activity-extra-tools{border:1px solid var(--age-border);border-radius:12px;padding:0 14px;margin:16px 0;background:var(--age-paper)}
.activity-focused .activity-extra-tools>.g4-tool-panel{margin:0;border:0;padding:0 0 14px;background:transparent}
.activity-focused .activity-extra-tools>.g4-tool-panel>h3{display:none}