/* ---------------------------------------------------------------------
   Surface Noise page templates (design_handoff_site_pages). Builds on
   assets/site/site.css (tokens, type, forms). Prefixes: sns- shared
   components, snn- Vinyl News article.
--------------------------------------------------------------------- */
.sns-page{background:var(--sn-paper)}
.sns-more{display:inline-block;font:600 15px var(--sans);color:var(--sn-accent);text-decoration:none}
.sns-more:hover{text-decoration:underline;text-underline-offset:3px}

/* Thin black banner (template-parts/snr-banner.php; same look as the release layout) */
.snr-banner{background:#111;color:#fff;font:13px/1 var(--sans,'DM Sans',sans-serif);height:32px;overflow:hidden}
.snr-banner *{box-sizing:border-box}
.snr-banner__inner{max-width:1180px;height:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.snr-banner__copy{overflow:hidden;text-overflow:ellipsis;min-width:0}
.snr-banner__copy strong{font-weight:700}
.snr-banner__copy--mobile{display:none}
.snr-banner__sep{opacity:.6}
.snr-banner .snr-banner__cta{color:#fff!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;flex:none}
.snr-banner__cta:hover{opacity:.85}
.snr-banner a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:1023px){
  .snr-banner__copy--desktop{display:none}
  .snr-banner__copy--mobile{display:inline}
}
@media (max-width:767px){
  .snr-banner{height:30px;font-size:12px}
  .snr-banner__inner{padding:0 10px;gap:8px}
  .snr-banner__sep{display:none}
}

/* Key facts row */
.sns-facts{display:flex;flex-wrap:wrap;margin:0;border-top:1px solid var(--sn-rule);border-bottom:1px solid var(--sn-rule)}
.sns-facts>div{padding:10px 20px 10px 0;margin-right:20px;border-right:1px solid var(--sn-rule)}
.sns-facts>div:last-child{border-right:0;margin-right:0}
.snh .sns-facts dt{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.snh .sns-facts dd{margin:2px 0 0;font:500 15px/1.4 var(--sans);color:var(--sn-ink)}

/* Buy buttons: first solid, second outlined; hover both dark green */
.sns-buy{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.snh .sns-buy__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:12px 16px;border:1.5px solid var(--sn-accent);border-radius:3px;background:var(--sn-accent);color:#fff;text-decoration:none}
.snh .sns-buy__btn.is-second{background:var(--sn-surface);color:var(--sn-accent)}
.snr-region-eu .snh .sns-buy--pair .sns-buy__btn--ukeu{order:-1;background:var(--sn-accent);color:#fff}
.snr-region-eu .snh .sns-buy--pair .sns-buy__btn--us{background:var(--sn-surface);color:var(--sn-accent)}
.snh .sns-buy .sns-buy__btn:hover{background:var(--sn-accent-hover);border-color:var(--sn-accent-hover);color:#fff}
.sns-buy__l1{font:600 17px/1.3 var(--sans)}
.sns-buy__l2{font-size:13px;line-height:1.3;opacity:.85}

/* Sign-up boxes */
.sns-signup{display:flex;flex-direction:column;gap:12px;background:var(--sn-accent-soft);border:1px solid var(--sn-accent-soft-rule);border-radius:3px;padding:24px}
.snh .sns-signup__h{font:600 23px/1.2 var(--serif);color:var(--sn-ink)}
.snh .sns-signup__text{font-size:15px;line-height:1.55;color:var(--sn-muted)}
.sns-signup .snh-form{max-width:none}
.sns-signup .snh-form .snr-signup__input,.sns-signup .snh-form .snr-signup__button{font-size:17px;padding:14px 16px}
.sns-inline{margin:2em 0;padding:24px;background:var(--sn-accent-soft);border:1px solid var(--sn-accent-soft-rule);border-radius:3px;display:flex;flex-direction:column;gap:12px}
.snh .sns-inline__h{margin:0;font:600 21px/1.3 var(--serif);color:var(--sn-ink)}
.snh .sns-inline .snh-small{margin:0}
.sns-inline .snh-form{max-width:none}

/* Share row */
.sns-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding-top:20px;border-top:1px solid var(--sn-rule)}
.sns-share__label{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-muted);margin-right:6px}
.snh .sns-share__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--sn-rule);border-radius:50%;background:var(--sn-surface);color:var(--sn-ink);padding:0;cursor:pointer}
.snh .sns-share__btn:hover{border-color:var(--sn-ink);background:var(--sn-surface);color:var(--sn-ink)}
.sns-share .snr-share__copied{font-size:14px;color:var(--sn-accent)}

/* Article + sidebar columns */
.sns-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,5vw,80px);align-items:start;padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(56px,7vw,104px)}
.sns-main{max-width:720px;min-width:0}
.sns-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid var(--sn-rule)}
.snh .sns-meta__kicker{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-muted)}
.snh .sns-meta__date{font-size:14px;color:var(--sn-muted)}

/* Article body: whatever the news tool produced */
.sns-body{font:400 18px/1.7 var(--sans);color:var(--sn-ink);overflow-wrap:break-word}
.snh .sns-body :where(p,ul,ol,figure,blockquote,table){margin:0 0 1.15em}
.snh .sns-body ul{list-style:disc;padding-left:1.3em}
.snh .sns-body ol{list-style:decimal;padding-left:1.5em}
.snh .sns-body li{margin:0 0 .35em}
.snh .sns-body h2{font:600 30px/1.2 var(--serif);margin:1.6em 0 .55em}
.snh .sns-body h3{font:600 22px/1.3 var(--serif);margin:1.4em 0 .5em}
.snh .sns-body h4{font:600 18px/1.4 var(--sans);margin:1.3em 0 .4em}
.snh .sns-body a{color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}
.snh .sns-body a:hover{color:var(--sn-accent-hover)}
.snh .sns-body img{max-width:100%;height:auto;border-radius:2px}
.snh .sns-body blockquote{padding-left:18px;border-left:3px solid var(--sn-rule);color:var(--sn-muted);font-family:var(--serif)}
.snh .sns-body table{width:100%;border-collapse:collapse;font-size:16px}
.snh .sns-body td,.snh .sns-body th{padding:8px 10px;border-bottom:1px solid var(--sn-rule);text-align:left}
.snh .sns-standfirst,.snh .sns-body--lead>p:first-child{font:400 21px/1.55 var(--serif);color:var(--sn-ink)}

/* Sidebar */
.sns-side{display:flex;flex-direction:column;gap:36px;min-width:0}
.snh .sns-side__h{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-muted);padding-bottom:10px;border-bottom:1px solid var(--sn-ink)}
.sns-side__list li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--sn-rule)}
.sns-side__list a{font:500 16px/1.4 var(--sans);text-decoration:none}
.sns-side__list a:hover{color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}
.sns-side__list time{font-size:13px;color:var(--sn-muted)}
.sns-side__block .sns-more{margin-top:12px}
.sns-side__links li{border-bottom:1px solid var(--sn-rule)}
.sns-side__links a{display:block;padding:10px 0;font:500 16px var(--sans);text-decoration:none}
.sns-side__links a:hover{color:var(--sn-accent)}
.snh .sns-report{display:flex;flex-direction:column;gap:8px;background:var(--sn-ink);color:var(--sn-paper);border-radius:3px;padding:24px;text-decoration:none}
.sns-report__eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-accent-pale)}
.sns-report__num{font:600 56px/1 var(--serif);letter-spacing:-.02em}
.sns-report__text{font-size:15px;line-height:1.5;color:var(--sn-dark-text)}
.sns-report__cta{font:600 15px var(--sans);margin-top:4px}
.sns-report:hover .sns-report__cta{text-decoration:underline;text-underline-offset:3px}

/* Shelves and cards */
.snh .sns-shelf-sec{padding:clamp(48px,6vw,88px) 0}
.sns-shelf__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;padding-bottom:14px;margin-bottom:24px;border-bottom:1px solid var(--sn-ink)}
.snh .sns-shelf__head h2{font-size:clamp(26px,2.6vw,32px)}
.sns-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.sns-card a{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.sns-card__frame{display:block;aspect-ratio:1;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .sns-card__frame img{width:100%;height:100%;object-fit:cover}
.sns-card__status{align-self:flex-start;font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:2px;background:#E5F0E9;color:#155039}
.sns-card__title{font:600 15px/1.35 var(--sans)}
.sns-card a:hover .sns-card__title{text-decoration:underline;text-underline-offset:3px}
.sns-ncards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sns-ncard a{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.sns-ncard__frame{display:block;aspect-ratio:1;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .sns-ncard__frame img{width:100%;height:100%;object-fit:cover}
.sns-ncard__meta{font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-muted)}
.sns-ncard__title{font:600 17px/1.35 var(--sans)}
.sns-ncard a:hover .sns-ncard__title{text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------- Vinyl News article hero */
.snn-hero{background:var(--sn-paper);border-bottom:1px solid var(--sn-rule);padding:clamp(20px,3vw,40px) 0 clamp(32px,4vw,56px)}
.snn-hero__grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);grid-template-areas:"media head" "media facts" "media buy" "media signup";grid-template-rows:auto auto auto 1fr;column-gap:clamp(32px,5vw,64px);row-gap:20px;align-items:start}
.snn-hero__media{grid-area:media}
.snh .snn-hero__media img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--sn-rule);background:var(--sn-surface)}
.snn-hero__head{grid-area:head;display:flex;flex-direction:column;gap:10px}
.snh .snn-hero__rel{font:600 17px/1.4 var(--sans);color:var(--sn-ink)}
.snn-hero__rel a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.snn-hero__rel a:hover{color:var(--sn-accent)}
.snn-hero__rel em{font:italic 400 18px var(--serif);color:var(--sn-muted)}
.snh .snn-hero h1{font:600 clamp(30px,3.2vw,44px)/1.1 var(--serif);letter-spacing:-.01em}
.snn-hero .sns-facts{grid-area:facts}
.snn-hero__buy{grid-area:buy;max-width:560px}
.snn-hero__signup{grid-area:signup;max-width:560px}
.snh .snn-hero__lead{font-size:15px;color:var(--sn-muted);margin:0 0 8px}
.snn-hero__signup .snh-form{max-width:none}
.snn-hero__signup .snh-form .snr-signup__row{flex-wrap:nowrap}
.snn-hero__signup .snh-form .snr-signup__input{flex:1 1 0;min-width:0}
.snn-hero__signup .snh-form .snr-signup__button{flex:none}
.snh .snn-hero__more{margin-top:14px;font-size:15px}

@media (max-width:959px){
  .snn-hero__grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"media head" "facts facts" "buy buy" "signup signup";grid-template-rows:none;column-gap:16px;row-gap:16px;align-items:center}
  .snn-hero__buy,.snn-hero__signup{max-width:none}
  .sns-cols{grid-template-columns:minmax(0,1fr)}
  .sns-main{max-width:none}
  .sns-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}
  .sns-shelf>li{flex:0 0 44%;scroll-snap-align:start}
  .sns-ncards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .snh .snn-hero h1{font-size:clamp(22px,6.4vw,28px)}
  .snh .snn-hero__rel{font-size:15px}
  .snn-hero__rel em{font-size:16px}
  .sns-facts{display:grid;grid-template-columns:1fr 1fr}
  .sns-facts>div{margin-right:0;padding:8px 10px 8px 0;border-right:0}
  .sns-facts>div:nth-child(n+3){border-top:1px solid var(--sn-rule)}
  .snr-hero__facts .sns-facts>div:nth-child(n+3){border-top:0}
  .sns-buy{grid-template-columns:1fr}
  .sns-body{font-size:17px}
  .snh .sns-standfirst,.snh .sns-body--lead>p:first-child{font-size:19px}
  .snh .sns-body h2{font-size:25px}
  .sns-ncards{grid-template-columns:1fr 1fr;gap:18px}
  .sns-ncard__title{font-size:15px}
}

