/*
 * Music & Audio refinement layer (2026-08-24), ?v=20260824-music-1.
 *
 * Scope per the reviewed handoff v2.1: behavior and additions only — the
 * approved center and header design is untouched. This layer carries the
 * sticky menu with its compact wordmark, the vertical Cover Story sidebar
 * unit, the article crumb / ink rule / share row, Coming soon pages, and the
 * sector-voiced author page. The palette is mirrored at the .layout- level
 * so pages without the sector body class keep the music colors.
 * Bump the ?v= marker in all six link points on change: index/category/
 * article templates plus the shared _utility/author/404 partials.
 */
.layout-music-verdict { --sector-accent: var(--vuga-color-accent, #b5411f); color: #111; }

/* Sticky menu (mandatory): the approved dark category bar stays pinned; the
   compact Anton wordmark appears beside it once the masthead has scrolled
   away. Colors, fonts, and composition of the header are unchanged. */
.layout-music-verdict .sector-nav[data-music-nav] { position: sticky; top: 0; z-index: 40; background: #111; }
.layout-music-verdict .music-nav-logo { display: none; align-items: center; padding-right: .9rem; margin-right: .35rem; border-right: 1px solid rgba(255,255,255,.25); }
.layout-music-verdict .music-nav-logo strong { font: 400 .95rem/1 Anton, sans-serif; text-transform: uppercase; letter-spacing: .01em; color: #fff; }
.layout-music-verdict .music-nav-logo strong:after { content: '.'; color: var(--sector-accent); }
.mv-scrolled .layout-music-verdict .music-nav-logo { display: inline-flex; }

/* Homepage: the only addition to the approved center — a right rail carrying
   the vertical Cover Story unit (portrait 3:4 cover, two text rows, rubric
   link; Coming soon while the desk is empty). The feed column keeps the
   approved cover/reviews/latest geometry untouched. */
.layout-music-verdict .music-home { display: block; }
.layout-music-verdict .music-feed { min-width: 0; }
.layout-music-verdict .music-cover-story { border-top: 12px solid var(--sector-accent); padding-top: 1rem; }
.layout-music-verdict .music-cover-story > h2 { font: 400 2rem/0.95 Anton, sans-serif; text-transform: uppercase; letter-spacing: .01em; margin: .35rem 0 0; }
.layout-music-verdict .music-cs-feature { display: block; margin-top: 1rem; }
.layout-music-verdict .music-cs-feature .sector-media { aspect-ratio: 2 / 3; }
.layout-music-verdict .music-cs-feature h3 { font: 600 1.3rem/1.15 Lora, serif; margin: .55rem 0 .3rem; }
.layout-music-verdict .music-cs-feature .music-cs-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: #4d4d4d; font: 500 .95rem/1.45 Lora, serif; }
.layout-music-verdict .music-cs-all { display: inline-block; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--music-line, #cfcfcf); font: 700 11px Arial, sans-serif; text-transform: uppercase; letter-spacing: .09em; color: var(--sector-accent); text-decoration: none; }
.layout-music-verdict .music-cs-soon { margin-top: 1rem; padding: 1.4rem 1.2rem; border: 1px dashed var(--music-line, #cfcfcf); background: #f1f0ed; }
.layout-music-verdict .music-cs-soon p { margin: .35rem 0 0; font: 500 .95rem/1.5 Lora, serif; color: #4d4d4d; }

/* Article page: mono HOME/rubric crumb above the chip, ink rule under the
   byline, and a sector-voiced share row carrying the canonical URL. The
   approved article header, verdict block, and body grid are untouched. */
.layout-music-verdict .music-crumb { display: block; margin-bottom: 1rem; font: 700 11px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #666; }
.layout-music-verdict .music-crumb a { color: var(--sector-accent); text-decoration: none; }
.layout-music-verdict .music-crumb a:hover { text-decoration: underline; }
.layout-music-verdict .music-article .music-meta { display: block; border-bottom: 3px solid #111; padding-bottom: 1rem; }
.layout-music-verdict .music-share { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; }
.layout-music-verdict .music-share > span { font: 700 10px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #666; margin-right: .2rem; }
.layout-music-verdict .music-share a { border: 2px solid #111; padding: .4rem .65rem; font: 700 10px Arial, sans-serif; letter-spacing: .09em; text-transform: uppercase; color: #111; background: #fff; text-decoration: none; }
.layout-music-verdict .music-share a:hover { background: var(--sector-accent); border-color: var(--sector-accent); color: #fff; }

/* Approved-but-empty sections publish a Coming soon page in the standard
   category layout until their first articles land. */
.layout-music-verdict .music-coming-soon { margin-top: 2rem; padding: 2.2rem 1.8rem; border: 1px dashed var(--music-line, #cfcfcf); background: #f1f0ed; }
.layout-music-verdict .music-coming-soon h2 { font: 400 2.6rem/0.95 Anton, sans-serif; text-transform: uppercase; margin: 0; }
.layout-music-verdict .music-coming-soon p { margin: .6rem 0 0; font: 500 1.05rem/1.55 Lora, serif; color: #4d4d4d; max-width: 46rem; }

/* Author page in the sector voice: interface Author label in the accent,
   portrait photo tile, Anton name over an ink rule, Lora bio, card grid. */
.layout-music-verdict .sector-wrap { max-width: 76rem; margin: 0 auto; padding: 2.5rem clamp(1rem, 3vw, 2rem) 4rem; }
.layout-music-verdict .mv-crumb { display: block; margin-bottom: 1rem; font: 700 11px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #666; }
.layout-music-verdict .mv-crumb a { color: var(--sector-accent); text-decoration: none; }
.layout-music-verdict .sector-author-page { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 1.8rem; align-items: start; padding-bottom: 1.6rem; border-bottom: 6px solid #111; }
.layout-music-verdict .sector-author-page-photo { width: 8rem; height: 8rem; object-fit: cover; background: #f1f0ed; }
.layout-music-verdict .sector-author-page .sector-kicker { font: 700 11px Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--sector-accent); }
.layout-music-verdict .sector-author-page h1 { font: 400 clamp(2.4rem, 5vw, 4rem)/0.95 Anton, sans-serif; text-transform: uppercase; margin: .5rem 0 .8rem; }
.layout-music-verdict .sector-author-bio { max-width: 44rem; font: 500 1.1rem/1.6 Lora, serif; color: #242424; }
.layout-music-verdict .sector-author-title, .layout-music-verdict .sector-author-credentials { margin: .5rem 0 0; font: 700 11px Arial, sans-serif; text-transform: uppercase; letter-spacing: .09em; color: #666; }
.layout-music-verdict .sector-card .sector-media { aspect-ratio: 16 / 10; }
.layout-music-verdict .sector-card h3 { font: 600 1.15rem/1.2 Lora, serif; margin: .45rem 0 .3rem; }

/* 404 keeps the sector chrome: ink rule over the utility column. */
.layout-music-verdict .not-found-main { max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; }

@media (max-width: 1020px) {
  .layout-music-verdict .music-home { grid-template-columns: 1fr; }
  .layout-music-verdict .music-cover-story { max-width: 26rem; }
  .layout-music-verdict .sector-author-page { grid-template-columns: 6rem minmax(0, 1fr); gap: 1.2rem; }
}

/* ---- 2026-09-05 canon width gate (network-wide fix): lift the base
   sector-publication.css 760px squeeze so utility pages fill the shared
   1180px nav/footer container. Same fix as arts/bp/edu/ent. */
.layout-music-verdict .sector-utility-wrap { width: min(1180px, 100%); margin: 0 auto; }
.layout-music-verdict .sector-utility { width: 100%; max-width: none; margin: 0; }
.layout-music-verdict .sector-utility--about > .sector-about-body,
.layout-music-verdict .sector-utility--about > .about-team,
.layout-music-verdict .sector-utility--about > .about-network { width: 100%; margin-inline: 0; }

/* ---- 2026-09-06 wave 3: no breadcrumb on author/about/data (removed in
   markup); author name, bio, about body and data title read smaller. */
.layout-music-verdict .sector-author-page-content h1 { font-size: clamp(1.5rem, 3vw, 2rem) !important; }
.layout-music-verdict .sector-author-bio { font-size: .92rem !important; }
.layout-music-verdict .sector-about-body { font-size: .95rem !important; }
.layout-music-verdict .sector-about-body h1, .layout-music-verdict .sector-utility > h1 { font-size: clamp(1.6rem, 4vw, 2.2rem) !important; }
.layout-music-verdict .data-main h1 { font-size: clamp(1.6rem, 4vw, 2.2rem) !important; }

/* ---- 2026-09-11 music-5 mobile sticky canon: the masthead (burger, centered
   wordmark, lens) sticks on phones; the category strip scrolls in flow. */
@media (max-width: 760px) {
  .layout-music-verdict .sector-masthead { position: sticky; top: 0; z-index: 40; }
  .layout-music-verdict .sector-nav[data-music-nav] { position: static; }
}

/* ---- 2026-09-12 music-6 header r1 (user): the desktop drops the burger and
   the masthead lens — the lens joins the sticky rubric row at its right edge,
   sharing the row's 1180px edge padding. The tagline leaves the wordmark
   lockup (it rides the accent ribbon now, rendered from the site tagline).
   Phones keep the canon bar — burger / centered wordmark / lens — compact,
   single-line, on an opaque surface so the sticky state can never bleed page
   content through. */
.layout-music-verdict .sector-masthead .sector-menu { display: none; }
.layout-music-verdict .sector-masthead .sector-actions { display: none; }
/* display:none removes the burger/lens from the masthead grid, so the brand
   would auto-place into the first track and hang left — pin it to the middle. */
.layout-music-verdict .sector-masthead--music .sector-brand { grid-column: 2; }
.layout-music-verdict .music-nav-search { display: inline-flex; align-items: center; margin-left: auto; }
.layout-music-verdict .music-nav-search .sector-search-toggle { color: #fff; padding: .5rem 0 .5rem .75rem; }
.layout-music-verdict .music-nav-search svg { width: 19px; height: 19px; }

@media (max-width: 760px) {
  .layout-music-verdict .sector-masthead .sector-menu { display: block; }
  .layout-music-verdict .sector-masthead .sector-actions { display: flex; }
  .layout-music-verdict .music-nav-search { display: none; }
  .layout-music-verdict .sector-masthead { min-height: 0; padding: .6rem 1.1rem; background: #fff; border-bottom: 1px solid var(--music-line, #cfcfcf); }
  .layout-music-verdict .sector-masthead--music .sector-brand strong { font-size: clamp(1.35rem, 4.6vw, 1.7rem); line-height: 1; white-space: nowrap; }
}

/* ---- 2026-09-12 music-8 category r2 (user): the rubric you are on reads
   underlined in the accent; the category header is just the menu-named h1 —
   no Section chip, no kicker line, no SEO suffix — at a legible size; the
   description is a single whole first sentence rendered from the template
   (its category-intro class keeps the network SEO intro injector out). */
.layout-music-verdict .sector-nav [aria-current="page"] { text-decoration: underline; text-decoration-color: var(--sector-accent); text-decoration-thickness: 2px; text-underline-offset: .4rem; }
.layout-music-verdict .music-category > header h1 { font: 400 clamp(2.2rem, 4.5vw, 3.2rem)/0.95 Anton, sans-serif; letter-spacing: .01em; text-transform: uppercase; }
.layout-music-verdict .music-category > header p.category-intro { margin: .9rem 0 0; font: 500 1.05rem/1.55 Lora, serif; color: #4d4d4d; max-width: 46rem; }

/* ---- 2026-09-12 music-9 article r3 (user): no Home/rubric crumb (the chip is
   the rubric marker), the headline steps down to a legible size, the author
   signature is a compact left-aligned lockup (avatar carries the one profile
   link, plain name over a 2-3 word "Covers …" line, nothing accent-colored,
   no More-about link), FAQ and Sources run ahead of the signature, and the
   More Like This row spans the shared 1180px container instead of the narrow
   article column. */
.layout-music-verdict .music-article { padding-top: 2.6rem; }
.layout-music-verdict .music-article h1 { font: 600 clamp(1.9rem, 3vw, 2.6rem)/1.2 Lora, serif; letter-spacing: .02em; text-transform: none; }
.layout-music-verdict .sector-author--mv { display: flex; align-items: center; gap: .75rem; background: transparent; padding: 1.2rem 0 0; margin: 2.4rem 0 0; border-top: 1px solid var(--music-line, #cfcfcf); }
.layout-music-verdict .sector-author--mv .sector-author-avatar-link { display: inline-flex; flex: 0 0 auto; }
.layout-music-verdict .sector-author--mv .sector-author-avatar,
.layout-music-verdict .sector-author--mv .sector-author-avatar--fallback { width: 44px; height: 44px; font: 700 .8rem/44px Arial, sans-serif; text-align: center; }
.layout-music-verdict .sector-author--mv h2 { margin: 0; font: 700 .95rem/1.2 Arial, sans-serif; }
.layout-music-verdict .sector-author--mv .sector-author-spec { margin: .2rem 0 0; font: 400 .78rem/1.3 Arial, sans-serif; color: #666; }
.layout-music-verdict .music-article-page .sector-related-row { max-width: 1180px; margin: 3rem auto 1rem; padding: 0 1.25rem; }
.layout-music-verdict .music-article-page .sector-related-title { color: #111; }
.layout-music-verdict .music-article > header .music-meta { margin-top: 1.6rem; }

/* r3 follow-up (user): links inside the body and the Sources block read as
   links — accent + underline (the ink-on-ink default was invisible). */
.layout-music-verdict .music-body a,
.layout-music-verdict .music-article [aria-label="Sources"] a { color: var(--sector-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.layout-music-verdict .music-body a:hover,
.layout-music-verdict .music-article [aria-label="Sources"] a:hover { text-decoration-thickness: 2px; }

/* ---- 2026-09-12 music-12 home r4 (user): every card reads photo → accent
   category → title → annotation → author → date on the shared gap rhythm;
   the Reviews cards join the same anatomy with a compact score badge; the
   about Newsdesk drops roles (music-verdict joined the shared exclusion
   list). */
.layout-music-verdict .music-card-meta { display: flex; flex-direction: column; gap: .18rem; margin: .55rem 0 0; font: 700 10px/1.25 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.layout-music-verdict .music-category-list h2 { font: 600 1.45rem/1.1 Lora, serif; letter-spacing: .02em; text-transform: none; }
.layout-music-verdict .music-card-meta b { color: #111; }
.layout-music-verdict .music-card-meta time { color: #666; font: 400 10px/1.25 Arial, sans-serif; }
.layout-music-verdict .music-card-line { margin: .45rem 0 0; font: 500 .92rem/1.45 Lora, serif; color: #4d4d4d; }
.layout-music-verdict .music-cover aside article .music-chip,
.layout-music-verdict .music-latest article .music-chip,
.layout-music-verdict .music-lead .music-chip { margin-top: .55rem; }
.layout-music-verdict .music-cover aside article .music-card-line,
.layout-music-verdict .music-latest article .music-card-line { margin-top: .4rem; }
.layout-music-verdict .music-reviews article { display: block; }
.layout-music-verdict .music-reviews .music-card-media-link { display: block; }
.layout-music-verdict .music-reviews .music-card-media-link .sector-media { aspect-ratio: 16 / 9; margin-bottom: .55rem; }
.layout-music-verdict .music-reviews .music-chip-row { display: flex; align-items: center; gap: .55rem; }
.layout-music-verdict .music-reviews .music-chip-row .music-chip { margin-top: 0; }
.layout-music-verdict .music-review-score { font: 400 1.15rem/1 Anton, sans-serif; color: var(--sector-accent); }
.layout-music-verdict .music-review-score small { font-size: .6em; }
.layout-music-verdict .music-cs-feature .music-chip { margin-top: .55rem; }
.layout-music-verdict .music-cover-story .music-card-meta { margin-bottom: 1rem; }

/* ---- 2026-09-12 music-14 home r5 (user): the opener reads narrow Latest
   Articles column on the left and the big category-1 lead in the wide center
   column — the lead no longer hugs the page edge. */
.layout-music-verdict .music-cover { grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); }
.layout-music-verdict .music-cover-latest { grid-column: 1; grid-row: 1; border-right: 1px solid var(--music-line, #cfcfcf); padding-right: 1.4rem; }
.layout-music-verdict .music-cover-latest header h2 { margin: 0 0 .9rem; font: 400 1.5rem/.95 Anton, sans-serif; text-transform: uppercase; }
.layout-music-verdict .music-cover-latest article { margin: 0 0 1.3rem; }
.layout-music-verdict .music-cover-latest article .sector-media { aspect-ratio: 16 / 9; }
.layout-music-verdict .music-cover-latest article .music-card-line { margin-top: .35rem; font-size: .85rem; }
.layout-music-verdict .music-cover-latest article .music-card-meta { margin-top: .4rem; font-size: 9px; }
.layout-music-verdict .music-cover-latest article .music-card-meta time { font-size: 9px; }
@media (max-width: 760px) {
  .layout-music-verdict .music-cover-latest { border-right: 0; padding-right: 0; border-top: 1px solid var(--music-line, #cfcfcf); padding-top: 1.2rem; }
}
/* The sr-only h1 must never enter the .music-home grid flow (belt and braces
   for environments where the utility layer loads late). */
.layout-music-verdict .music-home > h1 { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* r5 follow-up (user): in-text section headings read a notch smaller. */
.layout-music-verdict .music-body h2 { font: 600 1.6rem/1.3 Lora, serif; letter-spacing: .01em; text-transform: none; }
.layout-music-verdict .music-body h3 { font: 700 1.3rem/1.3 Lora, serif; text-transform: none; }
.layout-music-verdict .music-body h4 { font: 700 1.1rem/1.3 Lora, serif; text-transform: none; }
.layout-music-verdict .music-body h3 { font-size: 1.4rem; }

/* ---- r6 (user, 2026-09-12): Cover Story is strictly the magazine-cover
   object on this template — a tall portrait photo (2:3), top-anchored crop
   like a real cover, on every surface it appears on. */
.layout-music-verdict .music-cs-feature .sector-media img { object-position: center top; }

/* ---- 2026-09-12 music-18 home r7 (user): the top sector is three bounded
   columns — latest rail on the left (no heading), the center column (category-1
   lead with a much smaller headline + two full-anatomy minis) a step wider at
   the right column's expense, and the right rail opens with a random
   last-two-weeks story (re-rolled every build) above the Cover Story unit.
   Cards and text never cross the column dividers. The r5 lead-placement
   rule is gone — the lead lives inside the bounded center wrapper now. */
.layout-music-verdict .music-cover { grid-template-columns: minmax(0, .46fr) minmax(0, 1.12fr) minmax(0, .68fr); }
.layout-music-verdict .music-cover-latest,
.layout-music-verdict .music-cover-center,
.layout-music-verdict .music-cover-story,
.layout-music-verdict .music-feed { min-width: 0; overflow-wrap: break-word; }
.layout-music-verdict .music-cover-center { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.7rem; align-content: start; }
.layout-music-verdict .music-cover-minis { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.layout-music-verdict .music-lead h2 { font: 600 clamp(1.5rem, 2.2vw, 1.7rem)/1.35 Lora, serif; letter-spacing: .02em; text-transform: none; }
.layout-music-verdict .music-mini h3 { font: 600 1.25rem/1.3 Lora, serif; letter-spacing: .02em; text-transform: none; }
.layout-music-verdict .music-mini .sector-media,
.layout-music-verdict .music-random-card .sector-media { aspect-ratio: 16 / 9; margin-bottom: .5rem; }
.layout-music-verdict .music-random-card { margin: 0 0 1.5rem; padding: 0 0 1.4rem; border-bottom: 1px solid var(--music-line, #cfcfcf); }
.layout-music-verdict .music-random-card + h2 { margin-top: 0; }
@media (max-width: 760px) {
  .layout-music-verdict .music-cover-minis { grid-template-columns: 1fr; }
}

/* ---- 2026-09-12 music-19 home r8 (user): the bordered box carries the
   category-1 lead AND two same-category minis (hairline between them); after
   the divider come two minis of the second menu category; the left rail's
   author line keeps a breathing gap before the date. */
.layout-music-verdict .music-lead-box { border: 2px solid #111; padding: 1rem; }
.layout-music-verdict .music-lead-box .music-lead { border: 0; padding: 0; }
.layout-music-verdict .music-minis-inbox { margin-top: 1.2rem; padding-top: 1.1rem; border-top: 1px solid var(--music-line, #cfcfcf); }
.layout-music-verdict .music-minis-cat2 { padding-top: 1.4rem; border-top: 1px solid var(--music-line, #cfcfcf); }
.layout-music-verdict .music-cover-latest .music-card-meta { gap: .5rem; }

/* r7 mobile restore: the r7 desktop grid rules outrank the base media queries
   at equal specificity — the phone/tablet stacks are re-declared after them. */
@media (max-width: 1020px) {
  .layout-music-verdict .music-home { grid-template-columns: minmax(0, 1fr); gap: 2.2rem; }
  .layout-music-verdict .music-cover { grid-template-columns: minmax(0, .55fr) minmax(0, 1.45fr); }
  .layout-music-verdict .music-cover-right { grid-column: 1 / -1; border-top: 1px solid var(--music-line, #cfcfcf); padding-top: 1.3rem; }
  .layout-music-verdict .music-cover-right-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .layout-music-verdict .music-cover { grid-template-columns: minmax(0, 1fr); }
  .layout-music-verdict .music-cover-center { order: 1; }
  .layout-music-verdict .music-cover-right { order: 2; border-top: 1px solid var(--music-line, #cfcfcf); padding-top: 1.3rem; }
  .layout-music-verdict .music-cover-latest { grid-column: auto; grid-row: auto; order: 3; border-right: 0; padding-right: 0; border-top: 1px solid var(--music-line, #cfcfcf); padding-top: 1.3rem; }
  .layout-music-verdict .music-cover-minis { grid-template-columns: 1fr; }
}

/* ---- r9 (user, 2026-09-12): the right column opens with two photo cards of
   the third menu category (full anatomy), the Cover Story unit follows; the
   center carries text-only follow-ups of the second category under its photo
   minis. Cards never cross the column bounds. */
.layout-music-verdict .music-cover-right { min-width: 0; }
.layout-music-verdict .music-cover-right-grid { display: grid; gap: 1.4rem; margin-bottom: 1.5rem; }
.layout-music-verdict .music-right-card .sector-media { aspect-ratio: 16 / 9; margin-bottom: .5rem; }
.layout-music-verdict .music-text-stack { margin-top: 1.3rem; }
.layout-music-verdict .music-text-card { border-top: 1px solid var(--music-line, #cfcfcf); padding-top: .95rem; margin-top: .95rem; }
.layout-music-verdict .music-text-card:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.layout-music-verdict .music-text-card h3 { margin: 0; font: 600 1.15rem/1.3 Lora, serif; letter-spacing: .02em; }

/* ---- r10 (user, 2026-09-12): the latest rail cards hug their content — the
   legacy 1fr/1fr row template stretched cards 1-2 with a screen of dead space
   before the hairline; gaps stay small. */
.layout-music-verdict .music-cover-latest,
.layout-music-verdict .music-cover-story { grid-template-rows: none; align-content: start; }

/* r10-follow-up 2: the Coming soon link sits snug under the COVER STORY
   heading — no hairline, no extra padding. */
.layout-music-verdict .music-cover-story .music-cs-all { margin-top: .6rem; border-top: 0; padding-top: 0; }

/* ---- r11 (user, 2026-09-12): the second and third sections are horizontal
   rows of four — the fourth and fifth menu categories — with the shared card
   anatomy; no stretched lead card. */
.layout-music-verdict .music-reviews > div { grid-template-columns: repeat(4, 1fr); }
.layout-music-verdict .music-latest > div { grid-template-columns: repeat(4, 1fr); }
.layout-music-verdict .music-latest-lead { grid-column: auto; grid-row: auto; }
.layout-music-verdict .music-latest-lead h3 { font-size: 2rem; }
@media (max-width: 1020px) {
  .layout-music-verdict .music-reviews > div,
  .layout-music-verdict .music-latest > div { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .layout-music-verdict .music-reviews > div,
  .layout-music-verdict .music-latest > div { grid-template-columns: 1fr; }
}

/* r14 (user, 2026-09-13): the Latest row titles read in the same Lora voice as
   the Reviews row (the tight uppercase Anton was hard to scan). */
.layout-music-verdict .music-latest article h3 { font: 600 1.45rem/1.1 Lora, serif; letter-spacing: .02em; text-transform: none; }

/* ---- r16 (user, 2026-09-13): the More Like This card titles read in the same
   Lora voice as every other title on the template. */
.layout-music-verdict .music-article-page .sector-related-card h3 { font: 600 1.05rem/1.3 Lora, serif; letter-spacing: .01em; }