/* Interview foundation: the same inset, type, rules and byline as the mix pages.
   Opt-in wrapper keeps unmigrated interviews untouched. */
.s13-interview-feature {
  --iv-gap: clamp(2.5rem, 6vw, 7rem);
  --iv-frame: 84rem;
  --iv-prose-width: calc((100% - var(--iv-gap)) * .6);
  --iv-section: clamp(3rem, 5vw, 5rem);
  padding: var(--s13-content-inset) var(--s13-gutter) clamp(3.5rem, 5vw, 5rem);
  background: var(--s13-bg);
  color: var(--s13-reading);
  font: 400 clamp(1.02rem, 1.18vw, 1.16rem)/1.72 var(--s13-body);
}
.s13-interview-feature * { box-sizing: border-box; }
.s13-interview-feature :is(h1,h2,h3,p,figure,blockquote):not(:where(.s13-publication-card *)) { margin: 0; }
.s13-interview-feature :is(h1,h2,h3):not(:where(.s13-publication-card *)) { color: var(--s13-ink); font-family: var(--s13-display); font-weight: 700; letter-spacing: 0; }
.s13-interview-feature p + p:not(:where(.s13-publication-card *)) { margin-top: 1.3em; }
.s13-interview-feature a:not(:where(.s13-publication-card *)) { color: inherit; text-underline-offset: .25em; text-decoration-thickness: 1px; transition: color .3s ease, border-color .3s ease; }
.s13-interview-feature a:hover:not(:where(.s13-publication-card *)) { color: var(--s13-accent); }
.s13-interview-feature .iv-reading :is(p,figcaption) a:not(:where(.s13-publication-components a,.s13-publication-card a,.s13-editorial-media a,.og-gallery-trigger,.iv-channel-list a)) { text-decoration: underline; color: var(--s13-emphasis); text-decoration-color: var(--s13-link-line); }
.s13-interview-feature .iv-reading :is(p,figcaption) a:not(:where(.s13-publication-components a,.s13-publication-card a,.s13-editorial-media a,.og-gallery-trigger,.iv-channel-list a)):hover { color: var(--s13-accent); text-decoration-color: var(--s13-accent); }
.s13-interview-feature :focus-visible { outline: 1px solid var(--s13-accent); outline-offset: 6px; }
.s13-interview-feature :is([id],details) { scroll-margin-top: calc(var(--s13-header-row, 96px) + 6rem); }
.s13-interview-feature .iv-eyebrow,
.s13-interview-feature :is(.iv-speaker,.iv-module-label,.iv-quote-attribution) {
  display: block; font: 500 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .12em; text-transform: uppercase; color: var(--s13-muted);
}
.s13-interview-feature .iv-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.8fr); align-items: start; gap: var(--iv-gap); padding-bottom: var(--iv-section); }
/* The publication rule already separates the hero from its contents bar. */
.s13-interview-feature > .iv-hero:has(+ .s13-interview-body > .iv-navigation) { padding-bottom: 0; }
.s13-interview-feature .iv-hero--text { grid-template-columns: minmax(0, 54rem); }
.s13-interview-feature .iv-hero-copy { min-width: 0; padding-top: var(--s13-hero-copy-offset); }
.s13-interview-feature .iv-hero-copy > .iv-eyebrow {
  color: var(--s13-muted);
  font: var(--s13-hero-label-font);
  letter-spacing: var(--s13-hero-label-tracking);
}
.s13-interview-feature h1 { margin: var(--s13-hero-label-gap) 0 2rem; text-transform: uppercase; }
.s13-interview-feature .iv-subject { display: block; font-size: clamp(4.5rem, 7.2vw, 8rem); line-height: 1; }
.s13-interview-feature .iv-angle { display: block; margin-top: 1.2rem; max-width: 18ch; font-size: clamp(1.7rem, 2.9vw, 3.25rem); line-height: 1.08; text-wrap: balance; }
.s13-interview-feature .iv-deck { max-width: 42ch; color: var(--s13-emphasis); font-size: clamp(1.1rem,1.55vw,1.38rem); line-height: 1.48; }
.s13-interview-feature .iv-read { display: inline-flex; gap: 1.25rem; align-items: center; min-height: 44px; width: fit-content; max-width: 100%; margin-top: 2.4rem; padding: .65rem 0; border-bottom: 1px solid var(--s13-link-line); color: var(--s13-ink); font: var(--s13-action-font); letter-spacing: var(--s13-action-tracking); text-transform: uppercase; text-decoration: none; }
.s13-interview-feature .iv-read:is(:hover,:focus-visible) { border-color: var(--s13-accent); color: var(--s13-accent); }
.s13-interview-feature .iv-byline { display: flex; flex-wrap: wrap; align-items: baseline; gap: .7rem 1.3rem; margin-top: 2.5rem; color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.6; }
.s13-interview-feature .iv-byline a { padding-bottom: .3rem; border-bottom: 1px solid var(--s13-link-line); text-decoration: none; color: var(--s13-secondary); }
.s13-interview-feature figure img { display: block; width: 100%; height: auto; outline: 1px solid var(--s13-media-border); outline-offset: -1px; }
.s13-interview-feature .iv-hero-photo { width: 100%; max-width: 38rem; justify-self: end; }
.s13-interview-feature figcaption { margin-top: .8rem; color: var(--s13-muted); font-size: var(--s13-type-caption); line-height: 1.6; letter-spacing: .02em; }
.s13-interview-feature :is(.s13-interview-body,.iv-channels,.iv-credits) { width: 100%; max-width: var(--iv-frame); margin-inline: auto; }
.s13-interview-body { position: relative; }
.s13-interview-feature .iv-reading { min-width: 0; padding-top: clamp(2.5rem,4vw,4rem); }
.s13-interview-feature .iv-navigation { position: sticky; top: var(--s13-visible-header-height, 0px); z-index: 20; min-width: 0; background: var(--s13-bg); transition: top .3s ease; }
.s13-interview-feature .iv-index { position: relative; border-top: 1px solid var(--s13-section-line); border-bottom: 1px solid var(--s13-line); background: var(--s13-bg); }
.s13-interview-feature .iv-index summary { list-style: none; display: flex; align-items: center; gap: 1.5rem; cursor: pointer; min-height: 3.6rem; padding: .8rem 0; color: var(--s13-emphasis); font: 650 .78rem/1.5 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; }
.s13-interview-feature .iv-index-label { flex-shrink: 0; }
.s13-interview-feature .iv-index-current { min-width: 0; margin-left: auto; text-align: right; color: var(--s13-ink); font-size: .88rem; font-weight: 500; letter-spacing: 0; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.s13-interview-feature .iv-index summary::-webkit-details-marker { display: none; }
.s13-interview-feature .iv-index summary:focus-visible { outline: none; }
.s13-interview-feature .iv-index summary:focus-visible .iv-index-label { text-decoration: underline; text-underline-offset: 5px; }
html[data-s13-input="pointer"] .s13-interview-feature .iv-index summary:focus-visible .iv-index-label { text-decoration: none; }
.s13-interview-feature .iv-index summary::after { content: '+'; flex-shrink: 0; font-size: 1.2rem; font-weight: 400; }
.s13-interview-feature .iv-index[open] summary::after { content: '−'; }
.s13-interview-feature .iv-index-list { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 2rem; max-height: var(--iv-index-room,calc(100svh - var(--s13-visible-header-height,96px) - 7rem)); overflow-y: auto; overscroll-behavior: contain; padding: 1rem 0; scrollbar-width: thin; scrollbar-color: var(--s13-media-border) var(--s13-bg); }
/* Enhanced disclosure overlays the copy instead of moving the reading position. */
.s13-interview-feature .iv-index--enhanced .iv-index-list { position: absolute; top: calc(100% + 1px); left: 0; right: 0; background: var(--s13-bg); box-shadow: 0 1rem 0 var(--s13-bg), 0 1.5rem 2rem #0009; }
.s13-interview-feature .iv-index--enhanced.iv-index--above .iv-index-list { top: auto; bottom: 100%; box-shadow: 0 -1rem 0 var(--s13-bg), 0 -1.5rem 2rem #0009; }
.s13-interview-feature .iv-index-list a { display: grid; grid-template-columns: 1.8rem minmax(0,1fr); align-items: baseline; gap: .7rem; min-height: 44px; padding: .9rem 0; color: var(--s13-secondary); text-decoration: none; font-size: .85rem; line-height: 1.5; }
.s13-interview-feature .iv-index-list a:hover { color: var(--s13-accent); }
.s13-interview-feature .iv-index-list a[aria-current="location"] { color: var(--s13-ink); font-weight: 650; }
.s13-interview-feature .iv-index-list a[aria-current="location"] span { color: inherit; }
.s13-interview-feature .iv-index-list a span { padding: .1rem; color: var(--s13-muted); text-align: center; font-size: .72rem; line-height: 1.5; }
/* Fade the native disclosure without shifting the article or delaying focus. */
.s13-interview-feature .iv-index--enhanced::details-content { opacity: 0; transition: opacity 180ms ease, content-visibility 180ms allow-discrete; }
.s13-interview-feature .iv-index--enhanced[open]::details-content { opacity: 1; }
.s13-interview-feature .iv-index--enhanced:not([open]) .iv-index-list { pointer-events: none; }
@starting-style { .s13-interview-feature .iv-index--enhanced[open]::details-content { opacity: 0; } }
/* A single 3:2 grid: copy on the left, contextual portraits on the right.
   Standalone photographs span the frame; no unrelated 72rem/350px caps. */
.s13-interview-feature :is(.iv-intro,.iv-outro) > p { width: var(--iv-prose-width); }
.s13-interview-feature .iv-intro .iv-context-copy > p:first-child { color: var(--s13-emphasis); }
.s13-interview-feature .iv-photo { margin: var(--iv-section) 0; width: 100%; }
.s13-interview-feature .iv-context { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr); align-items: start; gap: var(--iv-gap); }
.s13-interview-feature .iv-context-copy { min-width: 0; }
.s13-interview-feature .iv-context > :is(.iv-photo,.iv-album) { width: 100%; margin: 0; }
.s13-interview-feature .iv-context-media { width: 100%; min-width: 0; }
.s13-interview-feature .iv-context-media > :is(.iv-photo,.iv-album) { width: 100%; margin: 0; }
.s13-interview-feature .iv-context-media > :is(.iv-photo,.iv-album) + :is(.iv-photo,.iv-album) { margin-top: 2.5rem; }
.s13-interview-feature .iv-context + .iv-context { margin-top: clamp(3rem,5vw,5rem); }
.s13-interview-feature .iv-qa:not(.iv-context .iv-qa) { width: var(--iv-prose-width); }
.s13-interview-feature .iv-chapter { margin-top: var(--iv-section); }
.s13-interview-feature .iv-chapter-title { display: grid; grid-template-columns: var(--iv-prose-width); gap: .8rem; padding-top: 1.5rem; border-top: 1px solid var(--s13-section-line); margin-bottom: 2.5rem; font-size: clamp(1.65rem,2.6vw,2.6rem); line-height: 1.15; text-wrap: balance; }
.s13-interview-feature .iv-chapter-title span { color: var(--s13-muted); font: 500 .7rem/1.5 var(--s13-body); letter-spacing: .08em; }
.s13-interview-feature .iv-qa + .iv-qa { margin-top: clamp(2.8rem,4vw,4rem); }
.s13-interview-feature .iv-question { color: var(--s13-ink); font-weight: 600; line-height: 1.6; }
.s13-interview-feature .iv-speaker { margin-bottom: .7rem; }
.s13-interview-feature .iv-answer { margin-top: 1.6rem; }
.s13-interview-feature .iv-answer .iv-speaker { color: var(--s13-muted); }
.s13-interview-feature .iv-pull-quote { width: 100%; margin: var(--iv-section) 0; padding: 0; border: 0; }
.s13-interview-feature .iv-quote-text { color: var(--s13-ink); font: 700 clamp(1.9rem,3.1vw,3rem)/1.2 var(--s13-display); letter-spacing: -.01em; text-wrap: balance; }
.s13-interview-feature .iv-quote-attribution { margin-top: 1.3rem; }
.s13-interview-feature .iv-module-label { margin-bottom: 1rem; }
.s13-interview-feature iframe { display: block; max-width: 100%; border: 0; }
/* Bandcamp's large player is square artwork plus a fixed-height control area. */
.s13-interview-feature .iv-audio { width: var(--iv-prose-width); margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--s13-line); }
.s13-interview-feature .iv-audio iframe { width: 100%; height: 166px; }
.s13-interview-feature .iv-audio > a { display: inline-block; margin-top: 1rem; font-size: .72rem; }
.s13-interview-feature .iv-outro { margin-top: var(--iv-section); }
.s13-interview-feature .iv-outro h2 { font-size: clamp(1.65rem,2.6vw,2.6rem); line-height: 1.15; margin-bottom: 2rem; }
.s13-interview-feature .iv-channels { margin-top: var(--iv-section); border: 1px solid var(--s13-line); }
.s13-interview-feature .iv-channels h2 { padding: 1rem 1.3rem; border-bottom: 1px solid var(--s13-line); font: 500 .7rem/1.5 var(--s13-body); color: var(--s13-support); letter-spacing: .1em; text-transform: uppercase; }
.s13-interview-feature .iv-channel-list { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); }
.s13-interview-feature .iv-channel-list a { display: flex; justify-content: space-between; align-items: center; gap: .8rem; min-height: 5rem; padding: 1.3rem; border-right: 1px solid var(--s13-line); color: var(--s13-emphasis); font: 650 .7rem/1.5 var(--s13-body); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; }
.s13-interview-feature .iv-channel-list a:last-child { border-right: 0; }
.s13-interview-feature .iv-channel-list a::after { content: ''; flex: 0 0 auto; width: .8rem; height: .8rem; background: var(--s13-muted); -webkit-mask: var(--s13-arrow-mask) center / contain no-repeat; mask: var(--s13-arrow-mask) center / contain no-repeat; }
.s13-interview-feature .iv-credits { margin-top: 1.5rem; color: var(--s13-muted); font-size: .7rem; }
.s13-interview-feature .iv-credits summary { cursor: pointer; width: fit-content; color: var(--s13-support); text-transform: uppercase; letter-spacing: .06em; }
.s13-interview-feature .iv-credits ul { padding-left: 1rem; margin: 1rem 0; max-width: 70ch; }
.s13-interview-feature .iv-credits li + li { margin-top: .5rem; }
@media (max-width: 1000px) {
  .s13-interview-feature { --iv-gap: 2.5rem; }
  .s13-interview-feature .iv-hero { grid-template-columns: minmax(0,1fr) minmax(260px,.8fr); gap: 2.5rem; }
  .s13-interview-feature .iv-hero--text { grid-template-columns: minmax(0,54rem); }
  .s13-interview-feature .iv-channel-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .s13-interview-feature .iv-channel-list a:nth-child(3n) { border-right: 0; }
  .s13-interview-feature .iv-channel-list a:nth-child(n+4) { border-top: 1px solid var(--s13-line); }
}
@media (max-width: 800px) {
  .s13-interview-feature { --iv-prose-width: 100%; }
  .s13-interview-feature .iv-context { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .s13-interview-feature .iv-index-list { grid-template-columns: minmax(0,1fr); }
  .s13-interview-feature .iv-index summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .15rem 1rem; }
  .s13-interview-feature .iv-index-label { font-size: .66rem; color: var(--s13-support); }
  .s13-interview-feature .iv-index-current { grid-column: 1; margin: 0; text-align: left; font-size: .82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .s13-interview-feature .iv-index summary::after { grid-column: 2; grid-row: 1 / span 2; }
}
@media (max-width: 640px) {
  .s13-interview-feature .iv-hero { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .s13-interview-feature .iv-hero-copy { padding-top: 0; }
  .s13-interview-feature .iv-hero-photo { grid-row: 1; justify-self: start; max-width: none; }
  .s13-interview-feature .iv-byline { margin-top: 1.8rem; }
  .s13-interview-feature .iv-angle { font-size: clamp(1.65rem,6vw,2.2rem); }
  .s13-interview-feature .iv-index-list { grid-template-columns: minmax(0,1fr); }
  .s13-interview-feature .iv-chapter-title { margin-bottom: 2rem; }
  .s13-interview-feature .iv-channel-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .s13-interview-feature .iv-channel-list a { min-height: 4rem; padding: 1rem; border-right: 0; border-top: 1px solid var(--s13-line); }
  .s13-interview-feature .iv-channel-list a:nth-child(odd) { border-right: 1px solid var(--s13-line); }
  .s13-interview-feature .iv-channel-list a:nth-child(-n+2) { border-top: 0; }
}
@media (prefers-reduced-motion: reduce) { .s13-interview-feature :is(a,.iv-navigation), .s13-interview-feature .iv-index--enhanced::details-content { transition: none; } }

/* The reference edition is an explicit, reusable opt-in. Legacy interviews
   keep their saved presentation until individually converted. */
.s13-interview-feature.s13-editorial-conversation { padding: 0; }
.s13-interview-feature--reference {
  /* Preserve the site's shared outer gutters. Only prose gets a reading cap. */
  --iv-frame: 100%;
  --iv-prose-max: 42rem;
  --iv-prose-width: min(var(--iv-prose-max), calc((100% - var(--iv-gap)) * .6));
  --mix-section: var(--iv-section);
  --mix-rule: var(--s13-line);
  --iv-gap: clamp(2.5rem, 5.5vw, 5rem);
  --iv-section: clamp(3rem, 4.5vw, 4.5rem);
  font-size: 1.125rem;
  line-height: 1.75;
}
.s13-interview-feature--reference .iv-hero {
  width: 100%; max-width: var(--iv-frame); margin-inline: auto;
  grid-template-columns: minmax(0,3fr) minmax(0,2fr);
  gap: var(--iv-gap); align-items: start;
}
.s13-interview-feature--reference .iv-hero--text { grid-template-columns: minmax(0,1fr); }
.s13-interview-feature--reference .iv-hero--text .iv-hero-copy { max-width: 46rem; }
.s13-interview-feature--reference h1 { margin: var(--s13-hero-label-gap) 0 1.75rem; }
.s13-interview-feature--reference .iv-subject {
  font-size: clamp(3.5rem, 6.5vw, 6.5rem); line-height: .98;
  overflow-wrap: anywhere; text-wrap: balance;
}
.s13-interview-feature--reference .iv-angle {
  max-width: 22ch; margin-top: 1.1rem;
  font-size: clamp(1.6rem, 2.5vw, 2.5rem); line-height: 1.13;
}
.s13-interview-feature--reference .iv-deck { max-width: 44ch; font-size: 1.2rem; line-height: 1.55; }
.s13-interview-feature--reference .iv-hero-photo { max-width: 560px; }
.s13-interview-feature--reference .iv-context-copy { max-width: var(--iv-prose-max); }
.s13-interview-feature--reference .iv-byline { margin-top: 1.75rem; gap: .6rem 1.2rem; }
.s13-interview-feature--reference .iv-read { margin-top: 1.75rem; }
.s13-interview-feature--reference .iv-reading { padding-top: var(--iv-section); }
/* The site header already owns this edge when the contents bar is docked. */
.s13-interview-feature--reference .iv-index { border-top: 0; }
.s13-interview-feature--reference .iv-intro .iv-context-copy > p:first-child { font-size: 1.2rem; line-height: 1.7; }
.s13-interview-feature--reference .iv-chapter-title { gap: .65rem; font-size: clamp(1.6rem,2.4vw,2.25rem); margin-bottom: 2.25rem; }
.s13-interview-feature--reference .iv-chapter-title span { font-size: var(--s13-type-meta); }
.s13-interview-feature--reference .iv-question { font-weight: 650; line-height: 1.65; }
.s13-interview-feature--reference .iv-speaker { margin-bottom: .6rem; color: var(--s13-muted); font-size: var(--s13-type-meta); }
.s13-interview-feature--reference .iv-answer { margin-top: 1.4rem; }
/* An exchange keeps its separation when an illustration introduces a grid. */
.s13-interview-feature--reference :is(.iv-qa,.iv-context) + :is(.iv-qa,.iv-context) { margin-top: 3rem; }
.s13-interview-feature--reference .iv-pull-quote { width: var(--iv-prose-width); margin-block: 3rem; }
.s13-interview-feature--reference .iv-quote-text { font-size: clamp(1.5rem,2vw,1.9rem); line-height: 1.3; }
.s13-interview-feature--reference .iv-pull-quote--feature { width: 100%; margin-block: var(--iv-section); }
.s13-interview-feature--reference .iv-pull-quote--feature .iv-quote-text { max-width: 34ch; font-size: clamp(1.8rem,3vw,2.6rem); line-height: 1.2; }
.s13-interview-feature--reference .iv-quote-attribution { margin-top: 1rem; font-size: var(--s13-type-meta); }
.s13-interview-feature--reference .iv-module-label { font-size: var(--s13-type-meta); }
.s13-interview-feature--reference :is(.iv-album,.iv-audio) > a { font-size: .8rem; }
.s13-interview-feature--reference .iv-video > figure > a { display: inline-block; margin-top: .7rem; font-size: .8rem; }
.s13-interview-feature--reference .iv-outro { border-top: 1px solid var(--s13-section-line); padding-top: 1.75rem; }
.s13-interview-feature--reference .iv-editorial-credit { color: var(--s13-support); font-size: var(--s13-type-meta); margin-bottom: 1.75rem; }
.s13-interview-feature--reference .iv-editorial-credit + p { margin-top: 0; }
@media (max-width: 1000px) {
  .s13-interview-feature--reference { --iv-gap: 2.5rem; }
}
@media (max-width: 800px) {
  .s13-interview-feature--reference { --iv-prose-width: min(var(--iv-prose-max), 100%); font-size: 1.0625rem; }
  .s13-interview-feature--reference .iv-context-copy { max-width: var(--iv-prose-max); }
  .s13-interview-feature--reference .iv-hero { grid-template-columns: minmax(0,1fr) minmax(0,.8fr); }
  .s13-interview-feature--reference .iv-hero--text { grid-template-columns: minmax(0,1fr); }
  .s13-interview-feature--reference .iv-pull-quote { width: 100%; }
}
@media (max-width: 640px) {
  .s13-interview-feature--reference .iv-hero { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .s13-interview-feature--reference .iv-hero-photo { max-width: none; }
  .s13-interview-feature--reference .iv-subject { font-size: clamp(3rem,13vw,4.5rem); }
  .s13-interview-feature--reference .iv-subject.iv-subject--many { font-size: clamp(2rem,10vw,2.6rem); }
  .s13-interview-feature .iv-read { margin-top: 1.5rem; }
  .s13-interview-feature--reference .iv-deck { font-size: 1.08rem; }
  .s13-interview-feature--reference .iv-intro .iv-context-copy > p:first-child { font-size: 1.1rem; }
}
/* Native photo blocks preserve the existing interview rhythm and gallery. */
.s13-event-review .rv-event-details { display: grid; gap: .75rem; margin: 1.8rem 0 0; font-size: var(--s13-type-meta); line-height: 1.6; }
.s13-event-review .rv-event-details > div { display: grid; grid-template-columns: 3.5rem minmax(0,1fr); gap: 1rem; }
.s13-event-review .rv-event-details dt { color: var(--s13-muted); }
.s13-event-review .rv-event-details dd { margin: 0; color: var(--s13-reading); }
.s13-event-review .iv-prose { width: 100%; max-width: var(--iv-prose-max); }
.s13-event-review .iv-prose a { overflow-wrap: anywhere; }
.s13-event-review .iv-prose + .iv-prose { margin-top: 1.3em; }
.s13-event-review .iv-prose :is(h2,h3,h4) { margin: 2rem 0 1.3rem; font-size: clamp(1.4rem,2vw,2rem); line-height: 1.25; }
.s13-event-review .iv-prose :is(ul,ol,blockquote) { margin-block: 1.5rem; }
.s13-event-review .iv-reading .rv-lead { color: var(--s13-emphasis); font-size: 1.2rem; line-height: 1.7; }
.s13-event-review .iv-context-media .iv-photo { width: fit-content; max-width: 100%; }
.s13-event-review .iv-context-media .s13-editorial-photo-frame { width: fit-content; max-width: 100%; }
.s13-event-review .iv-context-media .iv-photo img { width: auto; max-width: 100%; height: auto; max-height: 500px; }
.s13-interview-feature .s13-editorial-photo-block { width: 100%; margin: var(--iv-section) 0; }
.s13-interview-feature .s13-editorial-photo-block .iv-photo { margin: 0; }
.s13-interview-feature .s13-editorial-photo-block--pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: clamp(.8rem,1.6vw,1.5rem); }
.s13-interview-feature .s13-editorial-photo-block--pair > .s13-editorial-figure { min-width: 0; margin: 0; }
.s13-interview-feature .s13-editorial-photo-block--pair .s13-editorial-photo-frame { display: block; }
.s13-interview-feature .s13-editorial-photo-block--pair img { display: block; width: 100%; height: auto; object-fit: contain; outline: 1px solid var(--s13-media-border); outline-offset: -1px; }
.s13-interview-feature .s13-editorial-photo-block--pair figcaption { margin-top: .75rem; color: var(--s13-muted); font-size: var(--s13-type-caption); line-height: 1.5; }
@media (max-width: 800px) { .s13-interview-feature .s13-editorial-photo-block--pair { grid-template-columns: minmax(0,1fr); gap: 1.8rem; } }
.s13-interview-feature :is(.iv-context,.iv-context-media) > .s13-editorial-photo-block { margin: 0; }
.s13-interview-feature .iv-context-media > .s13-editorial-photo-block + .iv-album { margin-top: 2.5rem; }
.s13-interview-feature .s13-publication-card .story-image { width: 100%; margin: 0; }
/* Festival documentation keeps its natural frame and readable captions. */
.s13-event-review .s13-editorial-photo-block--gallery { display: block; columns: 3; column-gap: clamp(1rem,2vw,2rem); }
.s13-event-review .s13-editorial-photo-block--gallery > .s13-editorial-figure { display: inline-block; width: 100%; break-inside: avoid; margin: 0 0 2rem; vertical-align: top; }
.s13-event-review .s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(2):last-child),
.s13-event-review .s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(4):last-child) { columns: 2; }
@media (max-width: 800px) { .s13-event-review .s13-editorial-photo-block--gallery { columns: 2; } }
@media (max-width: 480px) { .s13-event-review .s13-editorial-photo-block--gallery,
.s13-event-review .s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(2):last-child),
.s13-event-review .s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(4):last-child) { columns: 1; } }

