/* HSD Insights: shared masthead, readable editorial sections and uncropped art. */
.insight-page,
.insights-page {
  --insight-red: #0079bb;
  --insight-red-dark: #005d90;
  --insight-ink: #062443;
  --insight-panel: #062443;
  --insight-muted: #52667a;
  --insight-line: #dce5ed;
  --insight-soft: #f3f7fa;
}
.insight-page .page-masthead {
  height: auto;
  min-height: 126px;
}
.insight-page .page-masthead__title {
  max-width: 970px;
  font-size: clamp(1.65rem, 2.6vw, 2.5rem);
  line-height: 1.15;
  text-wrap: balance;
}
.insight-page .page-masthead--has-art::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg, #062443 0%, rgba(6,36,67,.95) 42%, rgba(6,36,67,.2) 82%);
}
.insight-page .insight-wrap { max-width: 1380px; }
.insight-page .insight-introduction {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(260px,.7fr);
  align-items: start;
  gap: clamp(35px,5vw,90px);
  padding-block: 36px 42px;
}
.insight-page .insight-article-meta {
  display: flex;
  gap: 10px 22px;
  flex-wrap: wrap;
  color: #597084;
  font-size: 11px;
  font-weight: 700;
}
.insight-page .insight-article-meta > :first-child { color: #006ca7; }
.insight-page .insight-introduction__lead {
  max-width: 800px;
  margin: 20px 0 0;
  color: #334f66;
  font-size: clamp(17px,1.5vw,20px);
  line-height: 1.8;
}
.insight-page .insight-contents {
  border-left: 2px solid #e4b000;
  padding: 3px 0 3px 22px;
}
.insight-page .insight-contents ol {
  display: grid;
  gap: 9px;
  margin: 13px 0 0;
  padding-left: 19px;
  color: #8a9cad;
  font-size: 12px;
  line-height: 1.45;
}
.insight-page .insight-contents a { color: #334f66; text-decoration: none; }
.insight-page .insight-contents a:hover { color: #0079bb; text-decoration: underline; }
.insight-page .insight-editorial-section {
  padding-block: clamp(40px,5vw,70px);
  border-top: 1px solid #e2eaf0;
  scroll-margin-top: 220px;
  background: #fff;
}
.insight-page .insight-editorial-section--opening { padding-top: 12px; border-top: 0; }
.insight-page .insight-editorial-layout { max-width: 900px; margin-inline: auto; }
.insight-page .insight-editorial-layout--media {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: start;
  gap: clamp(30px,4vw,65px);
}
.insight-page .insight-editorial-section--media:nth-child(even) .insight-editorial-image { order: 2; }
.insight-page .insight-editorial-image {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #dce5ed;
  border-radius: 10px;
  background: #f3f6f8;
}
.insight-page .insight-editorial-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.insight-page .insight-section-heading { max-width: 850px; margin-bottom: 24px; }
.insight-page .insight-section-heading h2,
.insight-page .insight-editorial-takeaway h2,
.insight-page .insight-global-cta h2,
.insight-page .insight-related h2 {
  color: #062443;
  font-size: clamp(25px,2.3vw,34px);
  font-weight: 800;
  line-height: 1.23;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.insight-page .insight-section-lead { color: #52667a; font-size: 16px; line-height: 1.8; margin-top: 14px; }
.insight-page .insight-prose { max-width: 850px; color: #364f63; font-size: 16px; line-height: 1.85; }
.insight-page .insight-prose p { color: inherit; font-size: inherit; line-height: inherit; margin: 0 0 18px; }
.insight-page .insight-prose p:last-child { margin-bottom: 0; }
.insight-page .insight-prose h3 { margin: 26px 0 10px; color: #062443; font-size: 20px; line-height: 1.4; }
.insight-page .insight-prose h4 { margin: 22px 0 8px; color: #062443; font-size: 17px; }
.insight-page .insight-prose ul,
.insight-page .insight-prose ol { margin: 14px 0 22px; padding-left: 24px; }
.insight-page .insight-prose li { padding-left: 4px; margin-block: 8px; }
.insight-page .insight-prose a { color: #006ca7; text-decoration: underline; text-underline-offset: 3px; }
.insight-page .insight-prose strong { color: #173a55; }
.insight-page .insight-editorial-section--cards { background: #f3f7fa; }
.insight-page .insight-editorial-section--cards .insight-editorial-image { max-width: 740px; margin-block: 24px; }
.insight-page .insight-feature-grid { margin-top: 28px; gap: 18px; }
.insight-page .insight-feature-card {
  background: #fff;
  border: 1px solid #dce5ed;
  border-top: 3px solid #008ecc;
  border-radius: 8px;
  color: #062443;
  padding: 26px;
  box-shadow: none;
}
.insight-page .insight-feature-card__icon { background: #edf6fb; color: #0079bb; }
.insight-page .insight-feature-card h3 { font-size: 19px; line-height: 1.45; }
.insight-page .insight-feature-card a { color: #062443; text-decoration: none; }
.insight-page .insight-feature-card a:hover { color: #0079bb; text-decoration: underline; }
.insight-page .insight-feature-card h3 span { color: #0079bb; }
.insight-page .insight-feature-card p { color: #52667a; font-size: 14px; line-height: 1.8; margin-top: 12px; }
.insight-page .insight-editorial-takeaway {
  max-width: 1000px;
  margin-inline: auto;
  border-left: 4px solid #e4b000;
  background: #edf5fa;
  padding: clamp(25px,4vw,48px);
}
.insight-page .insight-editorial-takeaway h2 { margin: 0; }
.insight-page .insight-editorial-takeaway > p:not(.insight-eyebrow) { color: #364f63; line-height: 1.8; }
.insight-page .insight-global-cta { padding-block: 28px 65px; }
.insight-page .insight-global-cta__inner {
  gap: 35px;
  padding: clamp(28px,4vw,50px);
  border-left: 4px solid #e4b000;
  border-radius: 0 10px 10px 0;
  background: #062443;
}
.insight-page .insight-global-cta__inner > div { max-width: 770px; }
.insight-page .insight-global-cta h2 { color: #fff; }
.insight-page .insight-global-cta__inner p:last-child { color: #c9dce9; }
.insight-page .insight-global-cta__inner > a { border: 1px solid #e4b000; background: #e4b000; color: #062443; font-size: 13px; }
.insight-page .insight-global-cta__inner > a:hover { background: #f0c328; }
.insight-page .insight-related { padding-block: 55px 75px; background: #f3f7fa; }
.insight-page .insight-related .insight-card h3 a { display: block; overflow: visible; }
.insight-page .insight-related .insight-card__meta { flex-wrap: wrap; }
.insight-page .insight-card__image,
.insights-page .insight-card__image { aspect-ratio: 3 / 2; background: #f3f6f8; }
.insight-page .insight-card__image img,
.insights-page .insight-card__image img { object-fit: contain; }
.insight-page a:focus-visible,
.insights-page a:focus-visible { outline: 3px solid #009cde; outline-offset: 4px; }
@media (max-width: 1000px) {
  .insight-page .insight-editorial-section { scroll-margin-top: 130px; }
  .insight-page .insight-introduction { grid-template-columns: minmax(0,1.2fr) minmax(230px,.8fr); gap: 30px; }
  .insight-page .insight-editorial-layout--media { grid-template-columns: 1fr; max-width: 850px; }
  .insight-page .insight-editorial-section--media:nth-child(even) .insight-editorial-image { order: 0; }
  .insight-page .insight-editorial-image { max-width: 740px; }
  .insight-page .insight-global-cta__inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 720px) {
  .insight-page .page-masthead__title { font-size: 1.7rem; line-height: 1.18; }
  .insight-page .page-masthead__inner { padding-bottom: 22px; }
  .insight-page .insight-introduction { grid-template-columns: 1fr; padding-block: 26px 32px; gap: 26px; }
  .insight-page .insight-introduction__lead { font-size: 17px; line-height: 1.75; margin-top: 16px; }
  .insight-page .insight-contents { padding-left: 18px; }
  .insight-page .insight-contents ol { gap: 11px; font-size: 13px; }
  .insight-page .insight-editorial-section { padding-block: 35px; }
  .insight-page .insight-editorial-section--opening { padding-top: 0; }
  .insight-page .insight-editorial-layout--media { gap: 25px; }
  .insight-page .insight-prose { font-size: 15px; }
  .insight-page .insight-feature-grid { grid-template-columns: 1fr; }
  .insight-page .insight-global-cta { padding-block: 12px 38px; }
  .insight-page .insight-global-cta__inner > a { white-space: normal; text-align: center; }
}

/* Compact contents disclosure keeps the opening image close to the masthead. */
.insight-page .insight-contents summary {
  min-height: 44px;
  box-sizing: border-box;
  padding-block: 12px;
  color: #006ca7;
  font-size: 12px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.insight-page .insight-contents summary::marker { color: #0079bb; }
.insight-page .insight-contents summary:focus-visible {
  outline: 3px solid #009cde;
  outline-offset: 4px;
}
.insight-page .insight-contents[open] ol { margin-top: 6px; padding-bottom: 12px; }
.insight-page .insight-related .insight-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1000px;
}
@media (max-width: 720px) {
  .insight-page .insight-related .insight-card-grid { grid-template-columns: 1fr; }
}