/* Simple reading changes presentation in place. The original prose, questions,
   release notes, source links and track controls stay in their native DOM. */
#s13-publication-bar [data-s13-simple-reading][hidden] { display:none !important; }
[data-s13-simple-toolbar][hidden] { display:none !important; }
html.s13-simple-switching { scroll-behavior:auto !important; }
#s13-publication-bar[data-s13-simple-ready] .s13-post-actions { grid-template-columns:auto auto auto; }
#s13-publication-bar [data-s13-simple-reading] { white-space:nowrap; }

html.s13-simple-reading {
  --s13-simple-measure:700px; --s13-simple-size:22px;
  scroll-padding-top:calc(72px + var(--s13-simple-top,0px));
}
html.s13-simple-reading body { background:var(--s13-bg); }
html.s13-simple-reading :is(.site-header,.site-footer,.s13-post-foot) { display:none !important; }
html.s13-simple-reading #content { width:100%; max-width:none; margin:0; padding:0; }
html.s13-simple-reading #content > :not([data-s13-simple-root]) { display:none !important; }
html.s13-simple-reading #content > [data-s13-simple-root] {
  --iv-prose-width:100%; --iv-prose-max:100%; --iv-frame:100%;
  --iv-section:2.5rem; --mix-section:2.5rem; --mix-media:2rem;
  --s13-editorial-space:2.5rem; --s13-editorial-gap:1.5rem;
  box-sizing:border-box; display:block !important; position:relative;
  width:min(var(--s13-simple-measure),calc(100% - 40px)) !important;
  max-width:var(--s13-simple-measure) !important; min-width:0 !important;
  height:auto !important; min-height:0 !important;
  margin:0 auto !important; padding:0 0 calc(5rem + var(--s13-listening-obstruction,0px)) !important;
  overflow:visible !important; isolation:auto !important; container-type:normal !important;
  background:var(--s13-bg) !important; color:var(--s13-reading) !important;
  font:400 var(--s13-simple-size)/1.72 var(--s13-body) !important;
  text-align:left !important; overflow-wrap:break-word;
}
html.s13-simple-reading #content > [data-s13-simple-root] [id] { scroll-margin-top:12px !important; }

/* Late, scoped resets also cover the two preserved archival article layouts.
   Their local grids/widths remain untouched outside this exact reading root. */
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .s13-mix-feature,.s13-interview-feature,.s13-editorial-article,
  #s13-og-feature,#stm-mika-interview,#stm-qual-interview,#stm-custom-layout,
  .og-hero,.og-hero-copy,.og-layout,.og-article,.og-article-flow,.og-prose,
  .og-statement-layout,.og-statement-copy,.s13-mix-interview,.s13-mix-qa,
  .iv-hero,.iv-hero-copy,.s13-interview-body,.iv-reading,.iv-intro,.iv-outro,
  .iv-context,.iv-context-copy,.iv-context-media,.iv-chapter,.iv-qa,.iv-question,.iv-answer,
  .stm-hero,.stm-hero-copy,.stm-intro,.stm-interview-section,.stm-qa,.stm-question,.stm-answer,
  .stm-afterword,.stm-afterword-text,.stm-reference,.stm-reference-grid,.stm-reference-item,
  .stm-inline-album,.stm-records,.stm-record-grid,.stm-record,.stm-record-body,.stm-record-copy,
  .single-hero,.single-hero-grid,.standard-content,.editorial-hero,.editorial-hero-copy,
  .editorial-reading-copy,.interview-introduction,.interview-introduction-copy,
  .interview-transcript,.interview-transcript-head,.interview-exchange,.interview-answer,
  .review-reading,.review-copy
) {
  display:block !important; position:static !important; float:none !important;
  width:100% !important; max-width:none !important; min-width:0 !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  grid-column:auto !important; grid-row:auto !important;
  margin-inline:0 !important; padding:0 !important;
  overflow:visible !important; container-type:normal !important;
  background:transparent !important; box-shadow:none !important;
  color:inherit !important; font:inherit !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .og-hero,.iv-hero,.single-hero,.editorial-hero,.stm-hero
) { margin-block:0 2.5rem !important; border:0 !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .iv-reading,.interview-introduction,.interview-transcript,.review-reading,.standard-content,
  .stm-intro,.stm-afterword,.stm-reference,.og-record-group,.s13-editorial-records
) { margin-block:2.5rem !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .iv-qa,.s13-mix-qa,.stm-qa,.interview-exchange,.iv-chapter
) { margin-block:2.25rem !important; border:0 !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .iv-answer,.stm-answer,.interview-answer
) { margin-top:1rem !important; }