/* Music reviews use the existing copy/media grid and native release cards. */
.s13-music-review :is(.iv-subject,.iv-angle) { max-width: 100%; overflow-wrap: anywhere; }
.s13-music-review .rv-featured-detail { aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--s13-media-border); }
.s13-music-review .rv-featured-detail img { width: 100%; height: 100%; object-fit: cover; outline: 0; }
.s13-music-review .iv-prose { max-width: var(--iv-prose-max); overflow-wrap: anywhere; }
.s13-music-review .iv-prose :is(h2,h3,h4) { font-size: clamp(1.4rem,2vw,2rem); line-height: 1.25; margin-block: 2rem 1.3rem; }
.s13-music-review .iv-prose :is(ul,ol,blockquote) { margin-block: 1.5rem; }
.s13-music-review .iv-context-media .s13-publication-components { margin: 0; padding: 0; }
.s13-music-review .iv-context-media .og-record-group { margin: 0; padding: 0; border: 0; }
.s13-music-review .iv-context-media .og-record-grid { grid-template-columns: minmax(0,1fr); }
.s13-music-review .iv-context-media .s13-publication-components figure.og-record { display: flex; flex-direction: column; }
.s13-music-review .iv-context-media .s13-editorial-record-cover { aspect-ratio: auto; }
.s13-music-review .iv-context-media .s13-editorial-record-cover img { width: 100%; height: auto; aspect-ratio: var(--s13-record-ratio,1); object-fit: contain; }
.s13-music-review .iv-context-media .iv-album { margin-top: 2rem; }
.s13-music-review .rv-release-details { margin-top: var(--iv-section); padding-top: 1.5rem; border-top: 1px solid var(--s13-media-border); }
.s13-music-review .iv-reading > .iv-prose { margin-inline: 0; }