/* Page sections are a little tighter than the homepage's */
.snh.sns-page .snh-sec{padding:clamp(56px,7vw,104px) 0}
.snh.sns-page .snh-sec.sns-shelf-sec{padding:clamp(48px,6vw,88px) 0}

/* Release cards */
.sns-card__artist{font:600 15px/1.35 var(--sans);margin-top:2px}
.sns-card__rtitle{font:italic 400 15px/1.35 var(--serif);color:var(--sn-muted)}
.sns-card__date{font-size:13px;color:var(--sn-muted)}
.sns-card__blank{display:block;width:100%;height:100%;background:#EEEEEA}
.sns-card a:hover .sns-card__artist{text-decoration:underline;text-underline-offset:3px}
.sns-card .snh-tag{margin-top:4px}

/* ---------------------------------------------------------------- Release page */
.snr-hero{background:var(--sn-paper);border-bottom:1px solid var(--sn-rule);padding:clamp(16px,2.5vw,32px) 0 clamp(40px,5vw,72px)}
.snr-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media tags" "media head" "media versions" "media facts" "media buy" "media signup";grid-template-rows:auto auto auto auto auto 1fr;column-gap:clamp(40px,6vw,72px);row-gap:18px;align-items:start}
.snr-hero__media{grid-area:media}
.snh .snr-hero__media .snr-gal__slide img,.snr-hero__media .sns-card__blank{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--sn-rule);background:var(--sn-surface)}
.snr-hero__tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:8px}
.snr-hero__tags:not(:has(.snh-tag:not([hidden]))){display:none}
.snr-hero__head{grid-area:head}
.snh .snr-hero__artist{font:600 20px/1.3 var(--sans);margin-bottom:6px}
.snr-hero__artist a{text-decoration:none}
.snr-hero__artist a:hover{text-decoration:underline;text-underline-offset:4px}
.snh .snr-hero h1{font:inherit;letter-spacing:0}
.snr-hero__album{display:block;font:italic 600 clamp(44px,5vw,66px)/1.02 var(--serif);letter-spacing:-.02em;color:var(--sn-ink)}
.snr-hero__sub{display:block;font:400 18px/1.4 var(--sans);color:var(--sn-muted);margin-top:10px}
.snr-versions{grid-area:versions;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--sn-ink);border-radius:3px;overflow:hidden}
.snh .snr-versions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;border:0;border-left:1px solid var(--sn-ink);border-radius:0;background:var(--sn-surface);color:var(--sn-ink);cursor:pointer;font:600 15px/1.25 var(--sans);text-align:center}
.snh .snr-versions button:first-child{border-left:0}
.snh .snr-versions button:hover{background:var(--sn-paper);color:var(--sn-ink)}
.snh .snr-versions button[aria-selected="true"]{background:var(--sn-ink);color:var(--sn-paper)}
.snr-versions__year{font:500 11px var(--mono);letter-spacing:.06em;opacity:.8}
.snr-hero__facts{grid-area:facts}
.snr-hero__facts .sns-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}
.snr-hero__facts .sns-facts>div{margin:0;padding:10px 14px 10px 0;border-right:0;border-bottom:1px solid var(--sn-rule)}
.snr-hero__buy{grid-area:buy}
.snh .snr-hero__nobuy{font-size:15px;color:var(--sn-muted);padding:12px 14px;border:1px dashed var(--sn-field-border);border-radius:3px}
.snr-hero__signup{grid-area:signup;background:var(--sn-accent-soft);border:1px solid var(--sn-accent-soft-rule);border-radius:3px;padding:18px 20px}
.snh .snr-hero__lead{font-size:15px;line-height:1.5;color:var(--sn-ink);margin:0 0 12px}
.snr-hero__lead strong{color:#155039}
.snr-hero__signup .snh-form{max-width:none}
.snr-hero__signup .snh-form .snr-signup__row{flex-wrap:nowrap}
.snr-hero__signup .snh-form .snr-signup__input{flex:1 1 0;min-width:0}
.snr-hero__signup .snh-form .snr-signup__button{flex:none}

.snr-price{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px clamp(40px,6vw,96px);align-items:start}
.snh .snr-price__intro h2{margin:10px 0 14px}
.snr-price__key{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 !important;font-size:14px;color:var(--sn-muted)}
.snr-price__key li{display:flex;align-items:center;gap:8px}
.snr-price__key span{width:12px;height:12px;display:inline-block}
.snr-price .is-retail{background:var(--sn-accent)}
.snr-price .is-resale{background:var(--sn-no)}
.snr-price__links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px}
.snr-price__rows{border-top:1px solid var(--sn-ink)}
.snr-price__row{display:flex;flex-direction:column;gap:8px;padding:18px 0;border-bottom:1px solid var(--sn-rule)}
.snh .snr-price__name{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 17px/1.35 var(--sans)}
.snr-price__chip{flex:none;font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:2px;background:var(--sn-no);color:#fff}
.snr-price__chip.is-down{background:var(--sn-accent)}
.snr-price__chip.is-none{background:#EEEEEA;color:#666862}
.snr-price__bar{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;font-size:14px;color:var(--sn-muted)}
.snr-price__bar i{display:block;height:10px;min-width:4px}
.snh .snr-price__note{margin-top:14px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-faint)}

.snr-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px clamp(40px,6vw,96px);align-items:start}
.snh .snr-about h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:16px}
.snh .snr-about__notes p{font-size:17px;line-height:1.7;margin:0 0 1em}
.snh .snr-about__notes .snh-small{font-size:14px}
.snr-tracks{border-top:1px solid var(--sn-ink)}
.snr-tracks.is-two{columns:2;column-gap:32px}
.snr-tracks li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--sn-rule);font-size:16px;break-inside:avoid}
.snr-tracks__n{font:500 12px var(--mono);color:var(--sn-faint)}
.snr-tracks__d{font-size:14px;color:var(--sn-muted)}

@media (max-width:959px){
  .snr-hero__grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"tags tags" "media head" "versions versions" "buy buy" "facts facts" "signup signup";grid-template-rows:none;column-gap:16px;row-gap:16px;align-items:center}
  .snr-hero__album{font-size:clamp(30px,8vw,40px)}
  .snr-hero__sub{font-size:14px;margin-top:6px}
  .snh .snr-hero__artist{font-size:16px;margin-bottom:2px}
}
@media (max-width:720px){
  .snr-tracks.is-two{columns:1}
  .snr-hero__signup{padding:16px}
  .snr-hero__grid{row-gap:12px}
  .snh .snr-versions button{font-size:13px;padding:8px 6px}
  .snr-hero__facts .sns-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .snh .snr-hero__facts dd{font-size:14px}
  .snr-hero__facts .sns-facts>div{padding:8px 8px 8px 0}
  .snh .snr-hero__lead{font-size:14px;margin-bottom:10px}
}

/* Card grid (4 across desktop) */
.sns-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}
.sns-card__rtitle.is-main{font:italic 600 16px/1.35 var(--serif);color:var(--sn-ink)}
.sns-pills{display:flex;flex-wrap:wrap;gap:6px}
.sns-pills a{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border:1px solid var(--sn-ink);border-radius:999px;text-decoration:none;background:var(--sn-surface)}
.sns-pills a:hover{background:var(--sn-ink);color:var(--sn-paper)}
.sns-avatars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}
.sns-avatar a{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;text-decoration:none}
.sns-avatar__img{display:flex;align-items:center;justify-content:center;width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--sn-rule);background:#EEEEEA}
.snh .sns-avatar__img img{width:100%;height:100%;object-fit:cover}
.sns-avatar__i{font:600 32px var(--serif);color:var(--sn-muted)}
.sns-avatar__name{font:600 14px/1.3 var(--sans)}
.sns-avatar a:hover .sns-avatar__name{text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------- Artist page */
.sna-hero{background:var(--sn-paper);border-bottom:1px solid var(--sn-rule);padding:clamp(16px,2.5vw,32px) 0 clamp(40px,5vw,72px)}
.sna-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}
.sna-hero__grid.is-nophoto{grid-template-columns:minmax(0,760px)}
.snh .sna-hero__photo img{width:100%;max-width:560px;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sn-rule)}
.sna-hero__main{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.snh .sna-hero h1{font:600 clamp(40px,4.6vw,60px)/1.04 var(--serif);letter-spacing:-.02em}
.snh .sna-hero__summary{font-size:18px;line-height:1.6;color:var(--sn-muted);max-width:600px}
.sna-hero__count{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sna-hero__count a{font:600 16px var(--sans);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;gap:4px}
.sna-hero .snr-hero__signup{align-self:stretch}
.sna-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px clamp(40px,6vw,96px);align-items:start}
.snh .sna-about h2{margin-bottom:16px}
.snh .sna-about__bio p{font-size:18px;line-height:1.7;margin:0 0 1em}
.snh .sna-about__bio .snh-small{font-size:14px}
.sna-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sn-ink);border-bottom:0}
.sna-facts>div{margin:0 !important;padding:12px 14px 12px 0 !important;border-right:0 !important;border-bottom:1px solid var(--sn-rule)}
.snh .sna-links__h{margin-top:32px}
.sna-links{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.sna-links a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--sn-rule);font:500 16px var(--sans);text-decoration:none}
.sna-links a span{flex:1}
.sna-links a .snh-i:last-child{color:var(--sn-faint)}
.sna-links a:hover span{text-decoration:underline;text-underline-offset:3px}
.sna-more{margin-top:32px}
.sna-band{background:var(--sn-accent-soft);border-top:1px solid var(--sn-accent-soft-rule);padding:clamp(48px,6vw,80px) 0}
.sna-band__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.snh .sna-band h2{font-size:clamp(28px,3vw,38px)}
.sna-band .snh-form{max-width:560px}
.sna-band .snh-form .snr-signup__row{flex-wrap:nowrap}
.sna-band .snh-form .snr-signup__input{flex:1 1 0;min-width:0}
.sna-band .snh-form .snr-signup__button{flex:none}

