/* Shared inner-page mastheads, independent of the staged body redesign.
   Component-scoped selectors deliberately beat legacy family CSS, including
   styles loaded later by FAQ/ranking/category templates. No fixed heights or
   clipped text: long bilingual titles and descriptions can wrap naturally. */
body.inner-page {
  --inner-masthead-title:clamp(30px,3vw,38px);
}
body.inner-page #main .inner-masthead {
  background:linear-gradient(135deg,#1a3a60 0%,#2a4a70 55%,#5c98c9 100%);
  color:#fff;
  padding:24px 0 30px;
  padding-block:24px 30px;
  min-height:0;
  border-bottom:1px solid #d7e1e8;
}
body.inner-page #main .inner-masthead::after { display:none; }
body.inner-page #main .inner-masthead h1 {
  color:#fff;
  font-size:var(--inner-masthead-title);
  font-family:inherit;
  font-weight:650;
  line-height:1.32;
  letter-spacing:-.025em;
  margin:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.inner-page #main .inner-masthead :is(.eyebrow,.category-eyebrow) {
  color:#f0d89a;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.1em;
  margin:0 0 12px;
}
body.inner-page #main .inner-masthead .eyebrow>span { background:#f0d89a; }
body.inner-page #main .inner-masthead .page-hero-grid {
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:32px;
  align-items:center;
}
body.inner-page #main .inner-masthead .page-hero-grid>p {
  color:#e3ebf1;
  font-size:16px;
  line-height:1.8;
  border-left:1px solid #ffffff4d;
  border-top:0;
  padding:0 0 0 24px;
  margin:0;
}
body.inner-page #main .inner-masthead>.container>p,
body.inner-page #main .inner-masthead .category-lead {
  color:#e3ebf1;
  font-size:16px;
  line-height:1.8;
  margin:12px 0 0;
}
body.inner-page #main .inner-masthead>.container>.article-meta {
  font-size:13px;
  line-height:1.6;
}
body.inner-page #main .inner-masthead .category-button {
  background:#e2b75b;
  border-color:#e2b75b;
  color:#193a5c!important;
}
body.inner-page #main .inner-masthead .category-button:hover {
  background:#edc975;
  border-color:#edc975;
}
body.inner-page #main .inner-masthead .category-text-link { color:#fff; }
body.inner-page #main .inner-masthead :is(a,button):focus-visible { outline-color:#fff; }
body.inner-page #main .inner-masthead.thank-you { display:block; }
/* Breadcrumbs keep their own light surface and established readable scale. */
body.inner-page #main .site-breadcrumbs {
  background:#f5f8fa;
  color:#455c70;
  border-bottom:1px solid #d7e1e8;
}
body.inner-page #main .site-breadcrumbs ol { font-size:14px;line-height:1.6; }
body.inner-page #main .site-breadcrumbs a { color:#185b8d;text-decoration:underline; }
body.inner-page #main .site-breadcrumbs a:hover { color:#102e49; }
body.inner-page #main .site-breadcrumbs [aria-current] { color:#455c70;font-weight:600; }
@media(max-width:720px) {
  body.inner-page { --inner-masthead-title:30px; }
  body.inner-page #main .inner-masthead { padding-block:20px 24px; }
  body.inner-page #main .inner-masthead .page-hero-grid { grid-template-columns:minmax(0,1fr);gap:14px; }
  body.inner-page #main .inner-masthead .page-hero-grid>p { border:0;padding:0; }
}
@media(max-width:600px) {
  body.inner-page #main .site-breadcrumbs ol { font-size:13px; }
}

/* Sparse Canadian watermarks: absolutely positioned, silent decoration only.
   The existing header dimensions, typography and gradient remain unchanged. */
body.inner-page #main .inner-masthead { position:relative;isolation:isolate; }
body.inner-page #main .inner-masthead>.container { position:relative;z-index:1; }
body.inner-page #main .inner-masthead-pattern {
  position:absolute;inset:0;z-index:0;overflow:hidden;
  pointer-events:none;user-select:none;color:#e4f1fa;
}
body.inner-page #main .inner-masthead-pattern>svg {
  position:absolute;inset-block:0;right:-12px;
  width:clamp(240px,30vw,430px);height:100%;
  pointer-events:none;
}
body.inner-page #main .inner-masthead-pattern path { fill:currentColor;fill-opacity:.09;stroke:none; }
body.inner-page #main .inner-masthead-pattern .masthead-companion path { fill-opacity:.065; }
body.inner-page #main .inner-masthead-pattern .motif-outline path {
  fill:none;stroke:currentColor;stroke-opacity:.14;stroke-width:1.4;stroke-linejoin:round;
}
@media(max-width:720px) {
  body.inner-page #main .inner-masthead-pattern>svg { right:-56px;width:240px; }
  body.inner-page #main .inner-masthead-pattern path { fill-opacity:.065; }
  body.inner-page #main .inner-masthead-pattern .motif-outline path { stroke-opacity:.1; }
}