.interview-page { max-width: 1200px; padding-bottom: 2.5rem; }
.interview-page .interview-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .875rem; color: #4b6173; margin: 1.5rem 0; }
.interview-page .interview-heading { max-width: none; margin-bottom: 1.5rem; }
.interview-page .eyebrow { font-size: .75rem; letter-spacing: .12em; margin: 0 0 .75rem; }
.interview-page h1 { font: clamp(2.125rem,3.7vw,3rem)/1.12 var(--serif); letter-spacing: -.035em; margin: 0 0 .875rem; }
.interview-page .interview-subtitle { font-size: 1.125rem; line-height: 1.55; color: #425d71; margin: 0 0 .875rem; }
.interview-page .interview-meta { font-size: .875rem; color: #536b7e; display: flex; flex-wrap: wrap; gap: .3rem .6rem; margin: 0; }
.interview-page .interview-stage { display: grid; grid-template-columns: minmax(0,2.15fr) minmax(250px,1fr); gap: 1.75rem; align-items: start; }
.interview-page .interview-player { position: relative; background: #102e47; aspect-ratio: 16/9; min-height: 200px; border-radius: 8px; overflow: hidden; scroll-margin-top: 1.25rem; }
.interview-page .interview-player iframe { display: block; width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.interview-page .interview-player-status { font-size: .875rem; color: #405d72; line-height: 1.5; margin: .75rem 0 0; }
.interview-page .interview-chapters { border: 1px solid #cfdee8; border-radius: 8px; background: #f0f5f8; padding: 1.35rem; }
.interview-page .interview-chapters h2 { font: 600 1.125rem/1.4 var(--sans); margin: 0 0 .5rem; }
.interview-page .interview-chapters > p { font-size: .875rem; color: #526b7f; line-height: 1.5; margin: 0 0 1rem; }
.interview-page .interview-chapters ol { padding: 0; margin: 0; list-style: none; }
.interview-page .interview-chapters li { border-top: 1px solid #cbdce7; }
.interview-page .interview-chapters li a { display: grid; grid-template-columns: 2.7rem minmax(0,1fr); gap: .625rem; padding: .75rem .25rem; min-height: 44px; text-decoration: none; font-size: .875rem; line-height: 1.5; }
.interview-page .interview-chapters a[aria-current="true"] { color: #102e47; background: #dce9f2; font-weight: 600; }
.interview-page .interview-chapters li a:hover { text-decoration: underline; text-underline-offset: 3px; }
.interview-page .interview-time { font-size: .75rem; padding-top: .125rem; color: #506e84; }
.interview-page .interview-chapters > a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; margin-top: .5rem; font-size: .875rem; }
.interview-page .interview-attribution { font-size: .875rem; line-height: 1.6; color: #50687a; margin: 1.25rem 0 0; }
.interview-page .interview-reading { display: grid; grid-template-columns: minmax(0,2.15fr) minmax(250px,1fr); gap: 3.5rem; align-items: start; border-top: 1px solid #cddce6; padding-top: 2.5rem; margin-top: 2.5rem; }
.interview-page .interview-notes > header { max-width: none; }
.interview-page .interview-notes h2 { font: 2.125rem/1.15 var(--serif); letter-spacing: -.025em; margin: 0 0 1.25rem; }
.interview-page .interview-summary { font-size: 1.125rem; line-height: 1.7; color: #2f4d62; }
.interview-page .interview-editorial { font-size: .75rem; line-height: 1.65; color: #556c7e; margin: 1rem 0 0; }
.interview-page .interview-topic { padding-top: 2rem; }
.interview-page .interview-topic h3 { font: 600 1.1875rem/1.4 var(--sans); margin: 0 0 1rem; }
.interview-page .interview-topic p { font-size: 1rem; line-height: 1.75; color: #3d586c; margin: 0 0 1rem; }
.interview-page .interview-topic > a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font-size: .875rem; }
.interview-page .interview-source { margin-top: 2rem; padding: 1.5rem; border: 1px solid #cbdce7; border-radius: 6px; background: #f1f5f8; }
.interview-page .interview-source h3 { font: 600 1rem/1.5 var(--sans); margin: 0 0 .75rem; }
.interview-page .interview-source p { font-size: .875rem; color: #486276; line-height: 1.7; margin: 0; }
.interview-page .interview-source p + p { margin-top: 1rem; }
.interview-page .interview-related { padding: 1.5rem; background: #102e47; border-radius: 8px; color: #fff; }
.interview-page .interview-related .eyebrow { color: #cde0ed; }
.interview-page .interview-related h2 { font: 1.75rem/1.2 var(--serif); color: #fff; margin: 0 0 1.25rem; }
.interview-page .interview-related > a { display: block; border-top: 1px solid #3d596d; padding: 1rem 0; color: #fff; text-decoration: none; }
.interview-page .interview-related > a:last-child { padding-bottom: 0; }
.interview-page .interview-related > a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.interview-page .interview-related strong { display: block; font-size: 1rem; margin-bottom: .5rem; }
.interview-page .interview-related span { display: block; font-size: .875rem; line-height: 1.6; color: #dce8f0; }
.interview-page .interview-related span:last-child { margin-top: .5rem; }
.interview-page .interview-contact { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2.5rem; padding: 2rem; border-top: 3px solid #173f5d; background: #edf3f7; border-radius: 7px; }
.interview-page .interview-contact h2 { font: 2rem/1.15 var(--serif); margin: 0 0 .75rem; }
.interview-page .interview-contact p { font-size: 1rem; color: #425e73; margin: 0; }
.interview-page .interview-contact .button { flex: none; }
@media(max-width:900px) {
  .interview-page .interview-stage { grid-template-columns: 1fr; gap: 1.25rem; }
  .interview-page .interview-chapters ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
  .interview-page .interview-reading { grid-template-columns: minmax(0,1fr) 250px; gap: 2rem; }
}
@media(max-width:650px) {
  .interview-page .interview-breadcrumb { font-size: .75rem; margin: 1.25rem 0; }
  .interview-page .interview-subtitle { font-size: 1rem; }
  .interview-page .interview-meta { font-size: .75rem; }
  .interview-page .interview-heading { margin-bottom: 1.25rem; }
  .interview-page .interview-player { border-radius: 5px; }
  .interview-page .interview-chapters { padding: 1.125rem; }
  .interview-page .interview-chapters ol { grid-template-columns: 1fr; }
  .interview-page .interview-reading { grid-template-columns: 1fr; padding-top: 2rem; margin-top: 2rem; gap: 2rem; }
  .interview-page .interview-notes h2 { font-size: 1.875rem; }
  .interview-page .interview-summary { font-size: 1rem; }
  .interview-page .interview-topic { padding-top: 1.75rem; }
  .interview-page .interview-topic h3 { font-size: 1.125rem; }
  .interview-page .interview-source { padding: 1.25rem; }
  .interview-page .interview-contact { display: block; padding: 1.5rem; }
  .interview-page .interview-contact h2 { font-size: 1.875rem; }
  .interview-page .interview-contact .button { margin-top: 1.25rem; }
}