/* Navigation areas carry one matte colour from the introduction to the footer. */
html[data-theme] { --page-colour:#ded5ef; --page-tint:#f1edf8; --page-sand:#e9e2f2; --page-ink:#625083; --cream:var(--page-tint); background:var(--page-colour); }
html[data-theme=learning] { --page-colour:#c9e4dc; --page-tint:#edf6f1; --page-sand:#dcebe3; --page-ink:#246459; }
html[data-theme=discover] { --page-colour:#d9e5bd; --page-tint:#f0f5e8; --page-sand:#e5ecd6; --page-ink:#4f632f; }
html[data-theme=parents] { --page-colour:#f3d2be; --page-tint:#fcf0e8; --page-sand:#f6e2d5; --page-ink:#884d38; }
.editorial-page { background:var(--page-colour); --band-width:820px; }
.editorial-page.page-games { --band-width:1120px; }
.editorial-page.page-everyday { --band-width:1000px; }
.editorial-page .subpage-header { background:var(--page-colour); }
.editorial-page main { padding-bottom:0; }
.editorial-page .brand-mark { justify-content:center; flex:none; width:54px; height:54px; min-width:54px; border-radius:0; background:none; }
.editorial-page .brand-mark img { width:43px; }
.editorial-page .scroll-navigation.is-floating .brand-mark { background:none; border-radius:0; }
.editorial-banner { position:relative; background:var(--page-colour); padding-bottom:72px; }
.editorial-banner .editorial-hero { padding-top:46px; padding-bottom:44px; }
.editorial-banner figcaption { color:var(--ink); }
.editorial-banner .app-composition { --composition:#ffffff66; }
.editorial-banner .world-composition img { border-color:#ffffffb3; }
.editorial-banner .editorial-figure img { border-radius:32px; }
.editorial-page .editorial-layout { padding-top:54px; }
.editorial-wave { height:72px; overflow:hidden; pointer-events:none; }
.editorial-wave svg { display:block; width:max(100%,1100px); height:100%; position:relative; left:50%; transform:translateX(-50%); }
.banner-wave { position:absolute; bottom:-1px; width:100%; color:var(--cream); }
.editorial-band { --band-surface:var(--page-sand); position:relative; width:100vw; margin:100px 0 0 calc(50% - 50vw); padding:52px 0 120px; background:var(--band-surface); }
.band-white { --band-surface:#fff; }
.editorial-band-inner { width:min(var(--band-width),calc(100% - var(--gutter)*2)); margin-inline:auto; }
.band-wave-top { position:absolute; width:100%; top:-71px; color:var(--band-surface); }
.editorial-band + .editorial-band { margin-top:0; }
.editorial-band-inner > .editorial-section { margin-bottom:0; }
.band-white .editorial-link,.band-white .practice li { border:1px solid #e8dfd3; }
.band-closing { margin-bottom:0; padding-top:70px; padding-bottom:130px; }
.band-closing .editorial-app { margin-top:90px; background:var(--page-colour); }
.band-closing .related-pages { margin-bottom:0; background:#fff; border-color:var(--page-colour); }
.editorial-page .site-footer,.editorial-page .footer-inner small { background:var(--page-colour); }
.editorial-page .footer-wave { color:var(--page-colour); }
.editorial-page .footer-wave path { fill:currentColor; }
.editorial-page .footer-brand > span { display:none; }
.editorial-page .mobile-menu-brand { background:none; border-radius:0; }
.editorial-page .menu-toggle,.editorial-page .mobile-menu-close { color:var(--page-ink); }
.editorial-page .footer-discover a:hover,.editorial-page .footer-nav a:hover,.editorial-page .related-page-link:hover { color:var(--page-ink); }
.editorial-page .app-banner { background:var(--page-tint); }
@media(max-width:759px) {
  .editorial-page .brand-mark { width:48px; height:48px; min-width:48px; }
  .editorial-page .brand-mark img { width:39px; }
  .editorial-banner { padding-bottom:54px; }
  .editorial-banner .editorial-hero { padding-top:28px; padding-bottom:28px; }
  .editorial-page .editorial-layout { padding-top:34px; }
  .editorial-wave { height:54px; }
  .editorial-wave svg { width:max(100%,900px); }
  .editorial-band { margin-top:76px; margin-bottom:0; padding-top:34px; padding-bottom:86px; }
  .band-wave-top { top:-53px; }
  .band-closing { margin-bottom:0; padding-top:42px; padding-bottom:105px; }
  .band-closing .editorial-app { margin-top:82px; }
}
@media print {
  .editorial-wave { display:none; }
  .editorial-banner,.editorial-band { background:#fff; }
  .editorial-band { width:auto; margin:32px 0; padding:0; }
  .editorial-band-inner { width:100%; }
}