/* Artwork and interface chrome disappear; captions and release-card prose are
   not selected by a blanket figure rule. Sources remain available as text. */
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  #s13-publication-bar,.og-hero-image,.iv-hero-photo,.single-art,.editorial-hero-art,
  .stm-hero-side,.s13-mix-mobile-photo,.s13-mix-mobile-photo-hero,
  .s13-editorial-figure--hero,.s13-editorial-photo-block,.iv-photo,.stm-photo,.stm-inline-photo,
  .og-statement-photo,.og-photo-pair,.og-gallery,.iv-gallery,.s13-editorial-gallery,
  .og-record-cover,.s13-editorial-record-cover,.iv-album-art,.iv-album-cover,
  .iv-read,.og-hero-listen,.og-jump-nav,.iv-navigation,.stm-index,
  .og-meta,.interview-ledger,.s13-listening-entry,.s13-listening-facts,.og-listen,
  .s13-track-listen-row,.s13-editorial-audio,.iv-audio,
  .s13-artist-connections,.s13-publication-card,.s13-collection-context,
  .og-artist-links,.s13-mix-artist-links,.stm-artist-links,.iv-channels,
  .stm-flow-spacer,.s13-route-vhs
) { display:none !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(img,picture,video,canvas,iframe) { display:none !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .iv-video-frame,.fluid-width-video-wrapper,.s13-external-embed,.s13-media-placeholder,
  .s13-privacy-placeholder
) { display:none !important; }

/* The toolbar is the only sticky article element. It keeps a short identity
   and the native 44px exit target above the same reading column. */
html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-toolbar]:not([hidden]) {
  position:sticky !important; top:var(--s13-simple-top,0px) !important; z-index:90;
  display:grid !important; grid-template-columns:minmax(0,1fr) max-content;
  align-items:center; gap:1rem; width:100%; min-height:72px;
  margin:0 0 2.5rem !important; padding:.625rem 0 !important;
  border:0; border-bottom:1px solid var(--s13-line);
  background:var(--s13-bg) !important; color:var(--s13-ink);
  font:400 .8125rem/1.4 var(--s13-body) !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] .s13-simple-identity { min-width:0; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.s13-simple-title,.s13-simple-byline) {
  display:block; min-width:0; max-width:100%; overflow:hidden;
  white-space:nowrap; text-overflow:ellipsis; text-transform:none; letter-spacing:0;
}
html.s13-simple-reading #content > [data-s13-simple-root] .s13-simple-title { color:var(--s13-ink); font-weight:600; }
html.s13-simple-reading #content > [data-s13-simple-root] .s13-simple-byline { margin-top:.2rem; color:var(--s13-muted); font-size:.75rem; }
html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-exit] {
  display:inline-flex !important; align-items:center; justify-content:flex-end; gap:.65rem;
  width:max-content; max-width:100%; min-height:44px;
  margin:0 !important; padding:.65rem 0 !important; border:0 !important;
  color:var(--s13-secondary); background:transparent;
  font:650 .75rem/1.35 var(--s13-body) !important; letter-spacing:.06em;
  text-transform:uppercase; white-space:nowrap; cursor:pointer;
}
html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-exit]:is(:hover,:focus-visible) { color:var(--s13-accent); }
html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-exit] svg { width:16px; height:16px; flex:none; }

/* Prose keeps its semantics and emphasis. The larger measure is applied to
   paragraphs in Q&A, notes and release captions, not to unrelated site UI. */
html.s13-simple-reading #content > [data-s13-simple-root] :is(p,li,dd,dt,figcaption,blockquote) {
  max-width:100% !important; text-align:left !important;
  color:inherit; font-family:var(--s13-body) !important;
  font-size:inherit !important; line-height:1.72 !important; letter-spacing:normal !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] p { margin:0 0 1.3em !important; }
html.s13-simple-reading #content > [data-s13-simple-root] p:last-child { margin-bottom:0 !important; }
html.s13-simple-reading #content > [data-s13-simple-root] p::first-letter {
  float:none !important; margin:0 !important; padding:0 !important; font:inherit !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(h1,h2,h3,h4) {
  width:100% !important; max-width:none !important; min-width:0;
  margin:2em 0 .9em !important; padding:0 !important; border:0 !important;
  color:var(--s13-ink) !important;
  font:650 1.3em/1.3 var(--s13-body) !important;
  letter-spacing:-.015em !important; text-transform:none !important;
  text-wrap:pretty; overflow-wrap:anywhere !important; word-break:normal !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] h1 {
  margin:.25em 0 .65em !important;
  font:700 clamp(2rem,3.1vw,2.65rem)/1.18 var(--s13-body) !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] h1 :is(span,strong,em) {
  max-width:none !important; font:inherit !important; letter-spacing:inherit !important;
  white-space:normal !important; text-transform:inherit !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] h1 .iv-angle {
  display:block; margin-top:.6em !important; font:500 1.25rem/1.45 var(--s13-body) !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-deck,.iv-deck,.single-dek,.stm-lead) {
  max-width:none !important; margin-block:0 1.5em !important;
  color:var(--s13-emphasis) !important; font-size:1.05em !important; line-height:1.6 !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.iv-question,.stm-question,.s13-mix-qa > h3,.interview-exchange > header) {
  position:static !important; display:block !important; max-width:none !important;
  margin:0 0 1em !important; color:var(--s13-ink) !important; font-weight:650 !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .og-kicker,.iv-eyebrow,.eyebrow,.stm-meta-top,.stm-title-kicker,.stm-kicker,
  .iv-speaker,.iv-module-label,.iv-quote-attribution,.stm-q-who,.stm-answer-who,
  .og-record-meta,.stm-record-meta,.og-byline,.iv-byline,.stm-hero-byline,
  .iv-credits,.og-sources,.s13-editorial-sources
) { font-size:.8125rem !important; line-height:1.6 !important; letter-spacing:.02em !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.iv-speaker,.stm-q-who,.stm-answer-who) { margin-bottom:.5rem !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.iv-pull-quote,.stm-pull-quote,blockquote) {
  width:100% !important; max-width:none !important; margin:2em 0 !important;
  padding:0 0 0 1rem !important; border:0 !important; border-left:1px solid var(--s13-line) !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.iv-quote-text,.stm-pull-quote p,blockquote p) { font:500 1.1em/1.6 var(--s13-body) !important; }
