/* In Galop Groep 5–8 storybook redesign — 2026-08-25
   Visual-only enhancement: existing page copy and links are preserved. */
.group-page-v2{--group-accent:#30bf73;--group-ink:#10233f;--group-cream:#fff9ea;--group-night:#071f3d;background:#fffaf0}
.group-page-v2 .detail-main{background:#fffaf0;overflow:hidden}
.group-page-v2 .detail-shell{width:min(1180px,calc(100% - 44px))}
.group-page-v2 .group-story-hero{min-height:620px;padding:70px 0 58px;background:linear-gradient(90deg,rgba(5,31,58,.98) 0%,rgba(6,39,68,.92) 42%,rgba(5,30,54,.26) 72%,rgba(5,30,54,.16) 100%),var(--group-hero) center/cover no-repeat;color:#fff;border-bottom:7px solid color-mix(in srgb,var(--group-accent) 58%,#ffbc22)}
.group-page-v2 .group-story-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 23%,rgba(255,203,78,.18),transparent 28%),linear-gradient(180deg,transparent 58%,rgba(4,26,47,.46));pointer-events:none}
.group-page-v2 .group-story-hero:after{content:"";position:absolute;inset:auto 0 0;height:128px;background:linear-gradient(180deg,transparent,rgba(4,28,50,.46));border:0;box-shadow:none;width:auto;border-radius:0}
.group-page-v2 .group-story-hero .detail-shell{min-height:490px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.group-page-v2 .group-hero-art{position:absolute;inset:0;pointer-events:none}
.group-page-v2 .detail-hero h1{font-size:clamp(46px,6.2vw,76px);max-width:690px;text-wrap:balance;text-shadow:0 4px 18px rgba(0,0,0,.22)}
.group-page-v2 .detail-lead{max-width:650px;font-size:17px;color:rgba(255,255,255,.9);text-shadow:0 2px 10px rgba(0,0,0,.18)}
.group-page-v2 .detail-eyebrow{color:#ffd04f}
.group-page-v2 .group-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.group-page-v2 .group-trust-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;background:rgba(4,29,49,.56);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font-size:11px;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.12)}
.group-page-v2 .group-trust-pill img{width:23px;height:23px;object-fit:contain;border-radius:7px}
.group-page-v2 .detail-quicknav{margin-top:18px}.group-page-v2 .detail-quicknav a{padding:10px 16px;border-color:rgba(255,255,255,.34);background:rgba(5,34,59,.66);backdrop-filter:blur(7px);transition:.2s transform,.2s background}
.group-page-v2 .detail-quicknav a:first-child{background:var(--group-accent);border-color:transparent;box-shadow:0 4px 0 color-mix(in srgb,var(--group-accent) 70%,#13233b)}
.group-page-v2 .detail-quicknav a:hover{transform:translateY(-2px)}

.group-page-v2 .detail-section{padding:78px 0;position:relative}.group-page-v2 .detail-section.white{background:#fffaf0}.group-page-v2 .detail-section:not(.teal):not(.white):not(.soft){background:linear-gradient(180deg,#fffdf7,#fff6de)}
.group-page-v2 .detail-section h2{font-size:clamp(34px,4.5vw,54px);max-width:900px}.group-page-v2 .detail-intro{max-width:840px}
.group-page-v2 .milestone-grid{grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;border:1px solid rgba(16,35,63,.08);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(16,35,63,.08)}
.group-page-v2 .milestone-card{position:relative;border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px 28px 30px 76px!important;min-height:190px;background:linear-gradient(180deg,#fff,#fffdf8)!important}
.group-page-v2 .milestone-card+.milestone-card{border-left:1px solid rgba(16,35,63,.08)!important}.group-page-v2 .milestone-orb{position:absolute;left:24px;top:27px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--group-accent);color:#fff;font-weight:1000;box-shadow:0 5px 0 color-mix(in srgb,var(--group-accent) 70%,#13233b)}
.group-page-v2 .milestone-card h3{font-size:19px!important}.group-page-v2 .milestone-card p{font-size:13.5px!important}

.group-page-v2 #leren{background:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--group-accent) 13%,transparent),transparent 23%),linear-gradient(180deg,#fff9e9,#fffdf8)}
.group-page-v2 #leren:after{content:"";position:absolute;left:-90px;bottom:24px;width:190px;height:190px;border:3px dotted color-mix(in srgb,var(--group-accent) 50%,transparent);border-radius:50%;opacity:.3}
.group-page-v2 .subject-path-deco{height:38px;margin:8px 0 -6px;background:radial-gradient(circle,var(--group-accent) 2px,transparent 3px) 0 50%/26px 10px repeat-x;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.group-page-v2 .subject-trail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:4px;position:relative}
.group-page-v2 .subject-story-card{position:relative;text-align:left;background:rgba(255,255,255,.78)!important;border:1px solid rgba(16,35,63,.08)!important;border-radius:26px!important;padding:72px 22px 24px!important;box-shadow:0 12px 28px rgba(16,35,63,.08)!important;overflow:visible;transition:.22s transform,.22s box-shadow}
.group-page-v2 .subject-story-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(16,35,63,.13)!important}
.group-page-v2 .subject-medallion{position:absolute;top:-42px;left:20px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#fff6d6);border:5px solid #fff;box-shadow:0 10px 24px rgba(16,35,63,.16),0 0 0 3px color-mix(in srgb,var(--group-accent) 65%,#fff)}
.group-page-v2 .subject-main-icon{width:56px;height:56px;object-fit:contain}.group-page-v2 .subject-story-card h3{font-size:22px!important;margin:0 0 8px}.group-page-v2 .subject-story-card p,.group-page-v2 .subject-story-card li{font-size:13.1px!important;line-height:1.58!important}.group-page-v2 .subject-story-card ul{padding-left:17px}
.group-page-v2 .subject-mini-icons{display:flex;gap:7px;margin:10px 0 14px;flex-wrap:wrap}.group-page-v2 .subject-mini-chip{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--group-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--group-accent) 35%,#fff)}.group-page-v2 .subject-mini-icon{width:25px;height:25px;object-fit:contain}
.group-page-v2 .subject-1{--subject-color:#f4a51c}.group-page-v2 .subject-2{--subject-color:#31b875}.group-page-v2 .subject-3{--subject-color:#e63f86}.group-page-v2 .subject-4{--subject-color:#6a78dc}
.group-page-v2 .subject-story-card .subject-medallion{box-shadow:0 10px 24px rgba(16,35,63,.15),0 0 0 3px var(--subject-color)}.group-page-v2 .subject-story-card .subject-mini-chip{background:color-mix(in srgb,var(--subject-color) 9%,#fff);border-color:color-mix(in srgb,var(--subject-color) 34%,#fff)}

.group-page-v2 .group-night-section{background:linear-gradient(135deg,#09213f 0%,#0a5266 48%,#4a1f72 100%)!important;color:#fff;overflow:hidden}.group-page-v2 .group-night-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(252,188,55,.18),transparent 18%),radial-gradient(circle at 12% 75%,color-mix(in srgb,var(--group-accent) 22%,transparent),transparent 26%);pointer-events:none}.group-page-v2 .group-night-section h2{color:#fff}.group-page-v2 .group-night-section .detail-intro{color:rgba(255,255,255,.84)}
.group-page-v2 .group-visual-break{justify-items:end;margin-top:36px}.group-page-v2 .group-visual-device{width:min(460px,72vw);border:8px solid rgba(255,255,255,.92);background:#062d4c;transform:rotate(1deg);box-shadow:0 30px 65px rgba(0,0,0,.28)}
.group-page-v2 .example-card{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.18);backdrop-filter:blur(7px)}
.group-page-v2 .example-card .tag{background:#ffc038}.group-page-v2 .group-soft-section{background:linear-gradient(180deg,#fff9e8,#f7efd9)!important}.group-page-v2 .watch-card{border-radius:28px;box-shadow:0 14px 32px rgba(16,35,63,.08)}
.group-page-v2 .group-switcher-v2{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px;gap:12px}.group-page-v2 .group-switcher-v2 a{min-width:170px;scroll-snap-align:start;border-radius:999px;text-align:center}.group-page-v2 .group-switcher-v2 a.current{background:var(--group-accent);border-color:var(--group-accent)}
.group-page-v2 .group-ending{position:relative;text-align:left;padding:78px 0;background:linear-gradient(90deg,rgba(6,27,52,.97),rgba(6,31,58,.86) 52%,rgba(6,31,58,.18)),var(--group-hero) center 42%/cover;color:#fff;min-height:320px}.group-page-v2 .group-ending:after{content:"✦  ✦  ✦";position:absolute;right:9%;top:24%;font-size:22px;letter-spacing:16px;color:#ffd04f;opacity:.8}.group-page-v2 .group-ending .detail-shell{position:relative;z-index:1}.group-page-v2 .group-ending h2{max-width:720px;font-size:clamp(36px,5vw,58px);line-height:1.02}.group-page-v2 .group-ending p{margin-left:0;max-width:650px}.group-page-v2 .group-ending .detail-button{background:#ffc02d}

.group-6-page{--group-accent:#ee3e87}.group-7-page{--group-accent:#2e9df4}.group-8-page{--group-accent:#9f59db}

@media(max-width:920px){
 .group-page-v2 .group-story-hero{min-height:590px;background-position:58% center}.group-page-v2 .detail-hero h1{max-width:590px}.group-page-v2 .detail-lead{max-width:560px}.group-page-v2 .milestone-grid{grid-template-columns:1fr}.group-page-v2 .milestone-card+.milestone-card{border-left:0!important;border-top:1px solid rgba(16,35,63,.08)!important}.group-page-v2 .subject-trail{grid-template-columns:repeat(2,1fr);row-gap:64px}.group-page-v2 .subject-path-deco{display:none}
}
@media(max-width:640px){
 .group-page-v2 .detail-shell{width:calc(100% - 28px)}
 .group-page-v2 .group-story-hero{min-height:660px;padding:46px 0 34px;background:linear-gradient(180deg,rgba(5,31,58,.28),rgba(5,31,58,.78) 43%,rgba(5,31,58,.97) 70%),var(--group-hero) 62% 18%/auto 64% no-repeat,#071f3d}
 .group-page-v2 .group-story-hero .detail-shell{min-height:580px;justify-content:flex-end}.group-page-v2 .detail-hero h1{font-size:43px;max-width:100%}.group-page-v2 .detail-lead{font-size:14.5px}.group-page-v2 .group-trust-row{gap:6px}.group-page-v2 .group-trust-pill{padding:5px 8px;font-size:9px}.group-page-v2 .group-trust-pill img{width:18px;height:18px}.group-page-v2 .detail-quicknav{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:8px}.group-page-v2 .detail-quicknav a{white-space:nowrap;flex:0 0 auto}
 .group-page-v2 .detail-section{padding:58px 0}.group-page-v2 .detail-section h2{font-size:34px}.group-page-v2 .milestone-card{padding:24px 20px 24px 68px!important;min-height:0}.group-page-v2 .milestone-orb{left:19px;top:23px}
 .group-page-v2 .subject-trail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-14px;margin-right:-14px;padding:48px 14px 22px;overscroll-behavior-inline:contain}.group-page-v2 .subject-story-card{flex:0 0 84%;scroll-snap-align:center;padding:70px 20px 22px!important;min-height:520px}.group-page-v2 .subject-story-card:last-child{margin-right:14px}.group-page-v2 .subject-medallion{left:18px}.group-page-v2 #leren:before{content:"‹  veeg door de vakken  ›";display:block;position:absolute;right:18px;top:118px;color:color-mix(in srgb,var(--group-accent) 78%,#24395a);font-size:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
 .group-page-v2 .group-visual-break{justify-items:center}.group-page-v2 .group-visual-device{width:min(330px,92vw);transform:none}.group-page-v2 .group-ending{min-height:410px;padding:64px 0;background:linear-gradient(180deg,rgba(5,27,49,.28),rgba(5,27,49,.95) 48%),var(--group-hero) center/cover}.group-page-v2 .group-ending:after{display:none}.group-page-v2 .group-ending h2{font-size:38px}
}

/* --------------------------------------------------------------------------
   Parent guidance story cards — app ponies + Night-Zookeeper-inspired colour
   -------------------------------------------------------------------------- */
.parent-watch.parent-watch-story {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.parent-watch-story .watch-card {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:8px;
  min-height:310px;
  padding:30px 24px 26px 30px;
  overflow:hidden;
  border-radius:30px;
  isolation:isolate;
}
.parent-watch-story .watch-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.9) 0 4%,transparent 4.5%),
    radial-gradient(circle at 82% 28%,rgba(255,255,255,.55) 0 2%,transparent 2.5%),
    linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.18));
}
.parent-watch-story .watch-card.problem {
  border:1.5px solid rgba(233,63,132,.35);
  background:linear-gradient(145deg,#fff7fb 0%,#ffe6f1 55%,#ffd7e9 100%);
  box-shadow:0 14px 34px rgba(156,43,94,.08);
}
.parent-watch-story .watch-card.help {
  border:1.5px solid rgba(24,162,120,.30);
  background:linear-gradient(145deg,#f5fffb 0%,#dcf7ed 55%,#ccefe6 100%);
  box-shadow:0 14px 34px rgba(19,112,86,.08);
}
.parent-watch-story .watch-copy { position:relative; z-index:2; min-width:0; }
.parent-watch-story .watch-card h3 {
  margin:0 0 16px;
  font-size:clamp(1.35rem,2vw,1.65rem);
  line-height:1.08;
  letter-spacing:-.02em;
}
.parent-watch-story .watch-card.problem h3 { color:#d92e75; }
.parent-watch-story .watch-card.help h3 { color:#087650; }
.parent-watch-story .watch-card ul { margin:0; padding:0; list-style:none; display:grid; gap:13px; }
.parent-watch-story .watch-card li {
  position:relative;
  padding-left:26px;
  color:#405066;
  font-size:1rem;
  line-height:1.52;
  font-weight:650;
}
.parent-watch-story .watch-card li::before {
  position:absolute;
  left:0;
  top:.03em;
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:1000;
  color:white;
}
.parent-watch-story .problem li::before { content:"?"; background:#ed4b8d; }
.parent-watch-story .help li::before { content:"✓"; background:#20a87a; }
.parent-watch-story .watch-art {
  position:relative;
  align-self:stretch;
  min-width:0;
  pointer-events:none;
}
.parent-watch-story .watch-art::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:155px;
  height:155px;
  border-radius:50%;
  transform:translateX(-50%);
  z-index:-1;
}
.parent-watch-story .watch-art-problem::after { background:rgba(255,255,255,.52); border:2px dashed rgba(233,63,132,.20); }
.parent-watch-story .watch-art-help::after { background:rgba(255,255,255,.55); border:2px dashed rgba(24,162,120,.20); }
.parent-watch-story .watch-art > img:first-of-type {
  position:absolute;
  left:50%;
  bottom:-22px;
  width:205px;
  max-width:none;
  transform:translateX(-50%);
  filter:drop-shadow(0 10px 10px rgba(16,42,59,.13));
}
.parent-watch-story .watch-float,
.parent-watch-story .watch-check {
  position:absolute;
  z-index:4;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-weight:1000;
  box-shadow:0 7px 14px rgba(37,44,67,.12);
}
.parent-watch-story .watch-float { color:#fff; background:#ed4b8d; }
.parent-watch-story .watch-float.q1 { width:45px;height:45px;right:8px;top:32px;font-size:1.55rem;transform:rotate(8deg); }
.parent-watch-story .watch-float.q2 { width:33px;height:33px;left:2px;top:86px;font-size:1.08rem;background:#7f66ce;transform:rotate(-9deg); }
.parent-watch-story .watch-float.q3 { width:27px;height:27px;right:21px;top:95px;font-size:.95rem;background:#f5ad22; }
.parent-watch-story .watch-check { width:35px;height:35px;color:#fff;background:#19a977;font-size:1rem; }
.parent-watch-story .watch-check.c1 { right:5px; top:30px; transform:rotate(7deg); }
.parent-watch-story .watch-check.c2 { left:4px; top:82px; background:#f5b323; transform:rotate(-8deg); }
.parent-watch-story .watch-learning-badge {
  position:absolute !important;
  right:-2px !important;
  bottom:6px !important;
  left:auto !important;
  width:82px !important;
  height:82px;
  object-fit:contain;
  transform:rotate(5deg) !important;
  filter:drop-shadow(0 7px 8px rgba(16,42,59,.15));
  z-index:5;
}
.parent-watch-link { margin:20px 0 0; text-align:center; }

@media (max-width:900px) {
  .parent-watch.parent-watch-story { grid-template-columns:1fr; gap:16px; }
  .parent-watch-story .watch-card {
    grid-template-columns:minmax(0,1fr) 150px;
    min-height:0;
    padding:24px 18px 22px 22px;
    border-radius:26px;
  }
  .parent-watch-story .watch-card li { font-size:1.02rem; line-height:1.48; }
  .parent-watch-story .watch-art > img:first-of-type { width:175px; bottom:-24px; }
  .parent-watch-story .watch-art::after { width:128px; height:128px; bottom:0; }
  .parent-watch-story .watch-learning-badge { width:68px !important; height:68px; }
}

@media (max-width:600px) {
  .parent-watch-story .watch-card {
    grid-template-columns:minmax(0,1fr) 104px;
    gap:4px;
    padding:22px 14px 20px 20px;
    border-radius:24px;
  }
  .parent-watch-story .watch-card h3 { font-size:1.32rem; margin-bottom:14px; }
  .parent-watch-story .watch-card li { padding-left:23px; font-size:.98rem; line-height:1.5; }
  .parent-watch-story .watch-art > img:first-of-type { width:132px; bottom:-14px; }
  .parent-watch-story .watch-art::after { width:96px; height:96px; bottom:4px; }
  .parent-watch-story .watch-float.q1 { width:34px;height:34px;top:16px;right:2px;font-size:1.2rem; }
  .parent-watch-story .watch-float.q2 { width:27px;height:27px;top:58px;left:0;font-size:.9rem; }
  .parent-watch-story .watch-float.q3 { width:22px;height:22px;top:82px;right:8px;font-size:.75rem; }
  .parent-watch-story .watch-check { width:28px;height:28px; }
  .parent-watch-story .watch-check.c1 { top:18px;right:0; }
  .parent-watch-story .watch-check.c2 { top:58px;left:0; }
  .parent-watch-story .watch-learning-badge { width:54px !important; height:54px; right:-5px !important; bottom:4px !important; }
  .parent-watch-link { margin-top:16px; }
}


/* 2026-08-26 — compact autoplay examples carousel */
.group-page-v2 .ig-examples-showcase{margin-top:28px;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(112,63,175,.18));box-shadow:0 22px 52px rgba(4,26,48,.18);overflow:hidden}
.group-page-v2 .ig-examples-heading{max-width:680px;margin:0 auto 18px;text-align:center}.group-page-v2 .ig-examples-heading .detail-eyebrow{color:#ffd14a!important;margin-bottom:5px}.group-page-v2 .ig-examples-heading h3{color:#fff;font-size:clamp(26px,3vw,38px);margin:0 0 5px}.group-page-v2 .ig-examples-heading>p:last-child{color:rgba(255,255,255,.82);margin:0;font-weight:700}
.group-page-v2 .ig-examples-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}.group-page-v2 .ig-example-slides{position:relative;min-height:250px}.group-page-v2 .ig-example-slide{position:absolute;inset:0;opacity:0;transform:translateX(34px) scale(.985);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.group-page-v2 .ig-example-slide.is-active{position:relative;opacity:1;transform:none;pointer-events:auto}.group-page-v2 .ig-example-slide .tag{display:inline-flex;margin:0 0 10px;background:#ffc533;color:#102d4d;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.group-page-v2 .ig-question-preview{background:#fffaf0;color:#153251;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:22px 24px;box-shadow:0 14px 34px rgba(4,23,43,.2);min-height:190px;display:flex;flex-direction:column;justify-content:center}.group-page-v2 .ig-question-kicker{display:block;color:var(--group-accent);font-weight:1000;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.group-page-v2 .ig-question-preview p{font-size:clamp(20px,2.2vw,28px);line-height:1.38;font-weight:900;margin:0;color:#18324f}.group-page-v2 .ig-question-lines{display:grid;gap:8px;margin-top:20px;max-width:72%}.group-page-v2 .ig-question-lines i{height:9px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent) 42%,#fff),rgba(21,50,81,.08))}.group-page-v2 .ig-question-lines i:nth-child(2){width:82%}.group-page-v2 .ig-question-lines i:nth-child(3){width:64%}
.group-page-v2 .ig-example-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(5,28,52,.62);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(3,22,42,.22)}.group-page-v2 .ig-example-arrow:hover{background:rgba(5,28,52,.9)}
.group-page-v2 .ig-example-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}.group-page-v2 .ig-example-dots{display:flex;gap:8px}.group-page-v2 .ig-example-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.36);cursor:pointer}.group-page-v2 .ig-example-dot.is-active{width:26px;border-radius:99px;background:#ffc533}.group-page-v2 .ig-example-pause{border:0;background:transparent;color:rgba(255,255,255,.88);font:inherit;font-size:13px;font-weight:900;cursor:pointer;padding:7px}.group-page-v2 .ig-example-pause span{display:inline-block;margin-right:5px}.group-page-v2 .ig-example-pause[aria-pressed="true"] span{font-size:0}.group-page-v2 .ig-example-pause[aria-pressed="true"] span:after{content:"▶";font-size:11px}
/* Keep one visual identity in the green guidance card: badge yes, Billy no. */
.group-page-v2 .parent-watch-story .watch-art-help{min-width:115px}.group-page-v2 .parent-watch-story .watch-learning-badge{right:8px!important;bottom:10px!important;width:96px!important;height:96px!important;object-fit:contain}.group-page-v2 .parent-watch-story .watch-pony-help{display:none!important}
@media(max-width:760px){.group-page-v2 .ig-examples-showcase{margin:22px -2px 0;padding:20px 14px;border-radius:26px}.group-page-v2 .ig-examples-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.group-page-v2 .ig-example-arrow{width:34px;height:34px;font-size:26px}.group-page-v2 .ig-question-preview{padding:20px 18px;min-height:225px}.group-page-v2 .ig-question-preview p{font-size:20px}.group-page-v2 .ig-question-lines{max-width:92%}.group-page-v2 .ig-example-controls{gap:10px}.group-page-v2 .parent-watch-story .watch-learning-badge{width:72px!important;height:72px!important;right:4px!important;bottom:8px!important}}
@media(prefers-reduced-motion:reduce){.group-page-v2 .ig-example-slide{transition:none}}