.hc-start-help,.hc-task-help,.hc-word-help{box-sizing:border-box;max-width:1050px;margin:16px auto;padding:16px 20px;border:2px solid #37c5b7;border-radius:14px;background:#092f40;color:#f4fbff;font:400 1rem/1.6 system-ui,sans-serif;scroll-margin-top:120px}.hc-start-help{margin:16px auto!important}.hc-start-help h2{margin:0 0 8px!important;color:#fff3bd!important;font-size:1.5rem!important}.hc-start-help p,.hc-task-help li,.hc-word-help dd{color:#f4fbff!important}.hc-task-help strong,.hc-word-help>strong{color:#b9f178!important}.hc-task-help ol{margin:8px 0;padding-left:1.3rem}.hc-task-help li{margin:6px 0}.hc-word-help dl{margin:8px 0}.hc-word-help dt{font-weight:800;color:#fff3bd}.hc-word-help dd{margin:0 0 10px}.hc-word-help summary{color:#fff3bd;cursor:pointer}.hc-listen,.hc-start-help button,.hc-reading-controls button{min-height:44px;min-width:44px;margin:5px 5px 5px 0;padding:8px 14px;border:2px solid #37c5b7;border-radius:10px;background:#eafffa;color:#073a40;font:700 1rem/1.3 system-ui,sans-serif;cursor:pointer}.hc-listen:focus-visible,.hc-start-help button:focus-visible,.hc-reading-controls button:focus-visible{outline:4px solid #ffd45f;outline-offset:3px}.hc-reading-controls{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 24px));box-sizing:border-box;z-index:1200;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:2px solid #37c5b7;border-radius:14px;background:#092f40;color:white;box-shadow:0 8px 24px #0006;font:700 1rem/1.3 system-ui,sans-serif}.hc-reading-controls[hidden]{display:none!important}.hc-reading-controls>div{display:flex;flex-shrink:0}.hc-reading-controls button{margin:0 0 0 6px}.hc-speaking{outline:3px solid #ffd45f;outline-offset:3px}.hc-word-help{font-size:1rem}@media(max-width:600px){.hc-start-help,.hc-task-help,.hc-word-help{width:calc(100% - 24px);padding:14px}.hc-reading-controls{font-size:.9rem;padding:8px}.hc-reading-controls button{font-size:.95rem;padding:8px 10px}}
.hc-game-listen{position:fixed;right:12px;top:12px;z-index:1150;min-height:44px;padding:8px 12px;border:2px solid #37c5b7;border-radius:10px;background:#eafffa;color:#073a40;font:700 1rem/1.3 system-ui,sans-serif;cursor:pointer}.hc-game-listen[hidden]{display:none!important}.hc-game-listen:focus-visible{outline:4px solid #ffd45f;outline-offset:3px}

/* Optional help is compact so children can see the actual activity first. */
details.hc-task-help,details.hc-word-help{
  display:block;max-width:100%;margin:10px 0;padding:0 16px;
  border:1px solid #84c9c2;border-radius:12px;background:#f5fcf8;color:#183d47;
  font-size:1rem;line-height:1.6;box-shadow:none;
}
details.hc-task-help>summary,details.hc-word-help>summary{
  display:list-item;cursor:pointer;min-height:44px;padding:10px 0;
  color:#075952;font-weight:800;list-style:disclosure-closed;
}
details.hc-task-help[open]>summary,details.hc-word-help[open]>summary{list-style:disclosure-open}
details.hc-task-help li,details.hc-word-help dd{color:#183d47!important}
details.hc-word-help dt{color:#075952}
details.hc-task-help:not([open])>:not(summary),details.hc-word-help:not([open])>:not(summary){display:none}
.y1-shell details.hc-task-help,.y1-shell details.hc-word-help{font-size:1.075rem}
@media(max-width:600px){
  details.hc-task-help,details.hc-word-help{width:100%;margin:8px 0;padding:0 12px}
  .y1-module-focus{font-size:1rem;line-height:1.55}
  .y1-lesson-hero h1{overflow-wrap:anywhere}
  .y1-welcome-card{min-width:0;overflow-wrap:anywhere}
}

/* Approved Homework Club behaviour: reading buttons are optional, not scattered
   across the standard lesson view. Help & Settings > Read to me enables them. */
html:not(.hc-read-aloud-on) .hc-listen,
html:not(.hc-read-aloud-on) .hc-game-listen,
html:not(.hc-read-aloud-on) button[data-speak]:not(.y1-word-card):not(.y1-word-chip):not(.y1-icon-button),
html:not(.hc-read-aloud-on) button[data-listen],
html:not(.hc-read-aloud-on) button[data-hc-speech-text],
html:not(.hc-read-aloud-on) button[data-hw-speak],
html:not(.hc-read-aloud-on) button[data-y4-tool="read"] { display:none!important; }
html:not(.hc-read-aloud-on) .y1-spell-row { grid-template-columns:54px minmax(0,1fr) auto; }
@media(max-width:650px){html:not(.hc-read-aloud-on) .y1-spell-row .y1-check-answer{grid-column:auto}}
/* Pronouncing phonics sounds and spelling prompts is part of the learning,
   so their audio remains available even when Read to me is off. */
html:not(.hc-read-aloud-on) .y1-word-card[data-speak],
html:not(.hc-read-aloud-on) .y1-word-chip[data-speak],
html:not(.hc-read-aloud-on) .y1-spell-row button[data-speak],
html:not(.hc-read-aloud-on) .y1-activity[data-essential-audio] button[data-hw-speak] { display:inline-flex!important; }