/* v9.2.30b kids spacing layer: breathing room only (no colour/shape changes). Loaded last on kids pages. */
:root{--ks-1:clamp(8px,1.2vw,12px);--ks-2:clamp(14px,2vw,22px);--ks-3:clamp(22px,3.4vw,40px);--ks-4:clamp(32px,5vw,72px);--ks-5:clamp(48px,7.5vw,112px)}
html.kb .kc-head{margin-bottom:var(--ks-3)}
.kids-home section.course{margin-block:var(--ks-4)!important}
.kids-home .kpipbig{margin-block:var(--ks-3)}
body .beat{padding-block:var(--ks-2)}
body .beat .bt>*+*{margin-top:var(--ks-2)}
body .kact{margin-block:var(--ks-3)!important}
body .kact-in{gap:var(--ks-3)}
body section.sheet.era{padding-block:var(--ks-4)}
/* letter beats: Pip beside the letter on tablet/desktop, stacked with room on phones */
.beat.kletter .bt{display:grid;grid-template-columns:clamp(120px,16vw,200px) minmax(0,1fr);column-gap:var(--ks-4);align-items:center}
.beat.kletter .bt>*{grid-column:2;margin-top:0}
.beat.kletter .kpip-letter{grid-column:1;grid-row:1/span 4;margin:0}
.kpip-letter img{display:block;width:100%;height:auto;background:transparent}
@media (max-width:640px){
 .beat.kletter .bt{display:block}
 .beat.kletter .kpip-letter{width:clamp(110px,34vw,150px);margin:0 auto var(--ks-3)}
 .beat.kletter .bt>*+*{margin-top:var(--ks-2)}
}
.beat .kpip-letter,.beat .kpip-letter img{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;filter:none!important}
/* v9.2.30d Numbers instruction */
.kinstr{display:flex;align-items:center;justify-content:center;gap:var(--ks-2);box-sizing:border-box;width:min(40rem,calc(100% - 32px));margin:var(--ks-3) auto var(--ks-4);padding:var(--ks-2) var(--ks-3);font-family:"Fredoka Kids",Nunito,system-ui,sans-serif;font-weight:600;font-size:clamp(1.35rem,4.6vw,1.9rem);line-height:1.25;color:#2b2f4a;background:#fffaf0;border-radius:24px;box-shadow:inset 0 -5px 0 #eadcc3,0 8px 18px -10px rgba(80,60,40,.35);text-align:left}
.kinstr svg{flex:0 0 auto;width:clamp(34px,8vw,44px);height:auto}
/* v9.2.30i: Pip base + mouth overlay, stacked pixel-exact */
.kpip-letter.kpm{position:relative}
.kpip-letter.kpm .kpm-mouth{position:absolute;left:0;top:0;width:100%;height:100%}