/* Shared program selection within the existing logo / conversation header. */
.program-nav{display:flex;align-items:center;gap:4px;margin:0 auto;padding:4px;border:1px solid #ffffff40;border-radius:999px;width:max-content}
.program-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 20px;border:0;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:14px;line-height:1.2;color:#f5f5f7}
.program-nav a[aria-current=page]{background:#fff;color:#1d1d1f;border:0;font-weight:600}
.program-nav a:hover:not([aria-current]){background:#ffffff1f}
.program-nav a:focus-visible{outline:3px solid #9ed0ff;outline-offset:3px}

/* One header layout for CP and Autism, overlaid on the opening photograph. */
header.program-header.site-header,.concept header.program-header.local-nav{
  --program-header-height:76px;
  position:sticky;top:0;z-index:20;height:var(--program-header-height);
  margin-top:0;margin-bottom:calc(-1 * var(--program-header-height));
  border:0;background:rgba(40,40,40,.87);backdrop-filter:blur(20px);color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
html:not(.scrolled) header.program-header.site-header,html:not(.scrolled) .concept header.program-header.local-nav{background:transparent;backdrop-filter:none}
header.program-header>.program-header-inner{
  width:min(1260px,calc(100% - 96px));max-width:1260px;height:100%;min-height:0;
  margin:0 auto;padding:0;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:20px;border-bottom:1px solid #ffffff3b;
}
.program-header .program-brand{display:flex;align-items:center;justify-self:start;min-height:64px}
.program-header .program-brand img{display:block;width:auto;height:64px;object-fit:contain}
.program-header .program-nav{justify-self:center;min-width:0;margin:0}
.program-header .program-nav a{width:96px;font-size:14px}
.program-header .program-header-inner .header-cta{justify-self:end;min-height:32px;max-width:100%;padding:6px 14px;font-size:12px;line-height:1.3;font-weight:400;white-space:nowrap}
.site-header.program-header+main .hero-inner{min-height:100svh}
.concept.without-opening-hero header.program-header{margin-bottom:0;background:rgba(40,40,40,.96);backdrop-filter:blur(20px)}
@media(max-width:760px){
  .program-nav{justify-content:center;border:0;border-radius:0;padding:0;gap:8px}
  .program-nav a{min-height:44px;min-width:100px;border:1px solid #ffffff40}
  .program-nav a[aria-current=page]{border:1px solid #fff}
  header.program-header.site-header,.concept header.program-header.local-nav{--program-header-height:128px}
  header.program-header>.program-header-inner{width:calc(100% - 44px);grid-template-columns:auto 1fr;grid-template-rows:64px 64px;gap:0}
  .program-header .program-brand img{height:64px}
  .program-header .program-header-inner .header-cta{min-height:44px;padding:8px 12px;font-size:12px;max-width:100%}
  .program-header .program-nav{grid-column:1/-1;grid-row:2;width:100%;padding:0;margin:0;align-self:start}
  .site-header.program-header+main .hero-inner{min-height:0}
}
@media(max-width:360px){
  .program-header .program-header-inner .header-cta{max-width:180px;white-space:normal}
}