/* ebmi-public（Next.js）だけの補助 CSS。
   WordPress テーマは body.subpage／body.lp／body[data-here] に規則を掛けていた。App Router では body の class・属性をページ単位で変えられないため、
   <div class="pg subpage|lp" data-here="…"> に同じ規則を写す（style.css・hdr.css・lp-extra.css の原文は変更しない）。
   出所: style.css body.subpage／hdr.css body.lp・html:has(body.lp)／lp-extra.css body[data-here="join"] */
.pg.subpage{padding-top:calc(var(--ut) + var(--hh))}
.pg.lp{padding-top:calc(var(--g-ut) + var(--g-hh))}
html:has(.pg.lp),body:has(.pg.lp){overflow-x:hidden}
.pg.lp .hero{scroll-margin-top:calc(var(--g-ut) + var(--g-hh))}
.pg.lp section,.pg.lp #apply,.pg.lp #courses,.pg.lp #plans,.pg.lp #features{scroll-margin-top:calc(var(--g-ut) + var(--g-hh) + 8px)}
.pg[data-here="join"] .hero-grid h1{font-size:clamp(26px,3.4vw,40px)}
@media(max-width:400px){ .pg[data-here="join"] .hero-grid h1 .nb{white-space:normal} }