/* PAGE-TITLE-BAND-1 (founder Craig 19:25 + 19:26 UTC 2026-10-25; Creative brand/specs/page-title-band-v1.md sha256 50339dc4).
   ONE file on all 7 hosts (hub + 5 niches link /assets/page-title-band-v1.<h>.css after sh-classes-v1; members links the byte-identical
   copy). Strings live in shared/content/page-title-band.json. Nebula night only.
   1. Header: p.sh__title is gone from every header, so the header is ONE row at every width (logo + Members log in left,
      Online Classes + Blog right; the old title column becomes an empty spacer). 64px row, 44px targets unchanged. */
.sh.sh--v2 .sh__inner{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"home cta . right"}
@media (max-width:1023.98px){
  .sh.sh--v2 .sh__inner{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"home cta . right";row-gap:0;padding-top:6px;padding-bottom:6px;min-height:var(--sh-h,64px)}
}
/* 2. Title band: first block in <main> on every page. No background (sits on space #06060A). */
.page-title{text-align:center;padding:48px 0 8px;background:none}
.page-title .page-title__h{margin:0;font-family:var(--font-heading,'Nunito'),'Nunito','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  font-weight:800;font-size:clamp(2.25rem,1.5rem + 3.2vw,3.5rem);line-height:1.1;letter-spacing:normal;color:#FFFFFF;text-wrap:balance;font-synthesis:none}
/* BAND-SUB-1 item 16 (founder Craig 23:38 UTC, replaces item 3 23:25): 22px at 390 -> 28px at 1280, one rule on all 7 hosts */
.page-title .page-title__sub{margin:10px auto 0;font-family:var(--font-body,'Source Sans 3'),'Source Sans 3','Segoe UI',system-ui,Arial,sans-serif;
  font-weight:600;font-size:clamp(1.375rem,1.1rem + 1.1vw,1.75rem);line-height:1.3;letter-spacing:.01em;color:#2FD3EE;max-width:760px;text-wrap:balance}
@media (max-width:479.98px){.page-title{padding:32px 0 4px}}
/* 3. First H2 under the band where the page had none (spec 3: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem)). --c = centred (hub home, blog lists). */
h2.page-title__h2{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.25rem);line-height:1.2;text-wrap:balance}
h2.page-title__h2--c{text-align:center;margin:24px 0 24px}
/* 4. Gap + seam (Creative 20:07 UTC, preview round 2). Sub -> next content = 24px at 390, 40px at 1280 (linear between), on every host:
      the band keeps its 32/48px top and loses its bottom padding (main > section beats the site-wide section padding); the block after it
      takes the gap as padding-top (glass cards as margin, so their inner padding stays) and the first-child chain inside it drops its top margin.
      Seam: the old hero glow (::before) after the band fades in over 160px (mask-image) so band + next section share the space background. */
main > section.page-title{padding:48px 0 0 !important}
@media (max-width:479.98px){main > section.page-title{padding:32px 0 0 !important}}
main > section.page-title + :not(.m-glass){padding-top:clamp(24px,1.8vw + 17px,40px) !important;margin-top:0 !important}
main > section.page-title + .m-glass{margin-top:clamp(24px,1.8vw + 17px,40px) !important}
main > section.page-title + :not(.m-glass) > :first-child,
main > section.page-title + :not(.m-glass) > :first-child > :first-child,
main > section.page-title + :not(.m-glass) > :first-child > :first-child > :first-child,
main > section.page-title + :not(.m-glass) > :first-child > :first-child > :first-child > :first-child{margin-top:0 !important}
main > section.page-title + *::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 160px);mask-image:linear-gradient(to bottom,transparent 0,#000 160px)}
/* 5. BAND-SUB-1 item 7.3 (founder 23:30 UTC): the shared glass panel = the /classes/ closing-panel look (was .cx-close__panel's own
      background/border/radius; it has no box-shadow). Used by the /classes/ Common questions panel and the hub home Blog card. */
:root{--glass-panel-bg:radial-gradient(60% 120% at 50% 120%,rgba(47,211,238,.14),transparent 70%),radial-gradient(40% 90% at 90% 0%,rgba(150,110,210,.16),transparent 70%),rgba(23,24,29,.80);
  --glass-panel-border:1px solid rgba(255,255,255,.12);--glass-panel-radius:24px}
.glass-panel{background:var(--glass-panel-bg);border:var(--glass-panel-border);border-radius:var(--glass-panel-radius)}
/* members .m-login mains are a min-height grid: keep the band row at its own height (the panel row takes the rest, as before the band) */
main.m-login:has(> section.page-title){grid-template-rows:auto 1fr}
main.m-login:has(> section.page-title) > section.page-title + .m-glass{align-self:start}
/* 6. BAND-SUB-1 item 21 (founder 23:46 UTC): the Day 1 line directly under the "Send me Day 1 now" button, identical on every site
      (14px/1.4 Source Sans 3, the card muted grey #B4BCC8 = .niche-card__note, centred, 12px above) */
.signup__day1{margin:12px 0 0;text-align:center;font-family:var(--font-body,'Source Sans 3'),'Source Sans 3','Segoe UI',system-ui,Arial,sans-serif;font-size:14px;line-height:1.4;font-weight:400;color:#B4BCC8}
