/* ======================================================================
   EndLM — Approved cinematic interior layouts
   Visual target: album-world collage approved October 4, 2026.
   Keeps real content/forms/lyrics; replaces generic interior-page geometry.
   ====================================================================== */

:root{
  --ap-copper:#d9966a;
  --ap-copper-hi:#f0b889;
  --ap-cream:#f2e4d1;
  --ap-paper:#d7b98b;
  --ap-paper-light:#ead4aa;
  --ap-paper-dark:#8c6743;
  --ap-ink:#24170f;
  --ap-night:#060506;
  --ap-glass:rgba(9,7,7,.78);
  --ap-line:rgba(224,155,105,.30);
  --ap-shadow:0 32px 90px rgba(0,0,0,.58);
}

/* ---------- shared interior shell ---------- */
:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal){
  min-height:100vh;
  background:#050405;
  color:#efe7df;
  overflow-x:hidden;
}
:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(1.08) contrast(1.03);
}
.page-lyrics::before{background-image:url('cinematic/twilight-world.webp')}
.page-sheets::before,.page-contact::before{background-image:url('cinematic/warm-world.webp')}
.page-privacy::before,.page-legal::before{background-image:url('cinematic/dark-world.webp')}
:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal)::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 28%,transparent 0 18%,rgba(2,2,3,.08) 48%,rgba(2,2,3,.48) 100%),
    linear-gradient(180deg,rgba(2,2,3,.35),rgba(3,2,3,.18) 44%,rgba(3,2,3,.72));
}

:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal) .cin-nav{
  height:76px!important;
  background:linear-gradient(180deg,rgba(3,3,4,.95),rgba(3,3,4,.60) 74%,transparent)!important;
  border-bottom:1px solid rgba(224,155,105,.10)!important;
  backdrop-filter:blur(10px)!important;
}
:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal) .cin-logo img{
  filter:drop-shadow(0 4px 18px rgba(231,159,109,.14));
}