@media (max-width:959px){
  .sns-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sns-avatars{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sna-hero__grid{grid-template-columns:minmax(0,1fr)}
  .snh .sna-hero__photo img{max-width:none;aspect-ratio:16/9}
}
@media (max-width:720px){
  .sns-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .sna-hero__photo{display:none}
  .snh .sna-hero h1{font-size:clamp(32px,9vw,40px)}
  .snh .sna-hero__summary{font-size:16px}
  .sna-facts{grid-template-columns:1fr 1fr}
  .sna-links{grid-template-columns:1fr}
}

/* Search box with suggestions */
.sns-search{position:relative;max-width:640px;width:100%}
.sns-search__row{display:flex;align-items:stretch;background:var(--sn-surface);border:1.5px solid var(--sn-ink);border-radius:3px}
.sns-search__icon{display:flex;align-items:center;padding:0 4px 0 14px;color:var(--sn-muted)}
.snh .sns-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:400 18px var(--sans);color:var(--sn-ink);padding:15px 12px;box-shadow:none;outline:0}
.snh .sns-search input::-webkit-search-cancel-button{display:none}
.sns-search__row:focus-within{outline:3px solid var(--sn-accent-pale);outline-offset:1px}
.snh .sns-search button{flex:none;border:0;border-radius:0;background:var(--sn-ink);color:var(--sn-paper);font:600 16px var(--sans);padding:0 22px;cursor:pointer}
.snh .sns-search button:hover{background:var(--sn-accent-hover);color:#fff}
.sns-search__list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:var(--sn-surface);border:1px solid var(--sn-ink);border-radius:3px;box-shadow:0 12px 32px rgba(23,23,21,.12);overflow:hidden}
.sns-search__list a{display:flex;align-items:center;gap:12px;padding:12px 16px;font:500 16px var(--sans);text-decoration:none;border-top:1px solid var(--sn-rule)}
.sns-search__list li:first-child a{border-top:0}
.sns-search__list li:last-child a{font-weight:600;color:var(--sn-accent)}
.sns-search__list [aria-selected="true"] a,.sns-search__list a:hover{background:var(--sn-accent-soft)}
.sns-search__type{flex:none;width:64px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}

/* Chips, filters, pagination */
.sns-chips{display:flex;flex-wrap:wrap;gap:8px}
.sns-chips a{display:inline-block;font:500 14px var(--sans);padding:7px 14px;border:1px solid var(--sn-rule);border-radius:999px;background:var(--sn-surface);text-decoration:none}
.sns-chips a:hover{border-color:var(--sn-ink)}
.sns-chips a[aria-current]{background:var(--sn-ink);border-color:var(--sn-ink);color:var(--sn-paper)}
.sns-grid.sns-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.sns-pages{margin-top:48px}
.sns-pages ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.sns-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--sn-rule);border-radius:3px;background:var(--sn-surface);font:500 15px var(--sans);text-decoration:none}
.sns-pages a.page-numbers:hover{border-color:var(--sn-ink)}
.sns-pages .page-numbers.current{background:var(--sn-ink);border-color:var(--sn-ink);color:var(--sn-paper)}
.sns-pages .page-numbers.dots{border:0;background:none}
.sns-pages ul.page-numbers{display:flex;height:auto;min-width:0;padding:0;border:0;background:none;border-radius:0}

/* ---------------------------------------------------------------- Releases landing */
.snl-hero{background:var(--sn-paper);padding:clamp(16px,2.5vw,32px) 0 clamp(48px,6vw,88px)}
.snl-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.snl-hero__main{display:flex;flex-direction:column;gap:18px;padding-top:12px}
.snh .snl-hero h1{font:600 clamp(40px,5vw,62px)/1.04 var(--serif);letter-spacing:-.02em}
.snh .snl-hero__intro{font-size:18px;line-height:1.6;color:var(--sn-muted);max-width:560px}
.snh .snl-sec-h{font:600 clamp(30px,3.4vw,42px)/1.1 var(--serif);letter-spacing:-.01em;margin-bottom:28px}
.snl-shelf{margin-bottom:48px}
.snh .snl-shelf h3{font:600 22px/1.25 var(--serif)}
.snl-chips .sns-side__h{margin-bottom:14px}
.snl-filters{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;margin-bottom:16px}
.snl-filters label{display:flex;flex-direction:column;gap:6px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.snh .snl-filters select{min-width:190px;font:400 16px var(--sans);letter-spacing:0;text-transform:none;color:var(--sn-ink);background:var(--sn-surface);border:1px solid var(--sn-field-border);border-radius:3px;padding:11px 12px}
.snl-status{margin-bottom:20px}
.snh .snl-count{font-size:15px;color:var(--sn-muted);padding:14px 0;margin-bottom:24px;border-top:1px solid var(--sn-ink)}

@media (max-width:959px){
  .snl-hero__grid{grid-template-columns:minmax(0,1fr)}
  .sns-grid.sns-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .sns-grid.sns-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .snl-filters label{flex:1 1 100%}
  .snh .snl-filters select{width:100%}
  .snh .sns-search input{font-size:16px;padding:13px 10px}
  .snh .sns-search button{padding:0 16px}
}

/* ---------------------------------------------------------------- Search results */
.sns-srch__hero .snh-wrap{display:flex;flex-direction:column;gap:18px}
.snh .sns-srch__hero h1{font:600 clamp(32px,4vw,52px)/1.08 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}
.snh .sns-srch__jump{font-size:15px;color:var(--sn-muted)}
.sns-srch__jump a{color:var(--sn-ink);font-weight:600}
.sns-apills{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.sns-apills a{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border:1px solid var(--sn-rule);border-radius:999px;background:var(--sn-surface);text-decoration:none}
.sns-apills a:hover{border-color:var(--sn-ink)}
.sns-apills .sns-avatar__img{flex:none;width:52px}
.sns-apills .sns-avatar__i{font-size:20px}
.sns-apills__name{display:block;font:600 16px/1.3 var(--sans)}
.sns-apills__meta{display:block;font-size:13px;color:var(--sn-muted)}
.sns-rows{border-top:1px solid var(--sn-ink)}
.sns-rows a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid var(--sn-rule);text-decoration:none}
.sns-rows__title{font:500 17px/1.4 var(--sans)}
.sns-rows a:hover .sns-rows__title{text-decoration:underline;text-underline-offset:3px}
.sns-rows time{flex:none;font-size:14px;color:var(--sn-muted)}
.sns-srch__empty{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);align-items:start}
.snh .sns-srch__empty h2{margin-bottom:18px}
.sns-srch__tips{list-style:disc !important;padding-left:1.2em !important;font-size:17px;line-height:1.6}
.sns-srch__tips li{margin-bottom:8px}
.snh .sns-srch__gh{margin:32px 0 14px}
@media (max-width:959px){ .sns-srch__empty{grid-template-columns:minmax(0,1fr)} }
@media (max-width:720px){ .sns-rows a{flex-direction:column;gap:2px} }

/* ---------------------------------------------------------------- Artists landing */
.sns-avatar__sub{font:italic 13px/1.3 var(--serif);color:var(--sn-muted);margin-top:-6px}
.sna-az{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:2px;padding:10px 0;margin-bottom:24px;background:var(--sn-paper);border-top:1px solid var(--sn-ink);border-bottom:1px solid var(--sn-rule)}
.sna-az a,.sna-az span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font:600 14px var(--sans);border-radius:3px;text-decoration:none}
.sna-az a:hover{background:var(--sn-ink);color:var(--sn-paper)}
.sna-az span{color:#C4C2BB}
.sna-letter{scroll-margin-top:70px;margin-bottom:28px}
.snh .sna-letter__h{font:600 28px var(--serif);padding-bottom:8px;border-bottom:1px solid var(--sn-ink)}
.sna-list li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1.6fr) 96px;gap:6px 20px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--sn-rule);font-size:15px}
.sna-list__name{font:600 16px var(--sans);text-decoration:none}
.sna-list__name:hover{text-decoration:underline;text-underline-offset:3px}
.sna-list__genre,.sna-list__count{color:var(--sn-muted);font-size:14px}
.sna-list__count{text-align:right}
.sna-list__latest em{font-family:var(--serif);color:var(--sn-muted)}
.sna-list__latest .snh-tag{margin-left:6px;vertical-align:1px}
@media (max-width:720px){
  .sna-list li{grid-template-columns:minmax(0,1fr) auto}
  .sna-list__genre,.sna-list__latest{grid-column:1 / -1}
  .sna-list__latest{order:3}
  .sna-list__count{grid-row:1;grid-column:2}
  .sna-az a,.sna-az span{min-width:26px;height:28px;font-size:13px}
}

/* ---------------------------------------------------------------- Newsletter landing */
.snw-hero{background:var(--sn-paper);padding:clamp(16px,2.5vw,32px) 0 clamp(48px,6vw,88px)}
.snw-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.snw-hero__main{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.snh .snw-hero h1{font:600 clamp(40px,5vw,62px)/1.04 var(--serif);letter-spacing:-.02em}
.snh .snw-hero__lead{font-size:18px;line-height:1.6;color:var(--sn-muted);max-width:560px}
.snw-hero__main .snh-link{display:inline-flex;align-items:center;gap:4px}
.snw-card{background:var(--sn-surface);border:1.5px solid var(--sn-ink);border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:8px 8px 0 var(--sn-rule)}
.snh .snw-card__label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-accent)}
.snw-card__sender{display:flex;align-items:center;gap:10px;font-size:15px}
.snw-card__sender .snh-small{display:block;font-size:13px}
.snw-card__avatar{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--sn-rule);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}
.snh .snw-card__avatar img{width:100%;height:100%;object-fit:contain}
.snh .snw-card__subject{font:600 19px/1.3 var(--serif);padding-bottom:12px;border-bottom:1px solid var(--sn-rule)}
.snw-card__recs li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--sn-rule)}
.snh .snw-card__recs img{flex:none;width:56px;height:56px;object-fit:cover;border:1px solid var(--sn-rule)}
.snw-card__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.3}
.snw-card__txt em{font-family:var(--serif);color:var(--sn-muted)}
.snw-card__txt .snh-tag{margin-bottom:2px}
.snw-card__buy{flex:none;font:600 13px var(--sans);color:var(--sn-accent);text-decoration:none}
.snw-card__buy:hover{text-decoration:underline}
.snh .snw-how__h{margin-bottom:48px}
.snw-issues{border-top:0}
.snw-issues a{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--sn-rule);text-decoration:none}
.snw-issues__covers{flex:none;display:flex;width:120px}
.snh .snw-issues__covers img{width:56px;height:56px;object-fit:cover;border:2px solid var(--sn-paper);border-radius:2px;margin-right:-24px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.snw-issues__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.snw-issues__txt time{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.snw-issues__title{font:600 17px/1.35 var(--sans)}
.snw-issues__cta{flex:none;font:600 15px var(--sans);color:var(--sn-accent)}
.snw-issues a:hover .snw-issues__title{text-decoration:underline;text-underline-offset:3px}
.snw .snh-reassure{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--sn-muted)}
.snw .snh-reassure li{display:flex;align-items:center;gap:6px}
.snw .snh-reassure .snh-i{color:var(--sn-accent)}
.snw-hero__main .snh-form{max-width:560px}
@media (max-width:959px){ .snw-hero__grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:720px){
  .snw-issues__cta{display:none}
  .snw-issues__covers{width:88px}
  .snh .snw-issues__covers img{width:44px;height:44px;margin-right:-22px}
}

/* ---------------------------------------------------------------- Guides landing */
.sng-hero{display:flex;flex-direction:column;gap:16px}
.snh .sng .snl-hero h1{font:600 clamp(40px,5vw,62px)/1.04 var(--serif);letter-spacing:-.02em}
.snh .sng-feature{display:flex;flex-direction:column;gap:12px;background:var(--sn-ink);color:var(--sn-paper);border-radius:4px;padding:clamp(28px,4vw,48px);text-decoration:none;margin-bottom:32px}
.sng-feature__eyebrow{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent-pale)}
.sng-feature__title{font:600 clamp(28px,3.4vw,42px)/1.12 var(--serif);max-width:820px}
.sng-feature__text{font-size:18px;line-height:1.6;color:var(--sn-dark-text);max-width:680px}
.sng-feature__meta{font-size:14px;color:var(--sn-faint)}
.sng-feature__cta{font:600 16px var(--sans);margin-top:6px}
.sng-feature:hover .sng-feature__cta{text-decoration:underline;text-underline-offset:3px}
.sng-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px}
.sng-cards a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;background:var(--sn-paper);border:1px solid var(--sn-rule);border-radius:4px;text-decoration:none}
.sng-cards a:hover{border-color:var(--sn-ink)}
.sng-cards__label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-accent)}
.sng-cards__title{font:600 22px/1.25 var(--serif)}
.sng-cards__text{font-size:15px;line-height:1.55;color:var(--sn-muted)}
.sng-cards__meta{font-size:13px;color:var(--sn-faint);margin-top:auto}
.sng-cards__cta{font:600 15px var(--sans);color:var(--sn-accent)}

