/* Homepage rebuild 10 Nov 2026 — mobile-first, child-first, no layout shift. */
.cbcg-home{--go:#E8553D;--go-ink:#C23A24;--ok:#0F5132;--ok-2:#0A3D25;--paper:#FBF7EE;--ink:#1D2A23;--muted:#45534B;max-width:1100px;margin:0 auto;padding:12px 16px 48px}
.cbcg-h1{margin:0 0 12px;font:800 clamp(28px,7vw,48px)/1.15 var(--display,inherit);color:var(--ink);letter-spacing:-.03em}
.cbcg-h2{margin:0 0 8px;font:800 clamp(22px,5vw,30px)/1.2 var(--display,inherit);color:var(--ink)}
.cbcg-lead,.cbcg-seclead{margin:0 0 16px;color:var(--muted);font-size:17px;line-height:1.45}
.cbcg-kicker{margin:0 0 8px;font:800 13px/1.2 var(--body,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
.cbcg-sec{margin:28px 0}
.cbcg-hero{padding:8px 0 10px}
.cbcg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 20px;border-radius:16px;font:800 18px/1.15 var(--body,inherit);text-decoration:none;text-align:center;border:0}
.cbcg-btn--go,a.cbcg-btn--go{background:var(--go);color:#fff;box-shadow:0 3px 0 var(--go-ink)}
.cbcg-btn--play,a.cbcg-btn--play{background:var(--ok);color:#fff;box-shadow:0 3px 0 var(--ok-2)}
.cbcg-btn--soft,a.cbcg-btn--soft{background:#fff;color:var(--ok);border:2px solid var(--ok)}
.cbcg-btn--xl{width:100%;min-height:64px;font-size:22px;margin:8px 0 6px}
a.cbcg-btn--go:hover,a.cbcg-btn--play:hover{color:#fff;filter:brightness(1.05)}
a.cbcg-btn--soft:hover{background:var(--ok);color:#fff}

/* Learner hero hidden until .is-learner */
.cbcg-kh{display:none;padding:8px 0 18px}
.cbcg-home.is-learner .cbcg-kh{display:block}
.cbcg-home.is-learner .cbcg-hero{display:none}
.cbcg-kh__hi{margin:0;font:800 clamp(26px,7vw,40px)/1.15 var(--display,inherit);color:var(--ink)}
.cbcg-kh__sub{margin:6px 0 8px;font:800 clamp(20px,5.5vw,32px)/1.2 var(--display,inherit);color:var(--ok)}
.cbcg-kh__streak{margin:0 0 16px;font-weight:700;color:var(--go-ink)}
.cbcg-kh__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cbcg-kh__actions .cbcg-btn--go,
.cbcg-kh__actions .cbcg-btn--play{grid-column:1/-1;min-height:64px;font-size:22px}

/* Grade tiles: equal, colourful, big touch targets */
.cbcg-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cbcg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;padding:12px 8px;border-radius:18px;background:var(--tile,#0F5132);color:#fff;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,.18)}
a.cbcg-tile,a.cbcg-tile:hover{color:#fff;text-decoration:none;transform:none}
.cbcg-tile__n{font:800 32px/1 var(--display,inherit)}
.cbcg-tile__l{font:800 14px/1.2 var(--body,inherit);margin-top:2px}
.cbcg-tile.is-mine{outline:3px solid #fff;box-shadow:0 0 0 5px var(--tile,#0F5132)}
@media (min-width:400px){.cbcg-tiles{grid-template-columns:repeat(5,1fr)}.cbcg-tile{min-height:96px}}

.cbcg-cards{display:grid;gap:10px}
.cbcg-cards--2{grid-template-columns:1fr}
.cbcg-cards--3,.cbcg-cards--4{grid-template-columns:1fr}
.cbcg-card{display:flex;flex-direction:column;gap:4px;min-height:88px;padding:16px;border-radius:16px;background:#fff;border:2px solid rgba(29,42,35,.12);color:var(--ink);text-decoration:none}
a.cbcg-card:hover{border-color:var(--ok);color:var(--ink)}
.cbcg-card strong{font-size:18px}
.cbcg-card span{color:var(--muted);font-size:15px}
.cbcg-card--fun{background:#FFF6E8;border-color:#E2A72E}

.cbcg-grown{margin:36px 0 8px;border:2px solid rgba(29,42,35,.12);border-radius:16px;background:#fff;padding:4px 14px 14px}
.cbcg-grown>summary{cursor:pointer;font:800 18px/1.3 var(--display,inherit);color:var(--ok);padding:14px 4px;list-style:none;min-height:48px}
.cbcg-grown>summary::-webkit-details-marker{display:none}
.cbcg-grown>summary::after{content:"Show";float:right;font:800 13px/1 var(--body,inherit);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cbcg-grown[open]>summary::after{content:"Hide"}
.cbcg-price__list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.cbcg-price__list a{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:10px 14px;border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;font-weight:700}
.cbcg-kcse-block[hidden]{display:none!important}
body.cbcg-tn-kcse .cbcg-kcse-block{display:block!important}
.cbcg-toc{margin:0;padding:0 0 0 1.15em}
.cbcg-toc li{margin:0 0 8px}
.cbcg-inline{display:flex;flex-wrap:wrap;gap:8px 16px}
.cbcg-trust p{color:var(--muted)}
.cbcg-morelinks{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:14px}

@media (min-width:800px){
  .cbcg-home{padding:20px 24px 64px}
  .cbcg-cards--2{grid-template-columns:1fr 1fr}
  .cbcg-cards--3{grid-template-columns:1fr 1fr 1fr}
  .cbcg-cards--4{grid-template-columns:1fr 1fr 1fr 1fr}
  .cbcg-btn--xl{width:auto;min-width:280px}
  .cbcg-kh__actions{grid-template-columns:1fr 1fr 1fr 1fr;max-width:720px}
  .cbcg-kh__actions .cbcg-btn--go{grid-column:1 / span 2}
  .cbcg-kh__actions .cbcg-btn--play{grid-column:3 / span 2}
}
@media (prefers-reduced-motion:reduce){.cbcg-btn,.cbcg-tile{transition:none}}