/* XD 24SP2-3: compact mobile/tablet title bands; keep desktop layout unchanged. */
@media (max-width: 768px) {
  html:root body.subpage .page-head,
  html:root body.subpage .fi-hero {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 18px !important;
  }
  html:root body.subpage .page-head .crumb,
  html:root body.subpage .fi-hero .crumb {
    margin-bottom: 16px !important;
  }
  html:root body.subpage .page-head:has(.page-wm) .crumb,
  html:root body.subpage .fi-hero:has(.page-wm) .crumb {
    margin-bottom: 0 !important;
  }
  html:root body.subpage .page-head .page-wm,
  html:root body.subpage .fi-hero .page-wm {
    margin: 4px 0 8px !important;
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height: 1 !important;
  }
  html:root body.subpage .page-head .page-head-desc,
  html:root body.subpage .fi-hero .page-head-desc {
    margin-top: 10px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
  }
}
/* Existing tablet mode identifies touch tablets even with a 1440px logical canvas. */
html:root[data-tablet-layout="desktop"] body.subpage .page-head,
html:root[data-tablet-layout="desktop"] body.subpage .fi-hero {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 16px !important;
  padding-bottom: 40px !important;
}
html:root[data-tablet-layout="desktop"] body.subpage .page-head .crumb,
html:root[data-tablet-layout="desktop"] body.subpage .fi-hero .crumb {
  margin-bottom: 32px !important;
}