html.s13-simple-reading #content > [data-s13-simple-root] a:not(.s13-article-action) {
  color:var(--s13-emphasis) !important; text-decoration:underline !important;
  text-decoration-color:var(--s13-link-line) !important; text-decoration-thickness:1px;
  text-underline-offset:.2em; overflow-wrap:anywhere; border:0 !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] a:not(.s13-article-action):is(:hover,:focus-visible) { color:var(--s13-accent) !important; text-decoration-color:var(--s13-accent) !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(a,button,summary):focus-visible { outline:1px solid var(--s13-accent); outline-offset:4px; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(ul,ol) { padding-inline-start:1.35em; }

/* Sleeves disappear without taking their text with them. Release notes and
   sources retain a clear one-column order and all original links. */
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .og-record-grid,.s13-editorial-record-grid,.og-record,.s13-editorial-record,
  .og-record-caption,.og-record-copy,.stm-record-links,.stm-media,.iv-video,.iv-album
) {
  display:block !important; position:static !important; float:none !important;
  width:100% !important; max-width:none !important; min-width:0 !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  margin-inline:0 !important; padding:0 !important;
  grid-column:auto !important; grid-row:auto !important;
  color:inherit; font:inherit !important; background:none !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-record,.s13-editorial-record) {
  margin-block:2rem !important; padding-top:1.5rem !important; border:0 !important; border-top:1px solid var(--s13-line) !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-record-caption,.og-record-copy) > * { grid-column:auto !important; grid-row:auto !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-record-artist,.og-record-name,.og-record-meta) { min-height:0 !important; margin-block:.35em !important; }
html.s13-simple-reading #content > [data-s13-simple-root] .og-record-artist { font:650 1em/1.45 var(--s13-body) !important; }
html.s13-simple-reading #content > [data-s13-simple-root] .og-record-name { font:400 .95em/1.5 var(--s13-body) !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-sidebar,.og-track-sticky,.s13-track-index) {
  position:static !important; width:100% !important; max-width:none !important;
  margin:2.5rem 0 !important; transform:none !important;
}
html.s13-simple-reading #content > [data-s13-simple-root] :is(.s13-track-toggle,.og-track-summary) { min-height:44px; font-size:.875rem; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-track-list,.og-track-list > li) { padding-inline-start:0; font-size:1rem !important; }
html.s13-simple-reading #content > [data-s13-simple-root] :is(.og-track-back,.og-track-cue,.og-release-source) { min-height:44px; }

/* Supplemental release showcases and media blocks leave as complete modules,
   including their labels and captions. Narrative, citations, sources and the
   actual tracklist remain in place; the normal journal view is unchanged. */
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  .og-record-group,.s13-editorial-records,.stm-records,
  .s13-editorial-media,.iv-album,.iv-video,.stm-inline-album,
  .stm-video-break,.stm-video-module,.stm-media
),
html.s13-simple-reading #content > [data-s13-simple-root] :is(
  #stm-qual-interview,#stm-mika-interview,#stm-custom-layout
) :is(.stm-records,.stm-inline-album,.stm-video-break,.stm-video-module,.stm-media) { display:none !important; }

@media (max-width:840px) {
  html.s13-simple-reading { --s13-simple-size:19.5px; }
  html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-toolbar] { gap:.75rem; }
}
@media (max-width:620px) {
  html.s13-simple-reading { scroll-padding-top:calc(68px + var(--s13-simple-top,0px)); }
  #s13-publication-bar[data-s13-simple-ready] .s13-post-actions { display:grid; grid-template-columns:auto auto; justify-content:start; column-gap:1.5rem; }
  #s13-publication-bar[data-s13-simple-ready] [data-s13-simple-reading] { grid-column:1 / -1; }
  html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-toolbar] { min-height:68px; }
  html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-exit] { gap:.5rem; font-size:.6875rem !important; letter-spacing:.04em; }
}
@media (prefers-reduced-motion:reduce) {
  #s13-publication-bar [data-s13-simple-reading],
  html.s13-simple-reading #content > [data-s13-simple-root] [data-s13-simple-exit] { transition:none; }
}