/* v0.9o — Typography hierarchy, all pages (sizes only).
   Rule: "Michael Cuno" (wordmark: 25.9px desktop / 23px mobile) is always the largest type.
   Reference: Tracy Bonham story header (h1 21.5px at 1440px = ~83% of the wordmark).
   Level 1 = page / series / project title (h1)  -> clamp(19px,1.49vw,22px)  [= Tracy rule; 19px on phones]
   Level 2 = section heads, cards, rows, strip titles, tile titles, "next" links -> 17px (16px on phones)
   !important is used only where earlier version layers already use it. No colours, images, spacing or layout touched. */

/* Level 1 */
html body .pagehead h1,
html body .series-head h1,
html body[data-page="music"] .music-intro-main h1,
html body[data-page="music"] #view:not(.music-cine-tracy) .music-project-head h1 {
  font-size:clamp(19px,1.49vw,22px)!important;
  line-height:1.12!important;
}

/* Level 2 */
html body .card .lab .t,
html body .shelf .lab .t,
html body .row .t,
html body[data-page="advertising"] .row .t,
html body .strip-head h2,
html body .nextseries a.big,
html body[data-page="music"] .music-section-head h2,
html body[data-page="music"] .music-tile-titleline strong,
html body[data-page="music"] .music-record .music-tile-titleline strong {
  font-size:17px!important;
  line-height:1.25!important;
}

@media (max-width:760px) {
  html body .card .lab .t,
  html body .shelf .lab .t,
  html body .row .t,
  html body[data-page="advertising"] .row .t,
  html body .strip-head h2,
  html body .nextseries a.big,
  html body[data-page="music"] .music-section-head h2,
  html body[data-page="music"] .music-tile-titleline strong,
  html body[data-page="music"] .music-record .music-tile-titleline strong {
    font-size:16px!important;
  }
  /* Tracy header: its base rule (24px) exceeded the 23px phone wordmark; desktop Tracy rules untouched. */
  body[data-page="music"] #view.music-cine-tracy .music-project-head h1 { font-size:19px; }
}