/* Curated collections reuse the article frame and retain every sleeve's geometry. */
.s13-review-selection .iv-prose { width: 100%; max-width: var(--iv-prose-max); overflow-wrap: anywhere; }
.s13-review-selection .iv-reading > .iv-prose { margin-top: var(--iv-section); }
.s13-review-selection .iv-subject { font-size: clamp(2.7rem, 4.8vw, 5.4rem); line-height: 1.05; }
.s13-review-selection .rv-featured-detail { aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--s13-media-border); }
.s13-review-selection .rv-featured-detail img { width: 100%; height: 100%; object-fit: cover; outline: 0; }
.s13-review-selection .s13-record-collection { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; }
.s13-review-selection .iv-chapter > .iv-prose:has(p) + .s13-publication-components--records { margin-top: 2.5rem; }
.s13-review-selection .s13-record-collection .og-record-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2.5rem 2rem; }
.s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="6"] { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 2rem 1.25rem; }
.s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="4"] { grid-template-columns: repeat(4,minmax(0,1fr)); }
.s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="2"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
.s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="1"] { grid-template-columns: minmax(0,1fr); }
.s13-review-selection .iv-context-media .s13-publication-components { margin: 0; padding: 0; }
.s13-review-selection .iv-context-media .og-record-group { margin: 0; padding: 0; border: 0; }
.s13-review-selection .s13-record-collection .s13-editorial-record-cover { aspect-ratio: auto; width: min(100%,var(--s13-record-source-width,100%)); }
.s13-review-selection .s13-record-collection .s13-editorial-record-cover img { width: 100%; height: auto; aspect-ratio: var(--s13-record-ratio,1); object-fit: contain; }
.s13-review-selection .s13-record-collection figure.og-record { display: flex; flex-direction: column; gap: 0; padding: 0 0 clamp(1.2rem,2vw,2rem); }
.s13-review-selection .s13-record-collection .s13-editorial-record-cover { margin: 0 0 1.1rem; }
.s13-review-selection .s13-record-collection .og-record-copy { overflow-wrap: anywhere; }
.s13-review-selection .s13-record-collection .og-record-caption { min-height: 0; }
.s13-review-selection .s13-record-collection .s13-editorial-record[hidden] { display: none; }
.s13-cover-search { display: flex; align-items: center; gap: 1.5rem; padding: 1.2rem 0; margin-bottom: 2.5rem; border-block: 1px solid var(--s13-media-border); }
.s13-cover-search[hidden], .s13-cover-empty[hidden] { display: none; }
.s13-cover-search label { min-width: 0; flex: 1; }
.s13-cover-search input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--s13-emphasis); font: 400 var(--s13-type-meta)/1.5 var(--s13-body); }
.s13-cover-search input::placeholder { color: var(--s13-muted); text-transform: uppercase; }
.s13-cover-search [data-cover-count] { flex-shrink: 0; color: var(--s13-muted); font: 400 var(--s13-type-meta)/1.5 var(--s13-body); text-transform: uppercase; }
@media (max-width: 960px) {
  .s13-review-selection .s13-record-collection .og-record-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="6"] { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="4"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .s13-review-selection .iv-subject { font-size: clamp(2rem, 8.5vw, 3.1rem); }
  .s13-review-selection .s13-record-collection .og-record-grid { gap: 2rem 1rem; }
  .s13-review-selection .s13-record-collection .og-record-grid[data-cover-columns="6"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .s13-cover-search { gap: .75rem; }
  .s13-cover-search input { font-size: 16px; }
  .s13-cover-search [data-cover-count] { font-size: .7rem; }
}

/* Album titles in a deck can be a single very long word. */
.s13-interview-feature .iv-deck { text-wrap: pretty; overflow-wrap: anywhere; }
.s13-interview-feature .iv-angle { overflow-wrap: anywhere; }
.s13-interview-feature .iv-reading { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .s13-interview-feature .iv-read { display: grid; grid-template-columns: minmax(0,1fr) auto; overflow-wrap: anywhere; }
  .s13-event-review .rv-event-details > div { grid-template-columns: minmax(3.5rem,max-content) minmax(0,1fr); }
  .s13-event-review .rv-event-details dd { min-width: 0; overflow-wrap: anywhere; }
}

/* A chapter link is the unit of movement, including its wrapped label. */
.s13-interview-feature .iv-index-list { scroll-snap-type: y proximity; scroll-padding-block: 1rem; }
.s13-interview-feature .iv-index-list a { scroll-snap-align: start; scroll-snap-stop: normal; }