/* Release photo gallery (up to 3 per version) and lightbox */
.snr-gal__stage{position:relative}
.snh .snr-gal__slide{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.snh .snr-gal__slide[hidden]{display:none!important}
.snr-gal__count{position:absolute;top:12px;left:12px;font:500 11px/1 var(--mono);letter-spacing:.08em;color:#fff;background:var(--sn-ink);padding:6px 8px;border-radius:2px}
.snh .snr-gal__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid var(--sn-ink);border-radius:50%;background:var(--sn-surface);color:var(--sn-ink);cursor:pointer}
.snh .snr-gal__nav:hover{background:var(--sn-ink);color:var(--sn-paper)}
.snr-gal__nav--prev{left:12px}.snr-gal__nav--next{right:12px}
.snh .snr-gal__zoom{position:absolute;right:12px;bottom:12px;font:600 14px var(--sans);padding:8px 12px;border:1.5px solid var(--sn-ink);border-radius:3px;background:var(--sn-surface);color:var(--sn-ink);cursor:pointer}
.snh .snr-gal__zoom:hover{background:var(--sn-ink);color:var(--sn-paper)}
.snr-gal__badge{display:none}
.snr-gal__thumbs{display:flex;align-items:center;gap:10px;margin-top:12px}
.snh .snr-gal__thumb{flex:none;width:64px;height:64px;padding:0;border:1px solid var(--sn-rule);border-radius:2px;background:var(--sn-surface);overflow:hidden;cursor:pointer}
.snh .snr-gal__thumb img{width:100%;height:100%;object-fit:cover}
.snh .snr-gal__thumb[aria-pressed="true"]{border:2px solid var(--sn-ink)}
.snr-gal__note{font-size:14px;color:var(--sn-muted);margin-left:6px}
.snr-lightbox{width:min(92vw,1000px);max-height:92vh;padding:0;border:0;background:transparent;overflow:visible}
.snr-lightbox::backdrop{background:rgba(23,23,21,.88)}
.snh .snr-lightbox__img{display:block;max-width:100%;max-height:84vh;margin:0 auto;object-fit:contain;background:var(--sn-surface)}
.snh .snr-lightbox__count{text-align:center;color:#fff;font:500 12px var(--mono);letter-spacing:.08em;margin-top:10px}
.snh .snr-lightbox__btn{position:fixed;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,254,250,.95);color:var(--sn-ink);cursor:pointer}
.snr-lightbox__prev{left:16px;top:50%}.snr-lightbox__next{right:16px;top:50%}.snr-lightbox__close{right:16px;top:16px}
@media (max-width:959px){
  .snr-gal__count,.snh .snr-gal__nav,.snh .snr-gal__zoom,.snr-gal__thumbs{display:none}
  .snr-gal__badge{display:block;position:absolute;left:0;right:0;bottom:0;font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fff;background:rgba(23,23,21,.82);padding:5px 0;pointer-events:none}
}
/* Rich text in About this record */
.snh .snr-about__rich :where(p,ul,ol,figure){margin:0 0 1em}
.snh .snr-about__rich p,.snh .snr-about__rich li{font-size:17px;line-height:1.7}
.snh .snr-about__rich ul{list-style:disc;padding-left:1.3em}
.snh .snr-about__rich ol{list-style:decimal;padding-left:1.5em}
.snh .snr-about__rich a{color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}
.snh .snr-about__rich img{max-width:100%;height:auto;border-radius:2px}
.snh .snr-about__rich h2,.snh .snr-about__rich h3{font:600 22px/1.3 var(--serif);margin:1.2em 0 .5em}

/* ---------------------------------------------------------------- Vinyl Report (page 286) */
.snvr-hero{background:var(--sn-paper);padding:clamp(16px,2.5vw,32px) 0 clamp(48px,6vw,88px)}
.snvr-hero__inner{display:flex;flex-direction:column;gap:18px}
.snvr-hero__inner>*{max-width:900px}
.snh .snvr-hero h1{font:600 clamp(36px,4.6vw,58px)/1.06 var(--serif);letter-spacing:-.02em}
.snh .snvr-hero__lead{font:400 clamp(19px,1.8vw,22px)/1.5 var(--serif);color:var(--sn-ink)}
.snh .snvr-hero__intro p{font-size:17px;line-height:1.7;color:var(--sn-muted);margin:0 0 .9em}
.snvr-hero__jump{display:flex;flex-wrap:wrap;gap:6px 12px;font:600 15px var(--sans);color:var(--sn-faint);padding-top:6px;border-top:1px solid var(--sn-rule)}
.snvr-hero__jump a{color:var(--sn-accent);text-decoration:none}
.snvr-hero__jump a:hover{text-decoration:underline;text-underline-offset:3px}
.snh .snvr-sub{font-size:16px;margin-top:6px;max-width:620px}
.snvr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.snvr-statcard{background:var(--sn-paper);border:1px solid var(--sn-rule);border-radius:3px;padding:20px;display:flex;flex-direction:column;gap:8px}
.snh .snvr-statcard__num{font:600 clamp(30px,3vw,38px)/1 var(--serif);letter-spacing:-.01em;color:var(--sn-no)}
.snh .snvr-statcard__txt{font-size:15px;line-height:1.5;color:var(--sn-muted)}
.snvr-statcard.is-lead{background:var(--sn-ink);border-color:var(--sn-ink)}
.snh .snvr-statcard.is-lead .snvr-statcard__num{color:var(--sn-paper)}
.snh .snvr-statcard.is-lead .snvr-statcard__txt{color:var(--sn-dark-text)}
.snvr-spikes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.snvr-spike>a,.snvr-spike>div{display:flex;flex-direction:column;gap:6px;height:100%;text-decoration:none}
.snh .snvr-spike .sns-card__frame img{width:100%;height:100%;object-fit:cover}
.snvr-spike__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
.snvr-spike__pct{font:500 12px/1.3 var(--mono);letter-spacing:.06em;color:#fff;background:var(--sn-no);padding:4px 8px;border-radius:2px}
.snvr-spike__price{font:600 20px var(--serif)}
.snvr-spike__note{font-size:14px;line-height:1.5;color:var(--sn-muted)}
.snvr-spike .sns-more{margin-top:auto;padding-top:4px}
.snvr-spike a:hover .sns-card__artist{text-decoration:underline;text-underline-offset:3px}
.snvr-explorer{background:var(--sn-paper);border:1px solid var(--sn-rule);border-radius:3px;padding:clamp(18px,3vw,32px)}
.snvr-filters{margin-bottom:24px}
.snvr-filters label{flex:1 1 200px}
.snh .snvr-filters select{width:100%;min-width:0}
.snh .snvr-filters select:disabled{color:var(--sn-faint);background:#EEEEEA}
.snvr-explorer__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.snvr-explorer__art{flex:none;width:64px;height:64px;border:1px solid var(--sn-rule);background:#EEEEEA;overflow:hidden}
.snh .snvr-explorer__art img{width:100%;height:100%;object-fit:cover}
.snvr-explorer__artist{display:block;font:600 15px var(--sans)}
.snvr-explorer__title{display:block;font:italic 600 22px/1.25 var(--serif)}
.snvr-statrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sn-ink);margin-bottom:24px}
.snvr-stat{padding:12px 14px 12px 0;border-bottom:1px solid var(--sn-rule)}
.snh .snvr-stat__l{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.snh .snvr-stat__v{font:600 26px/1.2 var(--serif);margin-top:4px}
.snh .snvr-stat__v.is-up{color:var(--sn-no)}
.snh .snvr-stat__v.is-down{color:var(--sn-accent)}
.snvr-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--sn-muted);margin-bottom:10px}
.snvr-legend li{display:flex;align-items:center;gap:8px}
.snvr-legend span{width:22px;height:0;border-top:2px solid var(--sn-accent)}
.snvr-legend span.is-trend{border-top:2px dashed var(--sn-no)}
.snvr-chart{position:relative;width:100%;height:340px}
.snh .snvr-credit{font-size:13px;color:var(--sn-faint);text-align:center;margin-top:14px}
.snvr-explorer .sns-share{margin-top:20px}
.snvr-fig{margin:0 0 20px !important;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;padding:12px;overflow:hidden}
.snh .snvr-fig img{width:100%;height:auto}
.snvr-figpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.snvr-method{margin-top:4px}
.snvr-about{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px clamp(40px,6vw,96px);align-items:start}
.snh .snvr-about h2{margin-bottom:18px}
.snh .snvr-about__copy p{font-size:17px;line-height:1.7;color:var(--sn-muted);margin:0 0 1em}
.snh .snvr-about__copy strong{color:var(--sn-ink)}
@media (max-width:959px){
  .snvr-stats,.snvr-spikes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snvr-statrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snvr-about{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .snvr-stats{grid-template-columns:minmax(0,1fr);gap:10px}
  .snvr-spikes{gap:24px 16px}
  .snvr-spike__price{font-size:17px}
  .snvr-figpair{grid-template-columns:minmax(0,1fr)}
  .snvr-chart{height:280px}
  .snh .snvr-stat__v{font-size:22px}
}
/* Report charts drawn in the page (replacing the off-brand PNGs) */
.snvr-fig{padding:clamp(16px,2.5vw,28px) !important}
.snh .snvr-fig__h{display:block;font:600 clamp(18px,1.8vw,22px)/1.3 var(--serif);margin-bottom:18px}
.snh .snvr-fig__note{font-size:14px;color:var(--sn-muted);margin-top:14px}
.snvr-bars li{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:14px;align-items:center;padding:5px 0}
.snvr-bars__name{font:600 14px/1.3 var(--sans);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snvr-bars__name span{font-weight:400;color:var(--sn-muted)}
.snvr-bars__track{display:flex;align-items:center;gap:8px;min-width:0}
.snvr-bars__bar{display:block;height:16px;background:var(--sn-no);border-radius:0 4px 4px 0;min-width:2px;flex:none;max-width:calc(100% - 64px)}
.snvr-bars li:first-child .snvr-bars__bar{background:#7E2A1F}
.snvr-bars__val{flex:none;font:500 13px var(--mono);color:var(--sn-ink)}
.snvr-bars li:hover .snvr-bars__name{color:var(--sn-ink)}
.snvr-bars li:hover .snvr-bars__bar{filter:brightness(.9)}
.snvr-mini{position:relative;height:260px}
.snvr-table{margin-top:12px;font-size:14px}
.snvr-table summary{cursor:pointer;color:var(--sn-accent);font-weight:600}
.snvr-table table{margin-top:8px;border-collapse:collapse;width:100%}
.snvr-table th,.snvr-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--sn-rule)}
@media (max-width:720px){
  .snvr-bars li{grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 0;border-bottom:1px solid var(--sn-rule)}
  .snvr-bars__name{text-align:left;white-space:normal}
  .snvr-mini{height:220px}
}

/* Long-read sidebar (sn_site_report_sidebar) */
.sns-signup--simple{gap:10px;padding:20px}
.snh .sns-signup--simple .sns-signup__h{font-size:20px}
.sns-ann li{border-bottom:1px solid var(--sn-rule)}
.sns-ann a{display:flex;gap:12px;align-items:flex-start;padding:12px 0;text-decoration:none}
.sns-ann__img{flex:none;width:64px;height:64px;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .sns-ann__img img{width:100%;height:100%;object-fit:cover}
.sns-ann__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sns-ann__title{font:600 14px/1.35 var(--sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sns-ann a:hover .sns-ann__title{text-decoration:underline;text-underline-offset:3px}
.sns-ann__rel{font:italic 14px/1.3 var(--serif);color:var(--sn-ink)}
.sns-ann__meta{font-size:12.5px;color:var(--sn-muted)}
.sns-side__h a{color:inherit;text-decoration:none}
.sns-side__h a:hover{color:var(--sn-ink)}


/* ---------------------------------------------------------------- Vinyl Report v2 (design_handoff_vinyl_report) */
.snvr-top{background:var(--sn-paper);padding:8px 0 clamp(40px,5vw,64px)}
.snvr-intro{max-width:960px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:24px}
.snh .snvr-intro h1{font:600 clamp(28px,3vw,38px)/1.12 var(--serif);letter-spacing:-.015em}
.snh .snvr-intro__sub{font-size:17px;line-height:1.55;color:var(--sn-muted);max-width:780px}
.snvr-intro__sub--m{display:none}
.snvr-intro__more{border-left:3px solid var(--sn-accent);padding-left:16px;max-width:780px}
.snh .snvr-intro__more p{font-size:16px;line-height:1.65;color:var(--sn-muted);margin:0 0 .8em}
.snh .snvr-intro__toggle{display:inline-flex;align-items:center;gap:8px;padding:2px 0;border:0;background:none;color:var(--sn-accent);font:600 15px var(--sans);cursor:pointer}
.snvr-intro__caret{display:inline-block;font-size:12px;transition:transform .15s}
.snvr-intro__toggle[aria-expanded="true"] .snvr-intro__caret{transform:rotate(90deg)}

.snvr-tool{display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-areas:"search main" "press main" "cond main" "reset main" ". foot";grid-template-rows:auto auto auto 1fr auto;gap:22px 36px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;padding:22px}
.snvr-tool__search{grid-area:search;display:flex;flex-direction:column;gap:10px;min-width:0}
.snvr-tool__press{grid-area:press;display:flex;flex-direction:column;gap:10px;min-width:0}
.snvr-tool__cond{grid-area:cond;display:flex;flex-direction:column;gap:10px;min-width:0}
.snvr-tool__reset{grid-area:reset;min-width:0}
.snvr-tool__main{grid-area:main;display:flex;flex-direction:column;gap:14px;min-width:0}
.snvr-tool__foot{grid-area:foot;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-width:0}
.snh .snvr-step{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-ink)}
.snvr-step label{cursor:pointer}
.snvr-step__n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--sn-accent);color:#fff;font:600 12px var(--sans);letter-spacing:0}
.snvr-combo{position:relative}
.snh .snvr-combo input{width:100%;font:400 17px var(--sans);color:var(--sn-ink);padding:13px 44px 13px 42px;border:1.5px solid var(--sn-ink);border-radius:3px;background:var(--sn-surface);box-shadow:none;outline:0;text-overflow:ellipsis}
.snvr-combo input:focus{outline:3px solid var(--sn-accent-pale);outline-offset:1px}
.snvr-combo__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--sn-muted);pointer-events:none;display:flex}
.snh .snvr-combo__chev{position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(90deg);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;background:none;color:var(--sn-ink);cursor:pointer}
.snvr-combo__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:360px;overflow-y:auto;background:var(--sn-surface);border:1px solid var(--sn-ink);border-radius:3px;box-shadow:0 12px 32px rgba(23,23,21,.14)}
.snvr-combo__list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--sn-rule);cursor:pointer}
.snvr-combo__list li:first-child{border-top:0}
.snvr-combo__list li.is-active,.snvr-combo__list li:hover{background:var(--sn-accent-soft)}
.snvr-combo__list li[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--sn-accent)}
.snvr-combo__art{flex:none;width:40px;height:40px;background:#EEEEEA;border:1px solid var(--sn-rule);overflow:hidden}
.snh .snvr-combo__art img{width:100%;height:100%;object-fit:cover}
.snvr-combo__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.snvr-combo__txt strong{font:600 14px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snvr-combo__txt em{font:italic 14px var(--serif);color:var(--sn-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snvr-combo__pct{flex:none;font:500 11px var(--mono);color:#fff;background:var(--sn-no);padding:3px 6px;border-radius:2px}
.snvr-combo__none{padding:12px;color:var(--sn-muted);font-size:14px;cursor:default}
.snh .snvr-try{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--sn-muted)}
.snh .snvr-try button{font:500 14px var(--sans);padding:5px 12px;border:1px solid var(--sn-accent-soft-rule);border-radius:999px;background:var(--sn-accent-soft);color:#155039;cursor:pointer}
.snh .snvr-try button:hover{background:#D5E7DC}
.snvr-seg{display:flex;border:1px solid var(--sn-field-border);border-radius:3px;overflow:hidden}
.snh .snvr-seg button{flex:1 1 0;min-width:0;font:600 14px var(--sans);padding:11px 6px;border:0;border-left:1px solid var(--sn-rule);border-radius:0;background:var(--sn-surface);color:var(--sn-ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snh .snvr-seg button:first-child{border-left:0}
.snh .snvr-seg button:hover{background:var(--sn-accent-soft);color:var(--sn-ink)}
.snh .snvr-seg button[aria-checked="true"]{background:var(--sn-accent);color:#fff}
.snh .snvr-note{font-size:13px;color:var(--sn-faint)}
.snh .snvr-reset{padding:2px 0;border:0;background:none;color:var(--sn-accent);font:600 14px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.snvr-rec{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-bottom:14px;border-bottom:1px solid var(--sn-ink)}
.snvr-rec__art{flex:none;width:60px;height:60px;background:#EEEEEA;border:1px solid var(--sn-rule);overflow:hidden}
.snh .snvr-rec__art img{width:100%;height:100%;object-fit:cover}
.snvr-rec__txt{flex:1 1 200px;min-width:0;display:flex;flex-direction:column}
.snvr-rec__artist{font:600 16px/1.3 var(--sans)}
.snvr-rec__title{font:italic 600 28px/1.15 var(--serif)}
.snvr-rec__buy{flex:none;font:600 14px var(--sans);text-decoration:underline;text-underline-offset:3px}
.snvr-rec__buy:hover{color:var(--sn-accent)}
.snvr-stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;padding-bottom:12px;border-bottom:1px solid var(--sn-rule)}
.snh .snvr-stats4 .snvr-stat__l{font:500 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snh .snvr-stats4 .snvr-stat__v{font:600 clamp(28px,2.8vw,38px)/1.15 var(--serif);margin-top:4px}
.snh .snvr-stats4 .snvr-stat__v.is-up{color:var(--sn-no)}
.snvr-stats4 .snvr-stat{padding:0;border:0}
.snvr-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;color:var(--sn-muted)}
.snvr-legend>span{display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;border:0}
.snvr-legend i{display:inline-block;width:20px}
.snvr-legend i.is-line{height:4px;border-radius:2px;background:var(--sn-accent)}
.snvr-legend i.is-trend{height:0;border-top:3px dashed #D9552F}
.snvr-legend i.is-retail{height:9px;background:#E9EEF3;border-top:2px solid #3F5266}
.snvr-legend .snvr-legend__hint{margin-left:auto;font-weight:600;color:var(--sn-accent)}
.snvr-chart{position:relative;min-height:170px;height:auto}
.snvr-chart svg{display:block;font-family:var(--sans);overflow:visible}
.snh .snvr-chart__empty{padding:48px 12px;text-align:center;color:var(--sn-muted);font-size:15px;border:1px dashed var(--sn-rule)}
.snvr-tip{position:absolute;z-index:5;pointer-events:none;background:#155039;color:#fff;border-radius:3px;padding:8px 10px;font-size:13px;line-height:1.35;white-space:nowrap;box-shadow:0 6px 18px rgba(23,23,21,.18)}
.snvr-tip strong{display:block;font-weight:600}
.snvr-tip span{display:block}
.snh .snvr-credit{font-size:12px;color:var(--sn-faint)}
.snvr-share{display:flex;align-items:center;gap:6px}
.snvr-share__l{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-muted);margin-right:4px}
.snvr-share__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--sn-rule);border-radius:50%;color:var(--sn-ink);text-decoration:none}
.snvr-share__btn:hover{border-color:var(--sn-ink)}
.snh .snvr-share__copy{height:36px;padding:0 14px;border:1px solid var(--sn-rule);border-radius:999px;background:var(--sn-surface);font:600 13px var(--sans);color:var(--sn-ink);cursor:pointer}
.snh .snvr-share__copy:hover{border-color:var(--sn-ink)}
.snvr-more{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font:600 17px var(--sans);color:var(--sn-accent);text-decoration:none}
.snvr-more:hover{text-decoration:underline;text-underline-offset:4px}

.snvr-band{background:var(--sn-accent-soft);border-top:1px solid var(--sn-accent-soft-rule);border-bottom:1px solid var(--sn-accent-soft-rule);padding:clamp(28px,4vw,40px) 0;scroll-margin-top:16px}
.snvr-band__inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px}
.snvr-band__copy{flex:1 1 360px;display:flex;flex-direction:column;gap:4px}
.snh .snvr-band h2{font:600 clamp(22px,2.4vw,28px)/1.2 var(--serif)}
.snh .snvr-band p{font-size:16px;line-height:1.5;color:#155039}
.snvr-band .snh-form{flex:1 1 420px;max-width:none}

#insights{scroll-margin-top:12px}
.snvr-spike>a{display:flex;flex-direction:column;gap:6px;height:100%;text-decoration:none}
.snvr-spike>a:hover .sns-card__artist{text-decoration:underline;text-underline-offset:3px}
.snvr-bars li{display:block;padding:0}
.snh .snvr-bars button{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:6px 8px;border:0;border-radius:2px;background:none;color:var(--sn-ink);text-align:left;cursor:pointer;font:inherit}
.snh .snvr-bars button:hover{background:var(--sn-accent-soft)}
.snh .snvr-bars button.is-on{background:var(--sn-accent-soft);box-shadow:inset 3px 0 0 var(--sn-accent)}
.snvr-bars button.is-on .snvr-bars__bar{background:var(--sn-accent)}
.snh .snvr-fig__note{font-size:14px;color:var(--sn-muted);margin-top:14px}
.snh .snvr-toggle{margin-top:20px;padding:2px 0;border:0;background:none;color:var(--sn-accent);font:600 16px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.snvr-trends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.snvr-trend{margin:0;background:var(--sn-paper);border:1px solid var(--sn-rule);border-radius:3px;padding:clamp(16px,2.5vw,24px)}
.snh .snvr-trend figcaption{font:600 clamp(18px,1.8vw,21px)/1.3 var(--serif);margin-bottom:16px}
.snvr-cols{display:flex;align-items:flex-end;gap:12px;height:220px;border-bottom:1px solid var(--sn-rule)}
.snvr-cols__c{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative}
.snvr-cols__v{font:500 12px var(--mono);color:var(--sn-ink)}
.snvr-cols__bar{display:block;width:100%;max-width:56px;background:var(--sn-accent);border-radius:4px 4px 0 0}
#snvr-volume .snvr-cols__bar{background:var(--sn-ink)}
.snvr-cols__y{position:absolute;bottom:-24px;font-size:13px;color:var(--sn-muted)}
.snvr-trend .snvr-cols{margin-bottom:28px}
.snh .snvr-method{margin-top:16px}
.snvr-about{display:block;max-width:calc(780px + 2 * var(--pad-x))}
.snh .snvr-about h2{margin-bottom:18px}
.snh .snvr-about p{font-size:17px;line-height:1.7;color:var(--sn-muted);margin:0 0 1em}
.snh .snvr-about strong{color:var(--sn-ink)}
.snvr-about .snh-btn{margin-top:8px}
.snvr-read{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}
.snvr-read__col{display:flex;flex-direction:column}
.snvr-read__col .sns-more{margin-top:14px}

@media (min-width:900px) and (max-width:1100px){
  .snvr-stats4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
}
@media (max-width:899px){
  .snvr-tool{grid-template-columns:minmax(0,1fr);grid-template-areas:"search" "main" "press" "cond" "reset" "foot";grid-template-rows:none;gap:18px;padding:14px}
  .snvr-tool__search .snvr-step,.snh .snvr-try,.snvr-legend .snvr-legend__hint{display:none}
  .snvr-tool__foot{padding-top:12px;border-top:1px solid var(--sn-rule)}
  .snvr-tool__reset:has(.snvr-reset[hidden]){display:none}
  .snvr-trends,.snvr-read{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .snh .snvr-intro h1{font-size:23px}
  .snvr-tool{padding:12px}
  .snvr-rec__art{width:48px;height:48px}
  .snvr-rec__title{font-size:22px}
  .snvr-rec__buy{flex-basis:100%}
  .snvr-stats4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .snh .snvr-stats4 .snvr-stat__v{font-size:24px}
  .snh .snvr-bars button{grid-template-columns:minmax(0,1fr);gap:4px}
  .snvr-cols{height:170px}
}

/* Copy changes (Oct 2026) */
.snh .snl-hero__count{font-size:15px;color:var(--sn-muted);margin-top:-8px}
.snl-artists{margin:-12px 0 18px}
.snh .sns-reassure{margin-top:10px}
.snh .sns-report--sm{padding:18px 20px;gap:6px}
.sns-report--sm .sns-report__num{font-size:40px}
.snh .snvr-intro__updated{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted);margin-top:-4px}
.snh .snvr-more-wrap{text-align:center;margin-top:22px}
.snvr-more-wrap .snvr-more{margin-top:0}
.snvr-band__form{flex:1 1 420px}
.snvr-band__form .snh-form{max-width:none}
.snvr-about .snh-form{max-width:560px;margin-top:8px}
.snh .sns-faq-group{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent);padding:22px 0 6px}
.snh-acc .sns-faq-group:first-child{padding-top:14px}
.snh .snh-acc__a a{color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------- Vinyl News hub + category (design_handoff_vinyl_news) */
.snv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--sn-muted);margin:0}
.snv-top{background:var(--sn-paper);padding:8px 0 clamp(40px,5vw,64px)}
.snv-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 32px;padding-bottom:18px;margin-bottom:28px;border-bottom:1.5px solid var(--sn-ink)}
.snh .snv-title h1{font:600 clamp(36px,4.6vw,56px)/1.05 var(--serif);letter-spacing:-.02em}
.snh .snv-title__intro{font-size:18px;line-height:1.55;color:var(--sn-muted);max-width:640px;margin-top:10px}
.snh .snv-title__date{flex:none;font:500 12px var(--mono);letter-spacing:.08em;color:var(--sn-muted);padding-bottom:6px}
.snv-lead-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:start}
.snv-lead__link{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.snv-lead__img{display:block;aspect-ratio:16/10;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .snv-lead__img img{width:100%;height:100%;object-fit:cover}
.snv-lead__body{display:flex;flex-direction:column;gap:8px}
.snv-lead__h{font:600 clamp(26px,3vw,36px)/1.15 var(--serif);letter-spacing:-.01em}
.snv-lead__link:hover .snv-lead__h{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.snv-lead__line{font-size:14px;color:var(--sn-muted)}
.snv-lead__ex{font-size:17px;line-height:1.55;color:var(--sn-muted)}
.snv-side{display:flex;flex-direction:column;gap:28px}
.snv-also ul{margin-top:4px}
.snv-also li{border-bottom:1px solid var(--sn-rule)}
.snv-also a{display:flex;gap:14px;align-items:flex-start;padding:14px 0;text-decoration:none}
.snv-also__img{flex:none;width:80px;height:80px;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .snv-also__img img{width:100%;height:100%;object-fit:cover}
.snv-also__txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.snv-also__h{font:600 17px/1.3 var(--serif)}
.snv-also a:hover .snv-also__h{text-decoration:underline;text-underline-offset:3px}
.snv-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.snv-loadmore{text-align:center;margin-top:40px}
@media (max-width:999px){ .snv-cards{grid-template-columns:repeat(3,minmax(0,1fr))} }
.snv-cards a{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.snh .snv-cards .sns-card__frame img{width:100%;height:100%;object-fit:cover}
.snv-cards__h{font:600 17px/1.3 var(--serif)}
.snv-cards a:hover .snv-cards__h{text-decoration:underline;text-underline-offset:3px}
.snv-cards__line{font-size:13px;color:var(--sn-muted)}
.snv-weekly{background:var(--sn-ink);color:var(--sn-paper);padding:clamp(56px,7vw,96px) 0}
.snv-weekly__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(40px,6vw,88px);align-items:start}
.snh .snv-weekly__eyebrow{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sn-accent-pale)}
.snh .snv-weekly h2{font:600 clamp(28px,3.2vw,40px)/1.12 var(--serif);color:var(--sn-paper);margin:10px 0 12px}
.snh .snv-weekly__text{color:var(--sn-dark-text);font-size:16px;margin-bottom:18px}
.snv-weekly .snh-form{max-width:none}
.snh .snv-weekly .sns-reassure{color:var(--sn-faint)}
.snv-weekly__list li{border-bottom:1px solid var(--sn-dark-rule-2)}
.snv-weekly__list a{display:flex;flex-direction:column;gap:4px;padding:14px 0;text-decoration:none;color:var(--sn-paper)}
.snv-weekly__list time{font:500 11px var(--mono);letter-spacing:.08em;color:var(--sn-accent-pale)}
.snv-weekly__list span{font:500 15px/1.4 var(--sans);color:#E4E2DB}
.snv-weekly__list a:hover span{text-decoration:underline;text-underline-offset:3px;color:#fff}
.snv-weekly__all{display:inline-block;margin-top:16px;font:600 15px var(--sans);color:var(--sn-paper);text-decoration:underline;text-underline-offset:4px}
.snv-genres{display:grid;grid-template-columns:repeat(var(--snv-cols,4),minmax(0,1fr));gap:40px 32px}
.snv-genre__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--sn-ink);margin-bottom:6px}
.snh .snv-genre__head h2{font:600 22px var(--sans)}
.snv-genre li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--sn-rule)}
.snv-genre li a{font:600 16px/1.35 var(--serif);text-decoration:none}
.snv-genre li a:hover{text-decoration:underline;text-underline-offset:3px}
.snv-genre time{font:500 11px var(--mono);letter-spacing:.06em;color:var(--sn-faint)}
.snv-rl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px clamp(40px,6vw,88px);align-items:start}
.snh .snv-report{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center;background:var(--sn-paper);border:1px solid var(--sn-rule);border-radius:3px;padding:24px;text-decoration:none}
.snv-report__txt{display:flex;flex-direction:column;gap:10px}
.snv-report__tag{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-no)}
.snv-report__h{font:600 22px/1.25 var(--serif)}
.snv-report__img{aspect-ratio:1;overflow:hidden;border:1px solid var(--sn-rule)}
.snh .snv-report__img img{width:100%;height:100%;object-fit:cover}
.snv-labels .sns-chips{margin:14px 0 22px}
.snv-labels .sns-chips span{display:inline-block;font:500 14px var(--sans);padding:7px 14px;border:1px solid var(--sn-rule);border-radius:999px;background:var(--sn-surface)}
.snv-newartist{display:flex;align-items:center;gap:14px;text-decoration:none}
.snv-newartist .sns-avatar__img{width:56px;flex:none}
.snv-newartist strong{display:block;font:600 17px var(--sans)}
.snv-newartist__l{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.snv-added{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;padding:clamp(16px,3vw,32px)}
.snh .snv-added .sns-shelf__head h2{font-size:clamp(18px,2vw,24px)}
.snv-added .sns-more{white-space:nowrap}
.snv-avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.snv-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* category template */
.snv-cathead{background:var(--sn-paper);padding:8px 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--sn-rule)}
.snv-cathead__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px clamp(32px,6vw,72px);align-items:center}
.snv-cathead__main{display:flex;flex-direction:column;gap:12px}
.snh .snv-cathead h1{font:600 clamp(36px,4.6vw,56px)/1.05 var(--serif);letter-spacing:-.02em}
.snh .snv-cathead__desc{font-size:18px;line-height:1.55;color:var(--sn-muted);max-width:620px}
.snv-cathead__side .snh-form .snr-signup__row{flex-wrap:nowrap}
.snv-cathead__side .snh-form .snr-signup__input{flex:1 1 0;min-width:0}
.snv-cathead__side .snh-form .snr-signup__button{flex:none}
.snh.snv--list .snv-listsec{padding-top:clamp(36px,4vw,56px)}
.snv-list{max-width:880px}
.snv-list__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--sn-ink)}
.snh .snv-list__head h2{font:600 13px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.snv-list__head span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-faint)}
.snv-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--sn-rule)}
.snv-row__img{display:block;width:132px;height:132px;border:1px solid var(--sn-rule);background:var(--sn-surface);overflow:hidden}
.snh .snv-row__img img{width:100%;height:100%;object-fit:cover}
.snv-row__txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.snh .snv-row__h{font:600 22px/1.25 var(--serif)}
.snv-row__h a{text-decoration:none}
.snv-row__h a:hover{text-decoration:underline;text-underline-offset:3px}
.snh .snv-row__line{font-size:14px;color:var(--sn-muted)}
.snh .snv-row__ex{font-size:15px;line-height:1.55;color:var(--sn-muted)}
.snh .snv-row__links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;margin-top:2px}
.snv-row__buy{font-weight:600;color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}
.snv-row__artist{color:var(--sn-muted);text-decoration:underline;text-underline-offset:3px}
.snv-empty{padding:40px 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.snv-catfoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(40px,6vw,88px);align-items:start}
.snv-morelinks{margin-top:12px}
.snv-morelinks a{display:inline-block;padding:7px 0;font:500 16px var(--sans);text-decoration:underline;text-underline-offset:3px}
.snv-morelinks a:hover{color:var(--sn-accent)}
@media (max-width:999px){
  .snv-genres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snv-added{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:899px){
  .snv-lead-grid,.snv-weekly__grid,.snv-rl,.snv-cathead__grid,.snv-catfoot{grid-template-columns:minmax(0,1fr)}
  .snv-side{display:flex;flex-direction:column}
  .snv-signup{order:-1}
}
@media (max-width:720px){
  .snv-title{flex-direction:column;align-items:flex-start}
  .snv-title__date{display:none}
  .snh .snv-title h1,.snh .snv-cathead h1{font-size:32px}
  .snh .snv-title__intro,.snh .snv-cathead__desc{font-size:15px}
  .snv-lead__link{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}
  .snv-lead__img{aspect-ratio:1;width:88px}
  .snv-lead__h{font-size:19px}
  .snv-lead__ex{display:none}
  .snv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .snv-genres{grid-template-columns:minmax(0,1fr)}
  .snh .snv-report{grid-template-columns:minmax(0,1fr)}
  .snv-avatars{grid-template-columns:repeat(3,minmax(0,1fr))}
  .snv-avatars li:nth-child(4){display:none}
  .snv-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .snv-row{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .snv-row__img{width:88px;height:88px}
  .snh .snv-row__h{font-size:18px}
  .snv-row__ex{display:none}
}

/* ---------------------------------------------------------------- Genre pages (design_handoff_genre_page 1c) */
.sgp-hero{background:var(--sn-paper);padding:8px 0 clamp(36px,4vw,48px)}
.sgp-hero__panel{background:var(--sn-ink);color:var(--sn-paper);border-radius:3px;padding:clamp(28px,4vw,44px) clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px clamp(32px,5vw,64px);align-items:center}
.sgp-hero__main{display:flex;flex-direction:column;gap:12px}
.snh .sgp-hero__eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sn-accent-pale)}
.snh .sgp-hero h1{color:var(--sn-paper);font-size:clamp(40px,5vw,60px)}
.snh .sgp-hero__desc{display:flex;flex-direction:column;gap:10px;max-width:620px}
.snh .sgp-hero__desc p{font-size:17px;line-height:1.55;color:var(--sn-dark-text)}
.snh .sgp-hero__desc a{color:var(--sn-paper);text-decoration:underline;text-underline-offset:3px}
.snh .sgp-hero__small{font-size:14px;color:var(--sn-dark-text)}
.snh .sgp-hero__stats{font:500 12px var(--mono);letter-spacing:.06em;color:var(--sn-faint)}
.snh .sgp-hero__prompt{font:600 16px var(--sans);color:var(--sn-paper);margin-bottom:12px}
.sgp-hero .snh-form{max-width:none}
.sgp-hero .snh-form .snr-signup__row{flex-wrap:nowrap}
.sgp-hero .snh-form .snr-signup__input{flex:1 1 0;min-width:0;border-color:var(--sn-dark-rule-2)}
.sgp-hero .snh-form .snr-signup__button{flex:none}
.snh .sgp-hero .sns-reassure{color:var(--sn-faint);margin-top:10px}

