/* The school directory defines the shared canvas for the five main routes. */
html.visitor-schools::-webkit-scrollbar,
html.visitor-city::-webkit-scrollbar,
html.visitor-programs::-webkit-scrollbar,
html.visitor-services::-webkit-scrollbar,
html.visitor-apply::-webkit-scrollbar { width:8px; height:8px; }

html.visitor-city .city-main.directory-page-shell,
html.visitor-services .page.directory-page-shell,
html.visitor-apply .page,
html.visitor-programs .programs-heading,
html.visitor-programs .program-discovery,
html.visitor-schools .wrap {
  box-sizing:border-box;
  width:100%!important;
  max-width:1640px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:48px!important;
  padding-left:48px!important;
}
html.visitor-apply .wrap { width:100%!important; max-width:none!important; }

html.visitor-v2 .directory-hero,
html.visitor-city .directory-hero,
html.visitor-apply .hero.directory-hero {
  box-sizing:border-box;
  height:350px!important;
  min-height:350px!important;
  max-height:350px!important;
  margin-bottom:42px!important;
  padding:48px clamp(30px,5vw,75px)!important;
}
html.visitor-v2 .directory-hero__title-stack,
html.visitor-city .directory-hero__title-stack { min-height:128.2px; }

/* Reuse the school title grid, including the return control, on the form page. */
html.visitor-apply .hero.directory-hero { display:flex!important; align-items:center!important; }
html.visitor-apply .hero .directory-hero__content { width:100%!important; max-width:63%!important; padding:0!important; }
html.visitor-apply .hero .directory-hero__copy { display:block!important; }
html.visitor-apply .hero .directory-hero__kicker {
  display:flex!important;
  align-items:center!important;
  height:13.2px;
  margin:0 0 20px!important;
  font-size:11px!important;
  line-height:13.2px!important;
}
html.visitor-apply .hero .directory-hero__heading-row { display:flex!important; align-items:flex-start!important; gap:18px!important; }
html.visitor-apply .hero .directory-hero__back { flex:0 0 42px!important; width:42px!important; height:42px!important; margin:16px 0 0!important; }
html.visitor-apply .hero .directory-hero__title { margin:-7px 0 0!important; font-size:clamp(52px,5.5vw,82px)!important; line-height:1.05!important; }
html.visitor-apply .hero .directory-hero__subtitle { max-width:670px!important; margin:20px 0 0!important; font-size:15px!important; line-height:1.75!important; }

@media(max-width:700px) {
  html.visitor-city .city-main.directory-page-shell,
  html.visitor-services .page.directory-page-shell,
  html.visitor-apply .page,
  html.visitor-programs .programs-heading,
  html.visitor-programs .program-discovery,
  html.visitor-schools .wrap { padding-right:18px!important; padding-left:18px!important; }
  html.visitor-city .city-main.directory-page-shell,
  html.visitor-apply .page { padding-top:31px!important; }
  html.visitor-v2 .directory-hero,
  html.visitor-city .directory-hero,
  html.visitor-apply .hero.directory-hero {
    height:auto!important; min-height:315px!important; max-height:none!important;
    padding:40px 23px!important;
  }
  html.visitor-v2 .directory-hero__title-stack,
  html.visitor-city .directory-hero__title-stack { min-height:130px!important; }
  html.visitor-v2 .directory-hero .directory-hero__title,
  html.visitor-city .directory-hero .directory-hero__title,
  html.visitor-city body .directory-hero .directory-hero__title,
  html.visitor-apply .hero .directory-hero__title {
    font-size:clamp(30px,8.7vw,36px)!important;
    line-height:1.05!important;
  }
  html.visitor-apply .hero .directory-hero__content { max-width:100%!important; }
  html.visitor-apply .hero .directory-hero__heading-row { gap:18px!important; }
  html.visitor-v2 .directory-hero .directory-hero__heading-row>.directory-hero__back,
  html.visitor-city .directory-hero .directory-hero__heading-row>.directory-hero__back { margin-top:-7px!important; }
  html.visitor-apply .hero .directory-hero__back { flex-basis:36px!important; width:36px!important; height:36px!important; margin-top:-7px!important; }
  html.visitor-apply .hero .directory-hero__subtitle { font-size:13px!important; }
}