/* Shared kids header only. Decorations never receive input or affect language state. */
.kids-portal-header{position:relative;isolation:isolate;z-index:10;max-width:1240px;width:calc(100% - 48px);margin:24px auto 0;padding:22px 26px;min-height:126px;border:1px solid transparent;border-radius:30px;background:radial-gradient(ellipse at 72% 0%,#f6e5b96b,transparent 49%) padding-box,linear-gradient(115deg,#edf6dd 0%,#f7fbed 43%,#fff8e8 100%) padding-box,linear-gradient(110deg,#c8dfa6,#eee4c2 48%,#d5b66f99) border-box;box-shadow:0 8px 28px #62804d0b,0 2px 0 #dbe6c975;gap:24px}
.kids-portal-decoration,.kids-portal-sheen{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1}
.kids-portal-pattern{position:absolute;inset:0;width:100%;height:100%;stroke:#9aac6a;stroke-width:.8;opacity:.2;mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000)}
.kids-portal-pattern rect{stroke:none}
.kids-portal-arch{position:absolute;width:260px;height:160px;inset-inline-start:160px;top:-20px;stroke:#d5b66f;stroke-width:1;opacity:.35;transform:rotate(-8deg)}
.kids-portal-spark{position:absolute;width:28px;height:28px;stroke:#b3954e;stroke-width:1.4;fill:#fff9e8;opacity:.8;transform-origin:center}
.kids-portal-spark-one{inset-inline-start:36%;top:8px;animation:kids-portal-twinkle 6s ease-in-out infinite}
.kids-portal-spark-two{inset-inline-end:22px;bottom:8px;width:17px;height:17px;animation:kids-portal-twinkle 7s 2s ease-in-out infinite}
.kids-portal-sheen::before{content:"";position:absolute;inset-block:-40%;inset-inline-start:-50%;width:36%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:translateX(-180%) rotate(18deg);animation:kids-portal-sheen 1.8s .25s ease-out both;opacity:0}
.kids-portal-trail{position:absolute;bottom:-18px;inset-inline-start:18%;width:64%;height:24px;stroke:#bacb91;stroke-width:1.1;pointer-events:none;z-index:-1;opacity:.7}
.kids-portal-trail-star{fill:#f8e6ad;stroke:#c7ac68}.kids-portal-trail-leaf{fill:#e2edc9;stroke:#9eb778}
.kids-portal-header .kids-brand{position:relative;gap:18px;min-width:0;flex-shrink:0}
.kids-portal-logo{display:flex;align-items:center;justify-content:center;padding:0;min-height:54px;border:0;border-radius:0;background:transparent;box-shadow:none;flex-shrink:0}
html .kids-portal-header .kids-brand img{width:200px;max-width:200px;height:68px}
.kids-portal-header .kids-brand-divider{height:46px;width:1px;background:linear-gradient(transparent,#c2cfaa,transparent);margin-inline:0;flex-shrink:0}
.kids-portal-wordmark{min-width:0}.kids-portal-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;line-height:1.5;color:var(--kids-navy)}
.kids-portal-book{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #e3d9ad;background:#fff8e2;border-radius:12px;box-shadow:0 3px 0 #e8dfbb;transform:rotate(-7deg);color:#728d3e}
.kids-portal-book svg{width:25px;height:25px;stroke-width:1.7;transform:rotate(7deg)}
.kids-portal-header .kids-brand-sub{margin-top:5px;color:#62744f;font-size:11px;line-height:1.6}
.kids-portal-header .kids-header-nav{position:relative;gap:12px;min-width:0;flex-shrink:1}
.kids-portal-header .kids-header-link,.kids-portal-header .kids-main-site-link{position:relative;min-height:52px;padding:11px 15px;border-radius:17px;font-size:12px;line-height:1.5;gap:9px;transition:transform .18s,box-shadow .18s,background .18s;text-align:center}
.kids-portal-header .kids-header-link{font-weight:600;color:#233e24;border:1px solid #a4c96a;border-bottom:3px solid #8eb44f;background:linear-gradient(125deg,#d8eca9,#bede85);box-shadow:0 3px 8px #6183310c}
.kids-portal-header .kids-header-link::before{content:none}
.kids-portal-header .kids-header-nav .kids-header-link{min-height:52px}
.kids-portal-header .kids-header-link svg{order:-1;width:18px;height:18px;color:#587333}
.kids-portal-header .kids-main-site-link{background:linear-gradient(125deg,#fffef8,#f8efd8);border:1px solid #e4d9b7;border-bottom:3px solid #d8cba4;color:#566743;white-space:normal}
.kids-portal-header .kids-main-site-link svg{width:18px;height:18px;color:#8c845e}
.kids-portal-header .kids-header-link:hover,.kids-portal-header .kids-main-site-link:hover{transform:translateY(-2px);box-shadow:0 6px 12px #738c3e18}
.kids-portal-header .kids-header-link:active,.kids-portal-header .kids-main-site-link:active{transform:translateY(1px)}
.kids-portal-header .kids-language-trigger{background:#fffef8e8;border-color:#d8dfc2;border-radius:17px;min-width:171px;min-height:54px;box-shadow:0 3px 0 #dfe5cd;padding:8px 12px;gap:12px}
.kids-portal-header .kids-language-trigger:hover,.kids-portal-header .kids-language-trigger[aria-expanded=true]{background:#fff;border-color:#bfd0a2}
.kids-portal-header .kids-language-menu{border-color:#dbe3c8;box-shadow:0 15px 40px #44572c20}
.kids-portal-header .kids-language-picker{width:auto}
.kids-portal-header .kids-language-status:not(:empty){position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:102;width:260px;max-width:calc(100vw - 48px);padding:12px 15px;background:#fffef9;border:1px solid #d9e2c5;border-radius:15px;box-shadow:0 8px 24px #44572c18;font-size:12px}
.kids-portal-header:has(.kids-language-status:not(:empty)){z-index:100}
@keyframes kids-portal-twinkle{0%,65%,100%{opacity:.45;transform:scale(.88) rotate(0)}80%{opacity:.95;transform:scale(1.12) rotate(8deg)}}
@keyframes kids-portal-sheen{0%{opacity:0;transform:translateX(-180%) rotate(18deg)}25%{opacity:.65}100%{opacity:0;transform:translateX(540%) rotate(18deg)}}
@media(max-width:1180px){.kids-portal-header{flex-wrap:wrap;justify-content:center;padding:18px 24px;gap:16px}.kids-portal-header .kids-header-nav{width:100%;justify-content:center;padding-top:14px;border-top:1px solid #d4dfbf;gap:12px}.kids-portal-arch{inset-inline-start:calc(50% - 130px);top:-22px}.kids-portal-spark-one{inset-inline-start:20%}}
@media(max-width:600px){
 .kids-portal-header{width:calc(100% - 24px);padding:13px 12px 15px;margin:14px auto 0;border-radius:24px;gap:13px;min-height:0}
 .kids-portal-header .kids-brand{gap:12px;width:100%;justify-content:center;flex-shrink:1}
 .kids-portal-logo{min-height:44px;padding:0;border-radius:0}
 html .kids-portal-header .kids-brand img{width:130px;max-width:130px;height:48px}
 .kids-portal-header .kids-brand-name{font-size:14px}
 .kids-portal-header .kids-brand-divider{display:none}
 .kids-portal-title{font-size:18px;gap:7px}
 .kids-portal-book{width:27px;height:27px;border-radius:9px}.kids-portal-book svg{width:20px;height:20px}
 .kids-portal-header .kids-brand-sub{font-size:9px;margin-top:4px;line-height:1.7}
 .kids-portal-header .kids-header-nav{display:flex;flex-wrap:nowrap;align-items:stretch;gap:7px;padding-top:12px}
 .kids-portal-header .kids-header-link,.kids-portal-header .kids-main-site-link{min-width:0;flex:1;min-height:50px;gap:6px;padding:8px 9px;font-size:10.5px;border-radius:14px}
 .kids-portal-header .kids-header-nav .kids-header-link{min-height:50px}
 .kids-portal-header .kids-header-link svg,.kids-portal-header .kids-main-site-link svg{width:16px;height:16px}
 .kids-portal-header .kids-language-picker{flex:0 0 auto;align-self:center}
 .kids-portal-header .kids-language-trigger{min-width:0;min-height:50px;padding:9px 10px;gap:7px;border-radius:14px}
 .kids-portal-header .kids-language-value{gap:0}.kids-portal-header .kids-language-value .kids-language-names{display:none}
 .kids-portal-header .kids-language-value .kids-language-flag{width:28px;height:22px;border-radius:6px}
 .kids-portal-header .kids-language-chevron{width:14px;height:14px}
 .kids-portal-header .kids-return-prefix{display:none}
 .kids-portal-header .kids-language-status:not(:empty){font-size:11px}
 .kids-portal-arch{width:200px;height:140px;inset-inline-start:calc(50% - 100px);top:-24px;opacity:.25}
 .kids-portal-pattern{opacity:.15;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000)}
 .kids-portal-spark-one{width:20px;height:20px;inset-inline-start:13px;top:10px}.kids-portal-spark-two{inset-inline-end:12px;bottom:6px;width:13px;height:13px}
 .kids-portal-trail{inset-inline-start:9%;width:82%;bottom:-17px;opacity:.6}
 html[lang=en] .kids-portal-title{font-size:16px}html[lang=en] .kids-portal-header .kids-brand-sub{font-size:8.5px}
 html[lang=en] .kids-portal-header .kids-header-link{font-size:10.5px;gap:6px}
}
@media(max-width:350px){.kids-portal-header .kids-brand{gap:9px}html .kids-portal-header .kids-brand img{width:112px;max-width:112px;height:44px}.kids-portal-title{font-size:16px}.kids-portal-book{width:24px;height:24px}.kids-portal-header .kids-brand-sub{font-size:8px}.kids-portal-header .kids-header-link,.kids-portal-header .kids-main-site-link{font-size:10px;padding-inline:6px}.kids-portal-header .kids-language-trigger{padding-inline:8px}.kids-portal-header .kids-header-nav{gap:6px}html[lang=en] .kids-portal-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.kids-portal-header *,.kids-portal-header *::before,.kids-portal-header *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Clear logo/wordmark separation at every size, in both themes. */
html .kids-portal-header .kids-brand .kids-brand-divider{display:block;width:2px;flex:0 0 2px;height:44px;background:#8da465;border-radius:2px;opacity:1}
html[data-kids-theme=dark] .kids-portal-header .kids-brand .kids-brand-divider{background:#a8c18d}
@media(max-width:600px){html .kids-portal-header .kids-brand .kids-brand-divider{height:36px}}