/* Hand-authored source: scoped November review adjustments. */
.home-learning p.text-center, .home-learning .text-center > p, .home-learning .text-center > .cell > p { margin-left:auto!important; margin-right:auto!important; }
.home-learning .cues-welcome-art { width:100%; max-width:360px; height:auto; }
.home-learning .cues-challenge { position:relative; border:4px solid #ed0b6d; border-radius:32px; background:#fff; color:#402972; padding:clamp(24px,5vw,60px); margin-top:40px; margin-bottom:40px; }
.home-learning .cues-challenge::before { content:'★ ★ ★'; display:block; color:#ed0b6d; font-size:2rem; text-align:center; margin-bottom:24px; }
.home-learning .cues-challenge h2,.home-learning .cues-challenge h3,.home-learning .cues-challenge p {color:#402972;}
.home-learning .cues-check-list {list-style:disc inside; margin-left:0;}
.home-learning input[type=checkbox] {width:28px;height:28px;vertical-align:middle;accent-color:#402972;cursor:pointer;margin-right:10px;}
.home-learning .cues-check-card {display:flex;flex-direction:column;align-items:center;padding:24px;border:2px solid #402972;border-radius:24px;gap:12px;cursor:pointer;}
.home-learning .cues-check-card img {width:min(220px,100%)!important;height:auto!important;aspect-ratio:1;max-width:100%!important;object-fit:contain;border:3px solid #402972;border-radius:50%;background:white;margin:0!important;}
.home-learning .cues-check-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.home-learning .cues-check-grid > h2,.home-learning .cues-check-grid > h3 {grid-column:1/-1;}
.home-learning .cues-recap-box {border:4px solid white;border-radius:28px;padding:40px 24px;margin-top:50px;}
.home-learning .cues-sense-card {height:100%;display:flex;flex-direction:column;align-items:center;}
.home-learning .cues-sense-card h3 {min-height:3em;display:flex;align-items:center;justify-content:center;}
.home-learning .cues-sense-card img {margin-top:auto;}
.home-learning .cues-progress {background:white;color:#402972;border:5px solid #ed0b6d;border-radius:24px;padding:24px;}
@media(max-width:47.9375em){.home-learning .cues-check-grid{grid-template-columns:1fr;}.home-learning .cues-sense-card{height:auto;margin-bottom:24px;}}

/* Keep the comic in reading order, with the question before its conclusion. */
.home-learning .cues-comic-first,
.home-learning .cues-comic-last { position: relative; overflow: hidden; width: 100%; }
.home-learning .cues-comic-first { aspect-ratio: 1339 / 1446; }
.home-learning .cues-comic-last { aspect-ratio: 1339 / 1082; }
.home-learning .cues-comic-first img,
.home-learning .cues-comic-last img { position: absolute; left: 0; width: 100%; max-width: none; }
.home-learning .cues-comic-first img { top: 0; }
.home-learning .cues-comic-last img { bottom: 0; }

/* Show the situation without the answer cogs, retaining original source artwork. */
.home-learning .cues-situation-crop { max-width: 700px; margin-left:auto; margin-right:auto; aspect-ratio: 800 / 684; overflow:hidden; }
.home-learning .cues-situation-crop img { width:192.3077%; max-width:none; margin:0; display:block; }

.home-learning .cues-video-sequence { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:0 auto; }
.home-learning .cues-video-sequence > div { border:3px solid #402972;border-radius:20px;padding:16px; }
@media(max-width:47.9375em){.home-learning .cues-video-sequence {grid-template-columns:1fr;max-width:600px;}}

.home-learning .cues-fact-title {font-weight:900;text-transform:uppercase;color:#402972!important;line-height:1.1;margin:50px 10px 24px;text-align:center;}
.home-learning .cues-fact-title span {display:block;color:#ed0b6d;}

/* Rainbow pop-ups: keep every element in normal flow inside the white frame. */
.home-learning .reveal.cues-food-modal {
 box-sizing:border-box;width:calc(100% - 32px);max-width:600px;min-height:0;height:auto;margin-left:auto;margin-right:auto;
 padding:48px 32px 28px;background:#fff;color:#402972;border-radius:24px;
 max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;top:24px!important;
}
.home-learning .cues-food-modal .cues-food-heading {margin:0 0 20px;padding:0;line-height:1;}
.home-learning .cues-food-modal .cues-food-heading img {
 float:none;position:static;display:block;width:auto;height:auto;max-width:200px;max-height:64px;margin:0 auto;
}
.home-learning .cues-food-modal .cues-food-description {
 color:#402972!important;font-size:22px;line-height:1.4;max-width:30rem;margin:0 auto 24px;padding:0;
}
.home-learning .cues-food-modal img.cues-food-art {
 float:none;position:static;display:block;width:100%;height:auto;max-width:360px;max-height:280px;
 object-fit:contain;margin:0 auto;padding:0;transform:none;
}
.home-learning .cues-food-modal .close-button {position:absolute;top:10px;right:10px;left:auto;bottom:auto;transform:none;width:36px;height:36px;font-size:28px;line-height:1;border-width:2px;}
@media(max-width:47.9375em){
 .home-learning .reveal.cues-food-modal {padding:52px 20px 24px;}
 .home-learning .cues-food-modal .cues-food-description {font-size:20px;}
 .home-learning .cues-food-modal .cues-food-heading img {max-width:170px;max-height:54px;}
 .home-learning .cues-food-modal img.cues-food-art {max-height:240px;}
}

.home-learning .cues-after-video {margin-top:clamp(40px,6vw,80px);}

/* Keep questionnaire instructions in document flow, above the first question. */
.home-learning .cues-questionnaire-instruction {position:relative;inset:auto;transform:none;width:100%;box-sizing:border-box;padding:20px 24px;margin-bottom:32px;}
.home-learning .cues-questionnaire-instruction h3 {margin:0;font-size:clamp(20px,2vw,28px);line-height:1.35;}

.home-learning button.cues-feeling-fact {display:block;box-sizing:border-box;width:100%;padding:0;border:0;border-radius:0;background:#fff;color:#402972;font:inherit;text-align:center;}

/* Keep the room image, highlight canvas and tap targets at the same responsive size. */
.home-learning #keepYourBrainAmazing { max-width:100%; }
.home-learning #keepYourBrainAmazing > div.radius { width:100%!important; height:auto!important; aspect-ratio:1537 / 1141; }
.home-learning #keepYourBrainAmazing img[usemap] { width:100%; height:auto; }
.home-learning #keepYourBrainAmazing canvas { width:100%!important; height:100%!important; }
@media (max-width:767px) {
 .home-learning #keepYourBrainAmazing .explainer { padding:48px 14px 14px; overflow:auto; }
 .home-learning #keepYourBrainAmazing .explainer__inner { position:static; transform:none; width:100%; }
 .home-learning #keepYourBrainAmazing .explainer .h1 { font-size:24px; line-height:1.2; margin-bottom:12px; }
 .home-learning #keepYourBrainAmazing .explainer .h3,.home-learning #keepYourBrainAmazing .explainer .h2 { font-size:18px; line-height:1.35; margin-bottom:0; }
 .home-learning #keepYourBrainAmazing .explainer br { display:none; }
 .home-learning #keepYourBrainAmazing .close-button { top:6px;right:6px;width:32px;height:32px;font-size:24px;line-height:24px; }
}

/* Keep scene title pointers above the following illustration. */
.home-learning.session-5.part-3 .scene1 > .bubble-title,
.home-learning.session-5.part-3 .scene2 > .bubble-title { z-index:2; overflow:visible; }
.home-learning .cues-word-instructions { max-width:42rem; margin:0 auto 24px; padding:0 12px; font-size:clamp(18px,2vw,26px); line-height:1.4; color:white; }
@media(max-width:47.9375em) {
 .home-learning.session-5.part-3 .scene1 > .bubble-title,
 .home-learning.session-5.part-3 .scene2 > .bubble-title { max-width:calc(100% - 16px); padding:18px 12px; margin-bottom:28px; }
 .home-learning.session-5.part-3 .scene1 .text-mega,
 .home-learning.session-5.part-3 .scene2 .text-mega { font-size:clamp(26px,8vw,44px); }
}

/* Session 5 mobile scenes: compact titles and readable, selectable thought text. */
@media (max-width:47.9375em) {
 .home-learning.session-5.part-3 .cues-thought-scene {border-width:10px;border-radius:24px;}
 .home-learning.session-5.part-3 .cues-thought-scene .bubble-title {
  box-sizing:border-box;position:relative;inset:auto;transform:none;width:calc(100% - 24px);max-width:none;
  padding:14px 10px;margin:20px auto 24px;z-index:2;overflow:visible;border-radius:24px;
 }
 .home-learning.session-5.part-3 .cues-thought-scene .bubble-title .h4 {font-size:16px;line-height:1.2;margin:0 0 6px;}
 .home-learning.session-5.part-3 .cues-thought-scene .bubble-title .text-mega {font-size:clamp(24px,6.5vw,34px);line-height:1.1;margin:0;}
 .home-learning.session-5.part-3 .cues-thought-scene .bubble-title .h2 {font-size:18px;line-height:1.4;margin:0;}
 .home-learning.session-5.part-3 .cues-thought-scene .pointer-down {transform:translateX(-50%) scale(.55);transform-origin:top center;}
 .home-learning.session-5.part-3 .scene4 > .grid-x > .cell {margin-bottom:0;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts {background:#fff;padding:18px 14px;text-align:left;color:#402972;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts .cues-thoughts-label {color:#402972;font-size:20px;line-height:1.3;margin:0 0 14px;font-weight:bold;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts dl {margin:0;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts dl > div {border-top:2px solid #eee8f4;padding:12px 0;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts dt {color:#402972;font-size:16px;line-height:1.4;font-weight:bold;margin:0 0 4px;}
 .home-learning.session-5.part-3 .cues-mobile-thoughts dd {color:#402972;font-size:18px;line-height:1.45;margin:0;}
}

/* Lift the stage and kitchen thoughts clear of the characters' faces. */
@media (min-width:48em) {
 .home-learning.session-5.part-3 .scene1 .ab,
 .home-learning.session-5.part-3 .scene2 .ab {transform:translateY(-75%);}
 .home-learning.session-5.part-3 .scene1 #Purple,
 .home-learning.session-5.part-3 .scene1 #Yellow,
 .home-learning.session-5.part-3 .scene1 #Green,
 .home-learning.session-5.part-3 .scene1 #Haircut {transform:translateY(-55%);}
}

/* November 13 review: matching circular illustrations and independent playback controls. */
.home-learning .cues-short-animation {width:100%;max-width:420px;margin:30px auto;text-align:center;}
.home-learning .cues-animation-frame {position:relative;aspect-ratio:1;overflow:hidden;border:6px solid #402972;border-radius:50%;background:#fff;}
.home-learning .cues-animation-frame iframe {position:absolute;width:177.778%;height:100%;max-width:none;left:-38.889%;top:0;border:0;pointer-events:none;}
.home-learning .cues-animation-toggle {margin:18px 0 0;font-size:18px;min-height:44px;}
.home-learning #amazingBrainsDD .explainer.yellow,.home-learning #amazingBrainsDD .explainer.yellow p {color:#181818!important;background-color:#ffe534;}
.home-learning.session-6.part-1 .cues-check-card {border-width:4px;}
.home-learning.session-6.part-1 .cues-check-card img {border:6px solid #402972;}
.home-learning.session-7.part-4 .cues-after-video {border-top:3px solid #e8e1ef;padding-top:60px;margin-top:80px;}
.home-learning.session-5.part-3 .scene1 #Haircut {left:220px!important;top:440px;transform:translateY(-75%);}

.home-learning .cues-mobile-brain {background:#fff;border:4px solid #402972;border-radius:24px;padding:20px 14px;color:#402972;}
.home-learning .cues-mobile-brain p,.home-learning .cues-mobile-brain h3,.home-learning .cues-mobile-brain h4 {color:#402972!important;font-size:20px;line-height:1.35;}
.home-learning .cues-brain-pieces,.home-learning .cues-brain-targets {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;}
.home-learning .cues-mobile-brain button[data-part] {border:3px solid #d6cfdf;border-radius:12px;padding:8px;background:#fff;min-height:84px;cursor:pointer;}
.home-learning .cues-mobile-brain button[aria-pressed=true] {border-color:#ed1260;background:#fff1f6;}
.home-learning .cues-mobile-brain button[data-part] img {height:64px;width:100%;object-fit:contain;}
.home-learning .cues-brain-target img {filter:grayscale(1) brightness(.3);}
.home-learning .cues-mobile-brain button[data-part].is-matched {border-color:#387c45;}
.home-learning .cues-brain-target.is-matched img {filter:none;}
.home-learning .cues-brain-explanation {border-top:3px solid #402972;padding:20px 0;}
.home-learning .cues-brain-explanation img {display:block;max-width:160px;max-height:140px;object-fit:contain;margin:0 auto 16px;}
.home-learning .cues-brain-explanation p {font-size:20px!important;margin-bottom:16px!important;}
.home-learning .cues-brain-explanation br {display:none;}
.home-learning .cues-illusion {max-width:510px;margin-left:auto;margin-right:auto;overflow:hidden;}
.home-learning .cues-illusion-drag {position:relative;touch-action:none;user-select:none;cursor:grab;z-index:9;}
.home-learning .cues-illusion img {display:block;}
.home-learning.session-5.part-6 .medium-8 {text-align:left;}
.home-learning.session-7.part-6 .h2 .cues-pink {color:#ed0b6d;}

.home-learning .cues-relax-choices .panel {border:3px solid #402972;border-radius:30px;box-shadow:0 14px 0 #c50052;padding:36px 24px;}
.home-learning.session-5.part-5 .bg--session-intro h1 {font-size:clamp(32px,4vw,60px);line-height:1.15;}
.home-learning.session-6.part-6 h2,.home-learning.session-6.part-6 h3,.home-learning.session-6.part-6 h4 {font-family:'mikadobold',sans-serif;}
.home-learning.session-6.part-6 .text-ultra,.home-learning.session-6.part-6 .text-mega {font-family:'mikadoultra',sans-serif;}

/* Keep playback controls inside the illustration so review captions align. */
.home-learning .cues-short-animation {position:relative;}
.home-learning .cues-animation-toggle {position:absolute;bottom:18px;left:50%;transform:translateX(-50%);margin:0;padding:10px 16px;min-height:44px;font-size:16px;white-space:nowrap;border:2px solid white;border-radius:24px;}
.home-learning.session-1.part-4 .cues-short-animation {margin:0;}
.home-learning.session-1.part-4 .cues-animation-frame {border-color:#70cc85;}

/* Keep the dancing explanation comfortably readable at large widths. */
.cues-dance-panel { max-width: 960px; margin-inline: auto; }
.cues-dance-panel h3 { max-width: 36ch; margin-inline: auto; }