/* Compact cinematic masthead. The content begins immediately instead of
   making users scroll through a full-screen generic hero. */
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-hero{
  min-height:0!important;
  height:auto!important;
  padding:122px 28px 32px!important;
  border:0!important;
  overflow:visible!important;
  background:transparent!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-hero::before,
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-hero::after{
  display:none!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .hero-canvas,
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .scroll-indicator{
  display:none!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-hero-inner{
  max-width:1160px!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .section-label{
  margin-bottom:12px!important;
  color:var(--ap-copper-hi)!important;
  letter-spacing:.30em!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-title{
  margin:0 0 8px!important;
  font-family:'Cinzel',serif!important;
  font-size:clamp(38px,5vw,72px)!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  text-shadow:0 10px 30px rgba(0,0,0,.55);
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-title .italic{
  font-family:'Allura',cursive!important;
  font-size:1.15em!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#f4b58b!important;
}
:is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-subtitle{
  max-width:720px!important;
  color:rgba(242,228,209,.78)!important;
  font-size:18px!important;
  text-shadow:0 3px 18px #000;
}

/* ---------- Lyrics: liner-notes layout ---------- */
.page-lyrics .page-hero{padding-bottom:20px!important}
.lyrics-stage{
  width:min(1480px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(270px,360px) minmax(0,1fr);
  gap:30px;
  align-items:start;
  padding:18px 0 120px;
  position:relative;
  isolation:isolate;
}
.lyrics-stage::before{
  content:"";
  position:absolute;
  inset:-70px -8vw -80px;
  z-index:-1;
  background:
    radial-gradient(circle at 5% 18%,rgba(143,27,22,.20),transparent 28%),
    radial-gradient(circle at 92% 70%,rgba(238,126,66,.10),transparent 30%);
  pointer-events:none;
}
.page-lyrics .toc{
  padding:0!important;
  margin:0!important;
  position:sticky;
  top:96px;
  z-index:8;
  background:none!important;
  border:0!important;
}
.page-lyrics .toc-inner{
  max-width:none!important;
  margin:0!important;
  padding:24px 22px 24px!important;
  border:1px solid var(--ap-line)!important;
  border-radius:3px!important;
  background:
    linear-gradient(180deg,rgba(14,10,9,.92),rgba(5,5,6,.89)),
    radial-gradient(circle at top left,rgba(182,70,45,.16),transparent 45%)!important;
  backdrop-filter:blur(14px);
  box-shadow:var(--ap-shadow),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.page-lyrics .toc-inner::before{display:none!important}
.page-lyrics .toc-label{
  margin:0 0 16px!important;
  color:var(--ap-copper-hi)!important;
  font-family:'Cinzel',serif!important;
  font-size:13px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.toc-albums{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 20px;
}
.toc-album{
  min-width:0;
  color:rgba(244,228,211,.70);
  font-family:'Cormorant Garamond',serif;
  font-size:12px;
  line-height:1.2;
}
.toc-album img{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  margin-bottom:7px;
  border:1px solid rgba(222,153,103,.26);
  box-shadow:0 10px 30px rgba(0,0,0,.42);
}
.page-lyrics .toc-list{
  display:block!important;
  columns:1!important;
  margin:0!important;
}
.page-lyrics .toc-list li{border-top:1px solid rgba(224,155,105,.11)}
.page-lyrics .toc-list li:last-child{border-bottom:1px solid rgba(224,155,105,.11)}
.page-lyrics .toc-list a{
  min-height:38px;
  padding:9px 0!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center;
  color:rgba(242,229,217,.78)!important;
  font-family:'Cormorant Garamond',serif!important;
  font-size:14px!important;
  line-height:1.12!important;
  letter-spacing:.01em!important;
}
.page-lyrics .toc-list a::before{display:none!important}
.page-lyrics .toc-list a .num{
  font-family:'Cinzel',serif!important;
  color:#cc8c63!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.page-lyrics .toc-list a .status{display:none!important}
.page-lyrics .toc-list a:hover,.page-lyrics .toc-list a.active{
  color:#fff4e9!important;
  transform:translateX(5px);
}

.page-lyrics .content{
  padding:0!important;
  margin:0!important;
  min-width:0;
  background:none!important;
  position:relative;
}
.page-lyrics .content::before,.page-lyrics .content::after{display:none!important}
.page-lyrics .content-inner{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.page-lyrics .song-section{
  position:relative!important;
  isolation:isolate;
  max-width:900px!important;
  margin:0 auto 42px!important;
  padding:clamp(34px,5vw,70px) clamp(28px,6vw,76px) 38px!important;
  border:1px solid rgba(93,58,31,.52)!important;
  border-radius:2px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 13% 8%,rgba(255,255,255,.24),transparent 16%),
    radial-gradient(circle at 93% 76%,rgba(98,45,18,.15),transparent 27%),
    repeating-linear-gradient(7deg,rgba(75,46,24,.020) 0 1px,transparent 1px 5px),
    linear-gradient(104deg,#d2ad78 0%,#ead4a9 16%,#dec18f 48%,#eed9ad 75%,#cfa571 100%)!important;
  box-shadow:0 34px 80px rgba(0,0,0,.56),0 2px 0 rgba(255,245,223,.26) inset!important;
  color:var(--ap-ink)!important;
}
.page-lyrics .song-section::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(78,43,20,.18),transparent 4% 96%,rgba(68,37,18,.17)),
    linear-gradient(180deg,rgba(74,40,16,.10),transparent 8% 93%,rgba(74,40,16,.16))!important;
  pointer-events:none;
}
.page-lyrics .song-section::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(94,58,33,.16);
  pointer-events:none;
}
.page-lyrics .song-header{
  padding:0 0 28px!important;
  margin:0 0 18px!important;
  text-align:left!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid rgba(71,42,24,.26)!important;
  box-shadow:none!important;
  color:var(--ap-ink)!important;
}
.page-lyrics .song-header::before{display:none!important}
.page-lyrics .song-num-tag{
  color:#77492d!important;
  font-family:'Cinzel',serif!important;
  letter-spacing:.19em!important;
  font-size:10px!important;
}
.page-lyrics .song-title{
  margin-top:11px!important;
  color:#24160f!important;
  font-family:'Cormorant Garamond',serif!important;
  font-size:clamp(38px,5vw,62px)!important;
  font-weight:600!important;
  line-height:.98!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
}
.page-lyrics .song-title .italic{
  font-family:'Allura',cursive!important;
  color:#5f301d!important;
  font-size:1.10em!important;
}
.page-lyrics .song-subtitle{
  max-width:680px!important;
  margin:12px 0 0!important;
  color:#67472f!important;
  font-family:'Cormorant Garamond',serif!important;
  font-size:18px!important;
  line-height:1.35!important;
  text-align:left!important;
}
.page-lyrics .song-meta{justify-content:flex-start!important;margin-top:14px!important}
.page-lyrics .badge{
  background:rgba(68,42,24,.07)!important;
  border:1px solid rgba(74,42,22,.30)!important;
  color:#5b3621!important;
  font-family:'Cinzel',serif!important;
  font-size:8px!important;
}
.page-lyrics .badge.live{color:#71361e!important;border-color:rgba(102,46,24,.35)!important}
.page-lyrics .lyrics-body{
  max-width:720px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  color:#281910!important;
}
.page-lyrics .lyric-block{
  margin:0!important;
  padding:18px 0 8px!important;
  border:0!important;
  background:none!important;
}
.page-lyrics .lyric-block::before{display:none!important}
.page-lyrics .lyric-tag{
  margin-bottom:9px!important;
  color:#8a5031!important;
  font-family:'Cinzel',serif!important;
  font-size:9px!important;
  letter-spacing:.21em!important;
}
.page-lyrics .lyric-tag::before,.page-lyrics .lyric-tag::after{display:none!important}
.page-lyrics .lyric{
  color:#2b1a11!important;
  font-family:'Cormorant Garamond',serif!important;
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1.46!important;
  font-weight:500!important;
  text-align:left!important;
}
.page-lyrics .lyric-block.chorus{
  margin:10px -18px 0!important;
  padding:21px 18px 12px!important;
  background:linear-gradient(90deg,rgba(117,62,31,.10),rgba(255,255,255,.05),rgba(117,62,31,.08))!important;
  border-top:1px solid rgba(83,46,25,.10)!important;
  border-bottom:1px solid rgba(83,46,25,.10)!important;
}
.page-lyrics .lyric-block.chorus .lyric{color:#1f130d!important;font-weight:600!important}
.page-lyrics .lyric-block.bridge .lyric{color:#51311f!important;font-style:italic!important}
.page-lyrics .song-footer{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(71,42,24,.24)!important;
  color:#725036!important;
  font-family:'Cinzel',serif!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
  text-align:left!important;
}

/* ---------- Chord sheets: guitar / sheet-music stage ---------- */
.page-sheets .page-hero{
  min-height:100vh!important;
  padding:110px 6vw 70px!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  background:
    linear-gradient(90deg,rgba(3,3,4,.10) 0%,rgba(3,3,4,.18) 43%,rgba(3,3,4,.64) 100%)!important;
}
.page-sheets .page-hero::before{
  display:block!important;
  inset:0!important;
  left:0!important;top:0!important;width:auto!important;height:auto!important;
  transform:none!important;
  background:url('cinematic/warm-world.webp') 27% center/cover no-repeat!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.02)!important;
  z-index:0!important;
}
.page-sheets .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(4,3,3,.08) 0%,rgba(4,3,3,.17) 44%,rgba(4,3,3,.72) 100%),linear-gradient(180deg,rgba(2,2,3,.25),transparent 50%,rgba(2,2,3,.72));
}
.page-sheets .staff-canvas{display:none!important}
.page-sheets .page-hero-inner{
  width:min(650px,48vw)!important;
  max-width:none!important;
  margin:0 0 0 auto!important;
  position:relative!important;
  z-index:3!important;
  text-align:left!important;
}
.page-sheets .lock-glyph{display:none!important}
.page-sheets .section-label{
  color:var(--ap-copper-hi)!important;
  margin-bottom:12px!important;
}
.page-sheets .page-title{
  font-family:'Cinzel',serif!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:clamp(40px,5vw,72px)!important;
  line-height:1.05!important;
  margin-bottom:10px!important;
}
.page-sheets .page-title .italic{font-family:'Allura',cursive!important;text-transform:none!important;color:#f3b68c!important;letter-spacing:0!important}
.page-sheets .page-tagline{color:#f0e2d2!important;font-size:19px!important;max-width:560px!important;margin:0 0 18px!important}
.page-sheets .status-pill{margin:0 0 18px!important;background:rgba(5,4,4,.68)!important;border-color:var(--ap-line)!important}
.page-sheets .notify-card{
  margin:16px 0 0!important;
  padding:32px!important;
  border:1px solid rgba(224,155,105,.30)!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,rgba(12,9,8,.91),rgba(5,5,6,.88))!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:var(--ap-shadow)!important;
  text-align:left!important;
}
.page-sheets .notify-card h3{font-family:'Cormorant Garamond',serif!important;font-size:34px!important;color:#fff1e3!important}
.page-sheets .notify-form input{background:rgba(0,0,0,.26)!important}
.page-sheets .bottom-link{margin-top:20px!important;color:#f2c29d!important}

/* ---------- Contact: cinematic single-stage form ---------- */
.page-contact .page-hero{padding-bottom:10px!important}
.page-contact .content{
  padding:0 24px 110px!important;
  background:none!important;
  position:relative;
}
.page-contact .content::before,.page-contact .content::after{display:none!important}
.page-contact .content-inner{
  max-width:720px!important;
  margin:0 auto!important;
  padding:0!important;
}
.page-contact .intro{
  max-width:640px!important;
  margin:0 auto 22px!important;
  padding:18px 24px!important;
  color:#f5e9dc!important;
  background:rgba(6,5,5,.50)!important;
  border:1px solid rgba(224,155,105,.17)!important;
  backdrop-filter:blur(9px);
  text-align:center!important;
  text-shadow:0 2px 12px #000;
}
.page-contact .contact-form{
  margin:0 auto!important;
  padding:34px!important;
  border:1px solid rgba(224,155,105,.34)!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,rgba(12,9,8,.90),rgba(5,5,6,.88))!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 75px rgba(160,65,33,.08)!important;
}
.page-contact .form-eyebrow{color:var(--ap-copper-hi)!important}
.page-contact .contact-form h3{font-family:'Cormorant Garamond',serif!important;color:#fff0e1!important}
.page-contact .form-field input,.page-contact .form-field textarea,.page-contact .form-field select{
  background:rgba(0,0,0,.20)!important;
  border:1px solid rgba(224,155,105,.18)!important;
  padding-left:14px!important;
}
.page-contact .submit-btn{border-color:rgba(224,155,105,.46)!important;background:#0a0808!important;color:#f6c29b!important}
.page-contact .response-note{
  background:rgba(7,6,6,.58)!important;
  border:1px solid rgba(224,155,105,.16)!important;
  backdrop-filter:blur(10px)!important;
}

/* ---------- Privacy / Legal: restrained moonlit editorial cards ---------- */
:is(.page-privacy,.page-legal) .page-hero{padding-bottom:18px!important}
:is(.page-privacy,.page-legal) .toc{
  padding:0 24px 18px!important;
  background:none!important;
  border:0!important;
}
:is(.page-privacy,.page-legal) .toc-inner{
  max-width:1100px!important;
  padding:20px 24px!important;
  background:rgba(6,8,10,.70)!important;
  border:1px solid rgba(171,196,218,.15)!important;
  backdrop-filter:blur(12px)!important;
}
.page-privacy .toc-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:is(.page-privacy,.page-legal) .content{
  padding:0 24px 110px!important;
  background:none!important;
}
:is(.page-privacy,.page-legal) .content::before,:is(.page-privacy,.page-legal) .content::after{display:none!important}
:is(.page-privacy,.page-legal) .content-inner{max-width:1040px!important;margin:0 auto!important;padding:0!important}
:is(.page-privacy,.page-legal) .legal-intro,
:is(.page-privacy,.page-legal) .legal-section{
  background:linear-gradient(180deg,rgba(7,10,13,.88),rgba(4,5,7,.82))!important;
  border:1px solid rgba(185,199,213,.14)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(12px)!important;
}
:is(.page-privacy,.page-legal) .legal-section h2{font-family:'Cormorant Garamond',serif!important;color:#f0e9e1!important}
:is(.page-privacy,.page-legal) .num-tag,
:is(.page-privacy,.page-legal) .lbl{color:#d6a47d!important}

/* ---------- footer ---------- */
:is(.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal) .simple-footer{
  background:rgba(3,3,4,.92)!important;
  border-top:1px solid rgba(224,155,105,.14)!important;
  backdrop-filter:blur(12px);
}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .lyrics-stage{grid-template-columns:1fr;width:min(900px,calc(100% - 28px));padding-top:8px}
  .page-lyrics .toc{position:relative;top:auto}
  .toc-albums{grid-template-columns:90px 90px;justify-content:center}
  .page-lyrics .toc-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 14px!important}
  .page-sheets .page-hero{min-height:auto!important;padding:118px 20px 80px!important;background:linear-gradient(180deg,rgba(3,3,4,.14),rgba(3,3,4,.74))!important}
  .page-sheets .page-hero::before{background-position:center!important}
  .page-sheets .page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.30),rgba(3,3,4,.62) 58%,rgba(3,3,4,.82))!important}
  .page-sheets .page-hero-inner{width:min(680px,100%)!important;margin:0 auto!important;text-align:center!important}
  .page-sheets .page-tagline{margin-left:auto!important;margin-right:auto!important}
  .page-sheets .notify-card{text-align:left!important}
}
@media(max-width:640px){
  :is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-hero{padding:104px 16px 20px!important}
  :is(.page-lyrics,.page-contact,.page-privacy,.page-legal) .page-title{font-size:34px!important;letter-spacing:.04em!important}
  .lyrics-stage{width:calc(100% - 18px);gap:18px;padding-bottom:72px}
  .page-lyrics .toc-inner{padding:18px 16px!important}
  .page-lyrics .toc-list{grid-template-columns:1fr!important}
  .page-lyrics .song-section{padding:30px 22px 28px!important;margin-bottom:24px!important}
  .page-lyrics .song-title{font-size:38px!important}
  .page-lyrics .lyric{font-size:20px!important}
  .page-contact .content{padding-left:10px!important;padding-right:10px!important}
  .page-contact .contact-form{padding:24px 18px!important}
  .page-privacy .toc-list{grid-template-columns:1fr!important}
  :is(.page-privacy,.page-legal) .content{padding-left:10px!important;padding-right:10px!important}
}

/* Final geometry guard: the previous reference-match stylesheet made the
   lyrics body itself a two-column grid. The approved build owns layout inside
   .lyrics-stage instead. */
.page-lyrics{display:block!important;grid-template-columns:none!important}
.page-lyrics .lyrics-stage .song-section .song-title{
  color:#24160f!important;
  font-family:'Cormorant Garamond',serif!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
  line-height:.98!important;
  text-shadow:none!important;
}
.page-lyrics .lyrics-stage .song-section .song-title .italic{
  color:#5f301d!important;
  font-family:'Allura',cursive!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:.82!important;
  font-size:1.1em!important;
}
/* Lyrics index refinements: approved mockup uses album headings + song lists,
   not cover thumbnails. Keep the sticky panel compact and scrollable. */
.page-lyrics .toc-inner{max-height:calc(100vh - 118px)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#8e5737 rgba(0,0,0,.22)}
.page-lyrics .toc-label-unplugged{margin-top:22px!important;padding-top:18px!important;border-top:1px solid rgba(224,155,105,.18)!important}
.page-lyrics .toc-list-unplugged a em,
.page-lyrics .toc-exclusive em{display:block;color:rgba(238,185,145,.58);font-size:10px;font-style:italic;grid-column:2;line-height:1.1;margin-top:-3px}
.page-lyrics .toc-exclusive{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;padding:9px 0;color:rgba(242,229,217,.62);font-family:'Cormorant Garamond',serif;font-size:14px;border-top:1px solid rgba(224,155,105,.11);border-bottom:1px solid rgba(224,155,105,.11)}
.page-lyrics .toc-exclusive .num{font-family:'Cinzel',serif;color:#cc8c63;font-size:9px;letter-spacing:.08em}

/* Bring the actual lyric lines into the first viewport, like the approved
   liner-notes composition. */
.page-lyrics .song-section{padding-top:34px!important}
.page-lyrics .song-header{padding-bottom:18px!important;margin-bottom:6px!important}
.page-lyrics .lyrics-stage .song-section .song-title{font-size:clamp(34px,4vw,52px)!important;margin-top:7px!important}
.page-lyrics .song-subtitle{font-size:16px!important;margin-top:8px!important;line-height:1.28!important}
.page-lyrics .song-meta{margin-top:10px!important}
.page-lyrics .lyric-block{padding-top:13px!important}
/* Lyrics should read instantly; keep the parchment text visible even when the
   original site animation observer has not fired yet. */
.page-lyrics .lyrics-body .reveal{opacity:1!important;transform:none!important}
@media(max-width:980px){
  .page-lyrics .toc-inner{max-height:360px!important}
}
.lyrics-stage > .toc,.lyrics-stage > .content{grid-column:auto!important}
/* Give privacy/legal the approved cool moonlit mood without needing a second
   copy of the artwork. */
.page-privacy::before,.page-legal::before{filter:hue-rotate(165deg) saturate(.72) brightness(.52) contrast(1.16)!important}
.page-privacy::after,.page-legal::after{background:linear-gradient(180deg,rgba(2,8,16,.48),rgba(2,7,14,.34) 46%,rgba(2,4,8,.82))!important}
.page-sheets .notify-card .hint,.page-sheets .notify-card .legal{color:#c7a58b!important}

/* Phones: the same album-world artwork at 1280px instead of the 4K originals (desktop keeps 4K) */
@media (max-width:760px){
  .page-lyrics::before{background-image:url("cinematic/twilight-world-m.webp")!important}
  .page-sheets::before,.page-contact::before{background-image:url("cinematic/warm-world-m.webp")!important}
  .page-privacy::before,.page-legal::before{background-image:url("cinematic/dark-world-m.webp")!important}
  .page-sheets .page-hero::before{background:url("cinematic/warm-world-m.webp") 27% center/cover no-repeat!important}
}

/* Fix: keep the lyrics backdrop inside the screen (it bled 8vw past both edges -> sideways scrolling) */
.lyrics-stage::before{left:max(-8vw,calc(50% - 50vw + 1px))!important;right:max(-8vw,calc(50% - 50vw + 1px))!important}
/* Fix: accent words in the Chord Sheets notify card were dark brown on a dark card */
body.page-sheets .notify-card h3 :is(.italic,em){color:var(--cin-copper,#e4ab80)!important;-webkit-text-fill-color:var(--cin-copper,#e4ab80)!important}