/* Every inner page uses this component, loaded after the page content styles. */
.inner-page .page-hero {
  --page-hero-height: 336px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--page-hero-height);
  min-height: var(--page-hero-height);
  padding: 40px 0;
  background: #103e4c;
  color: #fff;
}
.inner-page .page-hero::after { display: none; }
.inner-page .page-hero > .container { min-width: 0; }
.inner-page .page-hero__topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; margin: 0 0 16px; }
.inner-page .page-hero .eyebrow { margin: 0; font-family: var(--sans); font-size: .73rem; line-height: 1.5; font-weight: 700; letter-spacing: .16em; color: #d2e4ad; }
.inner-page .page-hero h1 { max-width: none; margin: 0; font-family: var(--serif); font-size: clamp(2.6rem,4vw,3.6rem); line-height: 1.12; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
.inner-page .page-hero .page-hero__description { max-width: 960px; margin: 16px 0 0; font-family: var(--sans); font-size: 1rem; line-height: 1.6; color: #d7e7e8; }
.inner-page .page-hero__title-line { display: inline-block; }
.inner-page .page-hero .history-back { display: inline-flex; flex-shrink: 0; align-items: center; gap: 7px; margin: 0; padding: 6px 11px; border: 1px solid #ffffff65; border-radius: 4px; color: #fff; font-family: var(--sans); font-size: .8rem; line-height: 1.4; font-weight: 600; text-decoration: none; transition: background .18s ease,border-color .18s ease; }
.inner-page .page-hero .history-back svg { flex-shrink: 0; }
.inner-page .page-hero .history-back:hover { color: #fff; background: #ffffff14; border-color: #ffffffa0; }
.inner-page .page-hero .history-back:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media(max-width:700px) {
  .inner-page .page-hero { --page-hero-height: 320px; padding-block: 24px; }
  .inner-page .page-hero h1 { font-size: clamp(1.75rem,5vw,2.2rem); }
  .inner-page .page-hero__topline { gap: 12px; }
  .inner-page .page-hero .eyebrow { font-size: .65rem; letter-spacing: .11em; }
  .inner-page .page-hero .page-hero__description { font-size: .92rem; }
  .inner-page .page-hero .history-back { padding-inline: 9px; font-size: .75rem; }
}
@media(prefers-reduced-motion:reduce) {
  .inner-page .page-hero .history-back { transition: none; }
}