/* v9.2.27: the ORIGINAL Astor Kids palette (v9.2.23 kids.css) on every kids page.
   Warm cream paper, navy ink, bright crayon accents, chunky rounded cards. Loaded last. */
@font-face{font-family:"Fredoka Kids";src:url(../../assets/fonts/fredoka-latin-basic.woff2) format("woff2");font-weight:300 700;font-display:swap}
html:has(body.kids-course),html:has(body.kids-home){background:#fff8ec!important}
html[data-kc],body.kids-course,body.kids-home{
 --k-ink:#2b2f4a;--k-bg:#fff8ec;--k-sky:#d8efff;--k-blue:#4a8dff;--k-orange:#ff8a3d;--k-yellow:#ffc93c;--k-green:#3fbf5f;--k-pink:#ff6fa5;--k-purple:#8f7bff;--k-teal:#2fb5c9;
 --bg:#fff8ec;--bg-2:#fff1db;--bg-3:#ffe9c9;--fg:#2b2f4a;--fg-2:#454a6b;--fg-3:#6b6f8c;--fg-4:#9a9cb0;--rule:rgba(43,47,74,.12);--rule-2:rgba(43,47,74,.22);--tq:#2fb5c9;
 --accent:var(--k-orange);--kacc-ink:#fff;
 background:linear-gradient(160deg,#fff1dd 0%,#fff8ec 45%,#eef6ff 100%) fixed!important;color:var(--k-ink)!important;
 font-family:"Fredoka Kids","Nunito","Trebuchet MS",system-ui,sans-serif!important}
body.kids-course :is(h1,h2,h3,.era-title,.bh,.intro h1,.c-title,.c-hook,.subtitle,.era-hook,.bp,p,li,.kshow p,button){font-family:"Fredoka Kids","Nunito","Trebuchet MS",system-ui,sans-serif!important;font-style:normal!important}
body.kids-home :is(h1,h2,h3,.c-title,.c-hook,p,button){font-family:"Fredoka Kids","Nunito","Trebuchet MS",system-ui,sans-serif!important;font-style:normal!important}
body.kids-course :is(.intro h1,.era-title,.bh),body.kids-home h1{color:var(--k-ink)!important;font-weight:600!important;letter-spacing:0!important}
body.kids-course :is(.bp,.era-hook,.subtitle),body.kids-course .bh span{color:var(--fg-2)!important}
/* dark textures off: paper is plain and bright */
body.kids-course :is(.field,.grainfix,.veil,.chrono),body.kids-home :is(.field,.grainfix,.veil),body.kids-course > .tex,body.kids-home > .tex{display:none!important}
body.kids-course .field,body.kids-home .field{background:transparent!important}
/* per-subject crayon */
html[data-kc="words"] body{--accent:var(--k-orange)}html[data-kc="numbers"] body{--accent:var(--k-blue)}html[data-kc="science"] body{--accent:var(--k-green)}
html[data-kc="people-places"] body{--accent:var(--k-pink)}html[data-kc="art"] body,html[data-kc="art-music"] body{--accent:var(--k-purple)}
html[data-kc="music"] body,html[data-kc="week"] body{--accent:#f0a400}html[data-kc="move"] body{--accent:var(--k-teal)}
/* activity cards: white, chunky, rounded, crayon edge */
body.kids-course .kact{background:#fff!important;border:3px solid var(--accent)!important;border-radius:28px!important;box-shadow:0 6px 0 color-mix(in srgb,var(--accent) 55%,#c9b89c)!important;color:var(--k-ink)}
body.kids-course .kact :is(button,.kopt,.kch){font-family:inherit!important}
body.kids-course .kpic .f1,body.kids-course .kmouth .f1{fill:color-mix(in srgb,var(--accent) 22%,#fff)!important;stroke:var(--accent)!important}
body.kids-course .kpic .f2{fill:color-mix(in srgb,var(--accent) 45%,#fff)!important}
body.kids-course .kpic .ln,body.kids-course .kmouth .ln{stroke:var(--k-ink)!important}
body.kids-course .kpic .ln0{stroke:rgba(43,47,74,.25)!important}
/* home tiles: big solid crayon cards like the original */
html body.kids-home #courses > section.course.card-link{background:var(--kc,var(--k-orange))!important;border:0!important;border-radius:28px!important;box-shadow:0 6px 0 rgba(0,0,0,.14)!important;color:#fff!important;overflow:hidden}
html body.kids-home #courses > section.course.card-link :is(.c-title,.c-hook,.c-go,.c-num){color:#fff!important}
html body.kids-home #courses > section.course.card-link .c-num{opacity:.0!important}
html body.kids-home #courses > section.course.card-link :is(.c-art,.crop){background:rgba(255,255,255,.18)!important}
body.kids-course a:not(.course):not(.kact a){color:color-mix(in srgb,var(--accent) 70%,var(--k-ink))}
body.kids-home #c-words{--kc:var(--k-orange)}body.kids-home #c-numbers{--kc:var(--k-blue)}body.kids-home #c-science{--kc:var(--k-green)}body.kids-home #c-people-places{--kc:var(--k-pink)}body.kids-home #c-art{--kc:var(--k-purple)}body.kids-home #c-music{--kc:#f0a400}body.kids-home #c-move{--kc:var(--k-teal)}body.kids-home #c-week{--kc:#e5583f}body.kids-home #c-art-music{--kc:var(--k-purple)}
body.kids-home #c-stories{--kc:#e5583f}
/* card art: no dark course textures; a bright paper panel for the drawing */
html body.kids-course .intro .tex,html body.kids-course .era .tex{display:none!important}
html body.kids-home #courses > section.course.card-link .c-art .tex{display:none!important}
html body.kids-home #courses > section.course.card-link .c-art{background:#fffaf1!important;border-radius:20px!important;margin:14px 14px .8rem!important;width:calc(100% - 28px)!important;box-shadow:inset 0 -3px 0 rgba(43,47,74,.08)}
html body.kids-home #courses > section.course.card-link .crop{background:transparent!important;--c:transparent}
html body.kids-home #courses > section.course.card-link :is(.c-txt){padding:0 18px 16px!important}
html body.kids-home #courses > section.course.card-link .c-title{font-weight:700!important;font-size:2.1rem!important}
html body.kids-home #courses > section.course.card-link .c-hook{font-weight:500!important;font-size:1.25rem!important}
html body.kids-home #courses > section.course.card-link .c-go{font-weight:600!important;font-size:1.15rem!important}
/* the top bar keeps the site's dark theme */
:is(body.kids-course,body.kids-home) :is(.mbar,header.bar,.nv,.nv-p){--bg:#0d0e0f;--bg-2:#131516;--bg-3:#1a1c1e;--fg:#e7e6e2;--fg-2:#b9b9b5;--fg-3:#85878a;--fg-4:#56595c;--rule:rgba(231,230,226,.10);--rule-2:rgba(231,230,226,.22);font-family:var(--mono,"JetBrains Mono",ui-monospace,monospace)}
:is(body.kids-course,body.kids-home) :is(.mbar,header.bar,.nv-p) :is(a,button,p,li,h1,h2,h3){font-family:var(--mono,"JetBrains Mono",ui-monospace,monospace)!important}
/* drawings painted for the dark site: flip them onto paper (dark field -> cream, grey ink -> navy, crayon hue kept) */
html :is(body.kids-home,body.kids-course) *{text-shadow:none!important}
html :is(body.kids-home,body.kids-course) :is(.kpipclay,.kpipbig,.kmouth-pip,.kpip) img{background:transparent!important}
html body.kids-home #courses > section.course.card-link canvas.sig{opacity:1!important}
html :is(body.kids-home,body.kids-course) :is(img.kpip,.kact img,.kshow img,.kbeat img){background:transparent!important}
html body.kids-course .kact img.kpip{width:104px!important;height:auto!important}
html body.kids-course .kact :is(button,.kopt,.kch,.kopt *){font-family:"Fredoka Kids","Nunito",system-ui,sans-serif!important}
