/* Astor Kids v9.2.15: the adult site's shared header (header.bar + assets/js/mbar.js) on kids pages.
   Every selector starts with .kids-root; every value copies the adult tokens in assets/css/base.css + landing.css. */
@font-face{font-family:"JetBrains Mono";src:url(../../assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(../../assets/fonts/inter-tight-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
.kids-root .kids-sitebar,.kids-root>.mbar{--tq:#14a7a0;--bg:#0d0e0f;--fg:#e7e6e2;--fg-2:#b9b9b5;--fg-3:#85878a;--fg-4:#56595c;--rule:rgba(231,230,226,.10);--rule-2:rgba(231,230,226,.22);--accent:#9fd6c2;
 --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sans:"Inter Tight",ui-sans-serif,system-ui,sans-serif;font-family:var(--sans);line-height:1.68;-webkit-font-smoothing:antialiased}
.kids-root .kids-sitebar{position:relative;z-index:6;display:flex;align-items:center;gap:2rem;margin:0;padding:1.1rem clamp(1.25rem,4vw,3rem);background:var(--bg);color:var(--fg);font-size:17px}
.kids-root .kids-sitebar a{color:inherit;text-decoration:none}
.kids-root .kids-sitebar .mono,.kids-root>.mbar.mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;font-feature-settings:"zero"}
.kids-root .kids-sitebar .dim{color:var(--fg-3)}
.kids-root .kids-sitebar .wordmark{display:inline-flex;align-items:center;font-size:.9rem;color:var(--fg)}
.kids-root .kids-sitebar .bm{display:inline-block;width:15px;height:15px;flex:none;margin-right:.45em;opacity:.92}
.kids-root .kids-sitebar .nv{margin-left:auto}
.kids-root .kids-sitebar .nv a,.kids-root>.mbar .nv a{color:inherit}
.kids-root .nv-p .nv-l a{color:var(--fg-2,#bdbbb5)}.kids-root .nv-p .nv-l a:hover{color:var(--fg,#e7e6e2)}
@media (max-width:640px){
 .kids-root:has(>.mbar){padding-top:var(--mbh,52px)}
 .kids-root:has(>.mbar) .kids-top{top:var(--mbh,52px)}
}
@media (min-width:641px){.kids-root>.mbar{display:none}}
/* phone bar wordmark: same values as brand/brand.css .wm5 + v71.css .mb-logo .wm5, kids-prefixed keyframes */
.kids-root>.mbar .wm5{display:block;width:min(128px,38vw);aspect-ratio:5925.7/1743;margin:0;color:#f2efe8}
.kids-root>.mbar .wm5 svg{display:block;width:100%;height:100%;overflow:visible}
.kids-root>.mbar .wm5 .o path{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1;animation:kids-wm5d 2.4s cubic-bezier(.45,.05,.25,1) .25s forwards}
.kids-root>.mbar .wm5 .s{opacity:0;animation:kids-wm5f .9s cubic-bezier(.2,.7,.2,1) 2.1s forwards}
.kids-root>.mbar .wm5 .s path{fill:currentColor}
@keyframes kids-wm5d{to{stroke-dashoffset:0}}@keyframes kids-wm5f{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.kids-root>.mbar .wm5 .o{display:none}.kids-root>.mbar .wm5 .s{animation:none;opacity:1}}