.sgp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px 56px;align-items:start;padding-bottom:clamp(56px,7vw,96px)}
.sgp-main{display:flex;flex-direction:column;gap:clamp(40px,5vw,56px);min-width:0}
.sgp-sec__head,.sgp-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.sgp-sec__head{padding-bottom:12px;border-bottom:1.5px solid var(--sn-ink)}
.snh .sgp-sec__head h2{font-size:clamp(24px,2.4vw,30px)}

.sgp-rel__row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--sn-rule)}
.sgp-rel__img{display:block;width:120px;height:120px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;overflow:hidden}
.sgp-rel__img img,.sgp-rel__img .sns-card__blank{display:block;width:100%;height:100%;object-fit:cover}
.sgp-rel__txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.snh .sgp-rel__h{font:600 21px/1.25 var(--serif)}
.sgp-rel__h a{color:var(--sn-ink);text-decoration:none}
.sgp-rel__h a:hover{text-decoration:underline;text-underline-offset:3px}
.snh .sgp-rel__line{font-size:14px;color:var(--sn-muted)}
.sgp-buy{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sgp-buy__btn{display:inline-block;font:600 13px var(--sans);padding:7px 12px;border-radius:3px;background:var(--sn-accent);color:#fff;text-decoration:none}
.sgp-buy__btn--us{background:var(--sn-accent-hover)}
.sgp-buy__btn:hover{background:var(--sn-ink);color:#fff}
.sgp-buy__reg{font:500 11px var(--mono);letter-spacing:.06em;opacity:.85}
.sgp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.sgp-news li{border-bottom:1px solid var(--sn-rule)}
.sgp-news a{display:flex;flex-direction:column;gap:6px;padding:16px 0;text-decoration:none;color:var(--sn-ink)}
.sgp-news__meta{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.sgp-news__st--pre,.sgp-news__st--out{color:#155039}
.sgp-news__st--reissue{color:#554167}
.sgp-news__st--restock{color:#8A3D2D}
.sgp-news__st--announced{color:#3F5266}
.sgp-news__h{font:600 18px/1.35 var(--serif)}
.sgp-news a:hover .sgp-news__h{text-decoration:underline;text-underline-offset:3px}

.sgp-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.sgp-card{background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;padding:20px}
.snh .sgp-card h2{font:600 18px/1.3 var(--sans);letter-spacing:0;margin-bottom:12px}
.sgp-card__head h2{margin-bottom:12px}
.snh .sgp-card__note{font-size:12px;color:var(--sn-muted);margin-top:12px}
.sgp-card .sns-more{font-size:13px}
.sgp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--sn-rule);border-radius:3px;overflow:hidden;margin-bottom:6px}
.sgp-seg button{font:500 13px var(--sans);padding:8px 6px;border:0;border-left:1px solid var(--sn-rule);background:var(--sn-surface);color:var(--sn-ink);cursor:pointer}
.sgp-seg button:first-child{border-left:0}
.sgp-seg button[aria-pressed="true"]{background:var(--sn-accent);color:#fff}
.sgp-artists li{border-bottom:1px solid var(--sn-rule)}
.sgp-artists li:last-child{border-bottom:0}
.sgp-artists a{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;color:var(--sn-ink)}
.sgp-artists__img{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#E5E2DA;display:flex;align-items:center;justify-content:center;font:600 14px var(--sans);color:var(--sn-muted)}
.sgp-artists__img img{width:100%;height:100%;object-fit:cover}
.sgp-artists__txt{display:flex;flex-direction:column;min-width:0}
.sgp-artists__name{font:600 14px var(--sans)}
.sgp-artists a:hover .sgp-artists__name{text-decoration:underline;text-underline-offset:3px}
.sgp-artists__sub{font-size:12px;color:var(--sn-muted)}
.sgp-chips{display:flex;flex-wrap:wrap;gap:8px}
.sgp-chips a{display:inline-block;font:500 13px var(--sans);padding:5px 10px;border:1px solid var(--sn-rule);border-radius:3px;background:var(--sn-paper);color:var(--sn-ink);text-decoration:none}
.sgp-chips a:hover{border-color:var(--sn-ink)}
.sgp-shops li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--sn-rule);font:600 14px var(--sans)}
.sgp-shops__reg{flex:none;font:500 10px var(--mono);letter-spacing:.08em;color:var(--sn-muted)}
.sgp-issues{margin-bottom:12px}
.sgp-issues a{display:flex;flex-direction:column;gap:3px;padding:9px 0;text-decoration:none;color:var(--sn-ink)}
.sgp-issues time{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-accent)}
.sgp-issues span{font-size:14px;line-height:1.4}
.sgp-issues a:hover span{text-decoration:underline;text-underline-offset:3px}
.sgp-side .sns-signup{padding:20px}

@media (max-width:899px){
  .sgp-hero__panel{grid-template-columns:minmax(0,1fr)}
  .sgp-grid{grid-template-columns:minmax(0,1fr) 300px;gap:40px}
}
@media (max-width:720px){
  .sgp-grid{grid-template-columns:minmax(0,1fr)}
  .sgp-rel__row{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .sgp-rel__img{width:88px;height:88px}
  .sgp-rel__row.is-extra{display:none}
  .snh .sgp-rel__h{font-size:18px}
  .snh .sgp-hero__desc p{font-size:16px}
}

/* Filtered / paged release lists: list + sitewide sidebar */
.snl-withside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px clamp(40px,5vw,72px);align-items:start}
.snl-withside__main{min-width:0}
.snl-withside .sns-grid.sns-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:899px){ .snl-withside{grid-template-columns:minmax(0,1fr)} }
@media (max-width:720px){ .snl-withside .sns-grid.sns-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* Release page: link to the pre-order guide under pre-order buy buttons */
.snh .snr-hero__guide{font-size:14px;color:var(--sn-muted);margin-top:10px}
.snh .snr-hero__guide a{color:var(--sn-ink)}

/* ---------------------------------------------------------------------
   Record label pages, /label/{slug}/ (templates/label.php), and the
   labels index, /labels/ (templates/labels-index.php).
   design_handoff_label_page 2: 1a, 1b, 2a.
--------------------------------------------------------------------- */
.slb-hero{padding:28px 0 clamp(40px,5vw,64px)}
.slb-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px 72px;align-items:start}
.slb-hero__main{display:flex;flex-direction:column;gap:18px;min-width:0}
.slb-hero__id{display:flex;align-items:center;gap:24px}
.slb-hero__titles{display:flex;flex-direction:column;gap:8px;min-width:0}
.slb-logo{flex:none;width:112px;height:112px;border:1px solid var(--sn-rule);border-radius:3px;background:var(--sn-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.slb-logo>span{font:600 44px/1 var(--serif);color:var(--sn-faint)}
.slb-logo.has-img{background:#fff;padding:10px}
.slb-logo img{width:100%;height:100%;object-fit:contain}
.slb-logo.has-img.is-dark{background:var(--sn-ink);border-color:var(--sn-ink)}
.snh .slb-about__bio .slb-about__data{font-size:16px;color:var(--sn-muted);padding-top:16px;border-top:1px solid var(--sn-rule)}
.slb-logo--sm{width:48px;height:48px}
.slb-logo--sm>span{font-size:20px}
.slb-logo--sm.has-img{padding:4px}
.snh .slb-kicker{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-muted)}
.snh .slb-hero h1{font-size:clamp(30px,4.4vw,54px);line-height:1.05;overflow-wrap:anywhere}
.snh .slb-intro{font-size:18px;line-height:1.6;color:var(--sn-ink);max-width:640px}
.slb-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.slb-links a{display:inline-flex;align-items:center;gap:6px;font:500 14px var(--sans);color:var(--sn-accent);text-decoration:none}
.slb-links a:hover span{text-decoration:underline;text-underline-offset:3px}
.slb-hero__form{background:var(--sn-surface);border:1.5px solid var(--sn-ink);border-radius:3px;padding:24px}
.snh .slb-form__h{font:600 22px/1.25 var(--serif);margin-bottom:6px}
.snh .slb-form__sub{font-size:14px;color:var(--sn-muted);margin-bottom:14px}
.slb-hero__form .sns-reassure{margin-top:10px}
.slb-jump{font:600 15px var(--sans);color:var(--sn-accent);display:inline-flex;align-items:center;gap:6px}
.slb-mob{display:none}
.slb-sec .sns-shelf__head{flex-wrap:wrap}
.snh .slb-head-note{font-size:14px}
.slb-more{margin-top:32px}
.slb-grid .sns-card__date{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.slb-about{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 72px;align-items:start}
.slb-about__bio{display:flex;flex-direction:column;gap:16px;max-width:680px}
.snh .slb-about__bio p{font-size:18px;line-height:1.65}
.slb-about__bio a{color:var(--sn-accent)}
.slb-about__side{display:flex;flex-direction:column;gap:16px}
.slb-panel{background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;padding:20px;display:flex;flex-direction:column;gap:12px}
.snh .slb-panel__h{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-muted)}
.snh .slb-panel__note{font-size:12px;color:var(--sn-muted)}
.slb-panel .slb-links{flex-direction:column;gap:10px}
.slb-facts{flex-direction:column;border:1px solid var(--sn-rule);border-radius:3px;background:var(--sn-surface);padding:4px 20px}
.slb-facts>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;margin:0;border-right:0;border-bottom:1px solid var(--sn-rule)}
.slb-facts>div:last-child{border-bottom:0}
.slb-facts dt{font-size:14px;color:var(--sn-muted)}
.slb-facts dd{margin:0;font:600 14px var(--sans);text-align:right}

.slb-artists{grid-template-columns:repeat(6,minmax(0,1fr))}
.slb-artists .sns-avatar__img{max-width:104px}
.slb-artists__c{font-size:13px;color:var(--sn-muted);margin-top:-6px}

.slb-issues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.slb-issue a{display:flex;flex-direction:column;gap:10px;height:100%;padding:16px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;text-decoration:none;color:var(--sn-ink)}
.slb-issue a:hover{border-color:var(--sn-ink)}
.slb-issue__covers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.slb-issue__covers img,.slb-issue__covers>span{width:100%;aspect-ratio:1;object-fit:cover;background:#E5E2DA;border-radius:2px}
.slb-issue__meta{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.slb-issue__title{font:600 18px/1.3 var(--serif)}
.slb-issue__rec{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--sn-paper);border-radius:3px;font-size:14px}
.slb-issue__lab{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-accent)}
.slb-issue__cta{margin-top:auto;font:600 14px var(--sans);color:var(--sn-accent)}
.slb-after{margin-top:24px}

.slb-news{border-top:1px solid var(--sn-rule)}
.slb-news li{border-bottom:1px solid var(--sn-rule)}
.slb-news a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center;padding:16px 0;text-decoration:none;color:var(--sn-ink)}
.slb-news__img{width:88px;height:88px;border-radius:3px;overflow:hidden;background:#E5E2DA}
.slb-news__img img{width:100%;height:100%;object-fit:cover}
.slb-news__txt{display:flex;flex-direction:column;gap:6px}
.slb-news__meta{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sn-muted)}
.slb-news__h{font:600 18px/1.35 var(--serif)}
.slb-news a:hover .slb-news__h{text-decoration:underline;text-underline-offset:3px}

/* Labels index */
.sns-search.sli-search{position:relative;max-width:560px}
.sli-sug{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);background:var(--sn-surface);border:1px solid var(--sn-ink);border-radius:3px;box-shadow:0 12px 32px rgba(23,23,21,.12);overflow:hidden}
.sli-sug a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font:500 16px var(--sans);text-decoration:none;color:var(--sn-ink);border-top:1px solid var(--sn-rule)}
.sli-sug a:first-child{border-top:0}
.sli-sug small{font:500 12px var(--mono);color:var(--sn-muted)}
.sli-sug .sli-sug__all{font-weight:600;color:var(--sn-accent)}
.sli-sug a[aria-selected="true"],.sli-sug a:hover{background:var(--sn-accent-soft)}
.snh .sli-sug__none{padding:14px 16px;font-size:15px;color:var(--sn-muted)}
.sli-hint{margin-top:-8px}
.sli-active{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sli-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px}
.sli-card__top{display:flex;align-items:center;gap:12px}
.sli-card__top>span:last-child{display:flex;flex-direction:column}
.sli-card__name{font:600 18px/1.25 var(--serif)}
.sli-card__c{font-size:13px;color:var(--sn-muted)}
.sli-card__covers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sli-card__covers img,.sli-card__covers>span{width:100%;aspect-ratio:1;object-fit:cover;background:#E5E2DA;border-radius:2px}
.snh .sli-card__late{font-size:13px;color:var(--sn-muted)}
.sli-card .sns-more{margin-top:auto;font-size:14px}
.sli-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sli-genres a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;background:var(--sn-surface);border:1px solid var(--sn-rule);border-radius:3px;font:600 15px var(--sans);text-decoration:none;color:var(--sn-ink)}
.sli-genres a:hover{border-color:var(--sn-ink)}
.sli-genres__c{font:500 12px var(--mono);color:var(--sn-muted)}
.sli-letters ul{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;margin-bottom:28px}
.sli-letters a,.sli-letters .is-empty{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border:1px solid var(--sn-rule);border-radius:3px;background:var(--sn-surface);text-decoration:none;color:var(--sn-ink);font:600 16px var(--sans)}
.sli-letters small{font:500 10px var(--mono);color:var(--sn-muted)}
.sli-letters a:hover{border-color:var(--sn-ink)}
.sli-letters a.is-cur{background:var(--sn-ink);border-color:var(--sn-ink);color:#fff}
.sli-letters a.is-cur small{color:var(--sn-dark-text)}
.sli-letters .is-empty{color:#C9C7C0;cursor:default}
.sli-listhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:8px;border-bottom:1.5px solid var(--sn-ink)}
.snh .sli-listhead__t{font:600 20px var(--serif)}
.sli-sort{min-width:220px}
.sli-sort a{font:500 13px var(--sans);padding:8px 12px;border-left:1px solid var(--sn-rule);background:var(--sn-surface);color:var(--sn-ink);text-decoration:none;text-align:center}
.sli-sort a:first-child{border-left:0}
.sli-sort a[aria-current]{background:var(--sn-accent);color:#fff}
.sli-list{columns:3;column-gap:40px}
.sli-list li{break-inside:avoid;border-bottom:1px solid var(--sn-rule)}
.sli-list a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;text-decoration:none;color:var(--sn-ink);font-size:16px}
.sli-list a:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.sli-list__c{font:500 12px var(--mono);color:var(--sn-muted)}

@media (max-width:1023px){
  .slb-hero__grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px 40px}
  .slb-artists{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sli-active{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sli-list{columns:2}
}
@media (max-width:767px){
  .slb-hero{padding:16px 0 28px}
  .slb-hero__grid,.slb-about{grid-template-columns:minmax(0,1fr)}
  .slb-hero__main{gap:12px}
  .slb-hero__id{gap:14px}
  .slb-logo{width:64px;height:64px}
  .slb-logo>span{font-size:28px}
  .snh .slb-intro{font-size:16px}
  .slb-hero__form{padding:16px}
  .snh .slb-form__h{font-size:19px}
  .slb-desk{display:none}
  .slb-mob{display:inline-flex}
  .slb-artists{grid-template-columns:repeat(3,minmax(0,1fr))}
  .slb-issues{grid-template-columns:minmax(0,1fr)}
  .slb-news a{grid-template-columns:64px minmax(0,1fr);gap:14px}
  .slb-news__img{width:64px;height:64px}
  .snh .slb-news__h{font-size:16px}
  .sli-active,.sli-genres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sli-active{grid-template-columns:minmax(0,1fr)}
  .sli-letters ul{grid-template-columns:repeat(7,minmax(0,1fr))}
  .sli-list{columns:1}
}

/* ---------------------------------------------------------------- Weekly issue (single) */
.snw-ihead{background:var(--sn-paper);border-bottom:1px solid var(--sn-rule);padding:8px 0 clamp(28px,4vw,44px)}
.snw-ihead .snh-wrap{display:flex;flex-direction:column;gap:12px}
.snh .snw-ihead h1{font-size:clamp(30px,3.6vw,46px);line-height:1.1;max-width:920px}
.snh .snw-ihead__date{font-size:15px;color:var(--sn-muted)}
/* the issue is email HTML with inline styles: only undo the page heading styles it doesn't set */
.snh .snw-issue h1,.snh .snw-issue h2{letter-spacing:normal;text-wrap:wrap}
.snw-more{margin-top:24px}
.snw-more>summary{display:inline-block;cursor:pointer;font:600 15px var(--sans);color:var(--sn-accent);list-style:none}
.snw-more>summary::-webkit-details-marker{display:none}
.snw-more>summary::after{content:" ↓"}
.snw-more[open]>summary{margin-bottom:24px}
.snw-more[open]>summary::after{content:" ↑"}
.snw-sart li{border-bottom:1px solid var(--sn-rule)}
.snw-sart a{display:flex;align-items:center;gap:12px;padding:8px 0;text-decoration:none}
.snw-sart__img{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--sn-rule);background:#EEEEEA;font:600 15px var(--serif);color:var(--sn-muted)}
.snh .snw-sart__img img{width:100%;height:100%;object-fit:cover}
.snw-sart__name{font:500 16px/1.3 var(--sans)}
.snw-sart a:hover .snw-sart__name{color:var(--sn-accent);text-decoration:underline;text-underline-offset:3px}
.snw-more--side{margin-top:12px}
.snw-more--side[open]>summary{margin-bottom:8px}
.snw-issues--side a{gap:12px;padding:12px 0}
.snw-issues--side .snw-issues__covers{width:76px}
.snh .snw-issues--side .snw-issues__covers img{width:36px;height:36px;margin-right:-16px}
.snh .snw-issues--side .snw-issues__title{font:500 15px/1.35 var(--sans)}
.snw-issues--side .snw-issues__cta{display:none}
.snw-inline{margin:0 0 24px}
.snh .snw-spotify__text{margin:14px 0 12px;font:500 16px/1.4 var(--sans)}
.snw-spotify__player{display:block;width:100%;height:152px;border:0;border-radius:12px}
.snw-spotify .snw-spotify__follow{margin-top:12px}