/* Shared page boundaries and header alignment for the current site. */
.wrap,.header.wrap,.hero.wrap{width:min(1180px,calc(100% - 80px))}
@media(min-width:1261px){.wrap,.header.wrap,.hero.wrap{width:min(1400px,calc(100% - 80px))}}
@media(max-width:1050px){.wrap,.header.wrap,.hero.wrap{width:calc(100% - 48px)}}
@media(max-width:740px){.wrap,.header.wrap,.hero.wrap{width:calc(100% - 40px)}}
@media(min-width:1151px){
 .header{align-items:center;padding-block:36px 28px}
 .header .brand{position:relative;height:64px;overflow:hidden;transform:none}
 .header .brand img{position:absolute;width:223px;max-width:none;height:auto;left:-25px;top:50%;transform:translateY(-50%)}
 .header .reading-language{position:relative;align-self:center}
 .header .reading-language p{position:absolute;right:0;bottom:100%;margin:0 0 5px;white-space:nowrap}
 .header nav{align-self:center}
}
/* Give each home-page section its own space, with readable text measures. */
.why-wonderland,.purpose-section,.parent-guide,.contact.section{padding-block:80px}
.why-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:80px}
.why-reasons article+article{margin-top:40px;padding-top:40px}
.purpose-columns{gap:48px;margin-top:56px}
.purpose-columns p{max-width:42ch}
.parent-question-grid{gap:32px}
.parent-question>p:last-child{max-width:60ch}
.contact>div>p:last-child{max-width:48ch}
@media(max-width:800px){
 .why-wonderland,.purpose-section,.parent-guide,.contact.section{padding-block:56px}
 .why-layout{grid-template-columns:1fr;gap:32px}
 .why-reasons article+article{margin-top:32px;padding-top:32px}
 .purpose-columns{gap:28px;margin-top:40px}
 .parent-question-grid{gap:24px}
}

/* One warm white canvas; brand color remains in text and small accents. */
:root{--page-background:#fffcf8}
body,main,.header,.hero,.hero:before,.why-wonderland,.purpose-section,.parent-guide,.contact.section,.services-hero,.service-directory,.service-cta,footer{background:var(--page-background)}
.parent-question{background:var(--page-background)}

/* Keep both direct service links readable without crowding the languages. */
@media(min-width:741px) and (max-width:1400px){
 .header{grid-template-columns:minmax(0,1fr) auto;row-gap:22px}
 .header .brand{grid-column:1;grid-row:1}
 .header .reading-language{grid-column:2;grid-row:1;align-self:center}
 .header nav{grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;column-gap:28px;row-gap:10px}
}
@media(max-width:740px){.header nav{column-gap:18px;row-gap:10px;justify-content:flex-start}.header nav a{white-space:nowrap}}

/* Almost-white powder blue, confined to Why Wonderland. */
.why-wonderland{background:#f8fcfe}