/* Full interview detail pages only. Player, popup and shared styles stay intact. */
html.mc-ui-v2 body.page-interview .mc-interview-page .mc-post-meta-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .42rem .62rem;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-post-meta-sep { opacity: .58; }

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-after-video { padding: 0; }

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-subscribe-row {
  justify-content: center;
  margin: 24px 0;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin: 32px auto 0;
  padding: clamp(24px, 4vw, 48px);
  background: var(--mc-edit-surface, var(--bg-secondary));
  color: var(--mc-edit-text, var(--text-primary));
  border-block: 1px solid var(--mc-edit-line, var(--border-color));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-head,
html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-actions,
html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-empty {
  max-width: 760px;
  margin-inline: auto;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-head {
  margin-block-end: 28px;
  padding-block-end: 18px;
  border-block-end: 1px solid var(--mc-edit-line, var(--border-color));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-head h2 {
  margin: 0;
  font: inherit;
  font-size: .875rem !important;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: .02em;
  color: var(--mc-edit-muted, var(--text-secondary));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading .interview-body {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
  line-height: 1.85 !important;
  text-align: start;
  overflow-wrap: anywhere;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body :where(p, ul, ol, blockquote, pre, figure, table) {
  margin-block: 0 1.4em;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body > :last-child { margin-block-end: 0; }

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body :where(h2, h3, h4, h5, h6) {
  margin-block: 1.75em .65em;
  font-size: clamp(1.25rem, 2vw, 1.625rem);
  line-height: 1.3;
  letter-spacing: -.02em;
  color: var(--mc-edit-text, var(--text-primary));
  text-wrap: balance;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body > :first-child { margin-block-start: 0; }

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body h3 { font-size: 1.25rem; }

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body :where(h4, h5, h6) { font-size: 1.125rem; }

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body :where(ul, ol) {
  padding-inline-start: 1.5em;
  padding-inline-end: 0;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body li {
  padding-inline-start: .15em;
  margin-block: .45em;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body li::marker { color: var(--mc-edit-accent, var(--accent)); }

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body a {
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body blockquote {
  margin-inline: 0;
  padding: .8em 1.2em;
  border-inline-start: 3px solid var(--mc-edit-accent, var(--accent));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body :where(pre, table) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .interview-body .mc-interview-chapters {
  list-style: none;
  padding-inline: 0;
  border-block: 1px solid var(--mc-edit-line, var(--border-color));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-chapters li {
  display: flex;
  align-items: baseline;
  gap: 1em;
  margin: 0;
  padding: .55em 0;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-chapters li + li { border-block-start: 1px solid var(--mc-edit-line, var(--border-color)); }

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-timestamp {
  flex: 0 0 auto;
  min-width: 4.25em;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-chapters li > span:last-child { min-width: 0; }

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 24px;
  margin-block-start: 32px;
  padding-block-start: 24px;
  border-block-start: 1px solid var(--mc-edit-line, var(--border-color));
}

html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-actions .share-details {
  flex: 1 1 200px;
  min-width: 0;
  margin: 0;
}

@media (max-width: 640px) {
  html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading {
    margin-block-start: 24px;
    padding: 24px 18px;
  }
  html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading .interview-body {
    font-size: 1.0625rem !important;
    line-height: 1.8 !important;
  }
  html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading-head { margin-block-end: 22px; }
  html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-chapters li { gap: .65em; }
}

@media (max-width: 380px) {
  html.mc-ui-v2 body.page-interview .mc-interview-page .mc-interview-reading { padding-inline: 12px; }
}
