/* Editorial pages extend the existing institutional typography and spacing. */
.insights-head { padding-bottom: clamp(34px, 4vw, 58px); }
.insights-head h1 { max-width: none; }
.insights-head > .wrap > p { max-width: 74ch; font-size: 18px; line-height: 1.8; }
.insights-library { padding: 0 0 clamp(80px, 9vw, 126px); }
.insights-empty { border-top: 1px solid rgba(15,46,77,.18); border-bottom: 1px solid rgba(15,46,77,.18); padding: clamp(32px, 4vw, 52px) 0; }
.insights-empty h2 { color: var(--navy); font: 500 clamp(28px, 3vw, 40px)/1.15 var(--serif); margin-bottom: 14px; }
.insights-empty p { color: var(--body); font-size: 18px; line-height: 1.8; }
.insights-record { border-top: 1px solid rgba(15,46,77,.18); padding: clamp(30px, 3.5vw, 48px) 0; }
.insights-record:last-child { border-bottom: 1px solid rgba(15,46,77,.18); }
.insights-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; color: var(--quiet); font: 600 13px/1.5 var(--sans); margin-bottom: 16px; }
.insights-kind { color: var(--navy); letter-spacing: .1em; text-transform: uppercase; }
.insights-record h2 { font: 500 clamp(28px, 3.3vw, 44px)/1.13 var(--serif); color: var(--navy); margin-bottom: 14px; }
.insights-record h2 a { color: inherit; text-decoration: none; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.insights-record h2 a:hover { text-decoration: underline; text-decoration-color: var(--gold); }
.insights-record p { font-size: 18px; line-height: 1.8; margin-bottom: 20px; max-width: 90ch; }
.insights-open, .insight-back { color: var(--navy); font: 700 13px/1.5 var(--sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 5px; }
.insights-open:hover, .insight-back:hover { color: var(--gold-dk); }
.insight-back { display: inline-block; margin-bottom: 28px; }
.insight-byline { color: var(--quiet); font-size: 15px; line-height: 1.6; margin-top: 18px; }
.insight-content { padding-bottom: clamp(76px, 9vw, 120px); }
.insight-content p, .insight-content li { font-size: 19px; line-height: 1.82; color: var(--body); }
.insight-content p + p { margin-top: 20px; }
.insight-content h2 { font: 500 clamp(28px, 3vw, 40px)/1.15 var(--serif); color: var(--navy); margin: 42px 0 20px; }
.insight-content ul { padding-left: 24px; margin: 22px 0; }
.insight-content li + li { margin-top: 10px; }
.insight-content blockquote { padding: 6px 0 6px 26px; border-left: 2px solid var(--gold); margin: 30px 0; }
.insight-content blockquote p { color: var(--navy); font-family: var(--serif); font-size: 28px; line-height: 1.45; }
.insight-content blockquote cite { display: block; font-size: 15px; font-style: normal; margin-top: 12px; }
.insight-content a:not(.insights-open) { color: var(--navy); text-underline-offset: 4px; text-decoration-color: var(--gold); }
.insight-source { margin-top: 32px; }
.insight-media { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; background: var(--navy); margin-bottom: 24px; overflow: hidden; }
.insight-video { width: 100%; height: 100%; border: 0; display: block; }
.insight-video[hidden] { display: none; }
.insight-play { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 18px; align-items: center; justify-content: center; padding: 28px; border: 0; background: var(--navy); color: var(--white); cursor: pointer; font: 600 18px/1.4 var(--sans); }
.insight-play-symbol { width: 68px; height: 68px; border: 1px solid var(--gold); border-radius: 50%; display: grid; place-items: center; font-size: 27px; }
.insight-play:hover .insight-play-symbol { background: var(--gold); color: var(--navy); }
.insight-play:focus-visible { outline: 3px solid var(--gold-lt); outline-offset: -6px; }
.insight-play {
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  padding: clamp(28px, 4vw, 72px);
  isolation: isolate;
  border-bottom: 2px solid var(--gold);
}
.insight-play::after {
  content: '';
  position: absolute;
  top: 12%;
  right: 4%;
  width: 38%;
  height: 76%;
  background: url('./logo-white.webp') center / contain no-repeat;
  opacity: .07;
  pointer-events: none;
  z-index: -1;
}
.insight-play-info { display: block; width: 100%; }
.insight-play-credit {
  display: block;
  color: var(--gold-lt);
  font: 600 clamp(11px, 1vw, 14px)/1.6 var(--sans);
  letter-spacing: .1em;
  margin-bottom: 24px;
}
.insight-play-title {
  display: block;
  color: var(--white);
  font: 500 clamp(30px, 3.8vw, 68px)/1.13 var(--serif);
  max-width: 28ch;
}
.insight-play-action { display: inline-flex; gap: 18px; align-items: center; font-size: 15px; }
.insight-play-symbol { width: 54px; height: 54px; font-size: 21px; flex-shrink: 0; transition: background .25s, color .25s; }
@media (max-width: 820px) {
  .insight-play { justify-content: center; gap: 24px; padding: 24px; }
  .insight-play-credit { display: none; }
  .insight-play-title { font-size: clamp(23px, 5vw, 36px); }
  .insight-play-action { font-size: 13px; gap: 12px; }
  .insight-play-symbol { width: 40px; height: 40px; font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .insight-play-symbol { transition: none; } }
.insight-browse-note { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-bottom: 36px; }
.insight-browse-note p { font-size: 16px; margin: 0; }
.insight-browse-note button { border: 1px solid var(--navy); background: var(--white); color: var(--navy); padding: 12px 18px; min-height: 44px; cursor: pointer; font: 700 12px/1.5 var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.insight-browse-note button:hover { background: var(--navy); color: var(--white); }
@media (max-width: 820px) {
  .insights-head > .wrap > p, .insights-empty p, .insights-record p { font-size: 17px; }
  .insight-content p, .insight-content li { font-size: 18px; }
  .insight-content blockquote { padding-left: 18px; }
  .insight-content blockquote p { font-size: 25px; }
  .insight-browse-note { display: block; }
  .insight-browse-note button { margin-top: 14px; }
}