/* Larger classroom type; the shared site chrome keeps its own approved metrics. */
body{margin:0}html{background:#fff8ed}#site-header-host:empty{min-height:76px}html[data-activity-embedded] .site-header,html[data-activity-embedded] .site-footer,html[data-activity-embedded] #site-header-host,html[data-activity-embedded] #site-footer-host{display:none}
body>.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body>.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px}
@scope (.activity){
  :scope{padding-block:20px 28px}
  .activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding-block:12px;border-bottom:1px solid #23232645}
  .activity-context{font:500 16px 'IBM Plex Mono',monospace}
  .activity-tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
  .activity-tools button{border:2px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 var(--ink);background:white;padding:10px 15px;min-height:48px;font-weight:600;color:var(--ink);font-size:17px;white-space:nowrap}
  #sound{background:var(--yellow)}#sound[aria-pressed=false]{background:white}
  .intro{padding-top:10px}.teacher{margin-bottom:25px}
  @media(min-width:1100px){
    :scope{max-width:1880px;width:96%;padding-inline:24px}
    .activity-context{font-size:18px}.activity-tools button{font-size:20px;min-height:52px}
    .intro{padding-block:14px 22px}.eyebrow{font-size:15px}h1{font-size:clamp(48px,3.5vw,68px);max-width:900px}.lead{font-size:25px}.buddy-scene{flex-basis:300px}.speech{font-size:20px}
    .instruction{font-size:23px;line-height:1.5;margin-bottom:22px}.instruction-number{font-size:18px;min-width:40px;height:40px}
    .game{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr)}.bank-panel{padding:26px}.ladder-panel{padding:26px 30px 22px}.section-heading h2{font-size:29px}.section-heading>span,.bank-panel .section-heading>span{font-size:18px}.direction{max-width:220px}
    .bank{min-height:330px;gap:18px}.card{min-height:98px;font-size:clamp(30px,2vw,40px);padding-inline:8px}.card:before{font-size:18px}.selection{font-size:23px;min-height:80px}.bank-note{font-size:20px}.return{font-size:20px;min-height:48px}
    .rung{min-height:72px;gap:16px}.rung .unit{font-size:clamp(30px,2vw,40px)}.rung .placeholder{font-size:25px}.rung .number{width:34px;height:36px;font-size:21px}.rung .edge-label{font-size:14px;letter-spacing:0}.rung .mark{font-size:20px}.ladder{gap:12px}
    .progress-track{width:174px;margin-bottom:23px}.progress-track i{height:12px}.game-actions>span{font-size:18px}.game-actions .text-button{font-size:21px}.primary{font-size:26px;min-height:62px;padding:12px 21px}.feedback{font-size:23px;min-height:70px;line-height:1.45;margin-top:22px}
    .success h2{font-size:36px}.answer{font-size:27px}.examples p{font-size:25px}.example-note{font-size:20px}.teacher summary{font-size:21px}.teacher summary span{font-size:18px}.teacher>div{max-width:1100px;font-size:21px}.teacher .source{font-size:17px}
    #ladder-runner{width:66px;height:59px}
  }
  @media(max-width:1099px){.activity-toolbar{flex-wrap:wrap}.activity-context{font-size:13px}.activity-tools button{font-size:15px}.activity-tools{gap:9px}.activity-tools button{padding:8px 12px}}
  @media(max-width:650px){:scope{padding-top:6px}.activity-toolbar{gap:12px;margin-bottom:5px}.activity-tools{width:100%;justify-content:flex-start;gap:8px}.activity-context{font-size:12px}.activity-tools button{font-size:12px;min-height:42px;padding:8px}.bank-panel{top:0}}
}

@media(max-width:650px){html:not([data-activity-embedded]) .activity .bank-panel:not([data-empty=true]){top:64px}}