/* V38 PROFESSIONAL PREVIEW — visual cleanup, no functional player changes. */
:root{
  --v38-bg:#090d0a;
  --v38-bg-2:#0c120e;
  --v38-panel:#111813;
  --v38-line:rgba(215,182,122,.18);
  --v38-line-strong:rgba(215,182,122,.30);
  --v38-gold:#d7b67a;
  --v38-gold-soft:#e7d4aa;
  --v38-text:#eee6d7;
  --v38-muted:#b9af9c;
}

/* ---------- Home: quieter, editorial, reader-first ---------- */
body[data-page="home"] .hero,
body[data-page="home"] .hero-inner{min-height:0 !important;}
body[data-page="home"] .hero{
  background:
    radial-gradient(circle at 27% 40%, rgba(181,145,75,.10), transparent 29%),
    radial-gradient(circle at 74% 36%, rgba(47,91,65,.14), transparent 32%),
    linear-gradient(135deg,#07100b 0%,#0a0e0b 58%,#070a08 100%) !important;
}
body[data-page="home"] .hero-bg{display:none !important;}
body[data-page="home"] .hero-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22)) !important;
}
body[data-page="home"] .hero-inner{
  width:min(1180px,calc(100% - 54px)) !important;
  padding:68px 0 64px !important;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr) !important;
  gap:clamp(56px,7vw,92px) !important;
  align-items:center !important;
}
body[data-page="home"] .book-3d{
  width:min(330px,100%) !important;
  transform:none !important;
  filter:drop-shadow(0 25px 32px rgba(0,0,0,.34)) !important;
}
body[data-page="home"] .book-spine{display:none !important;}
body[data-page="home"] .book-3d img{
  border-radius:1px !important;
  border:1px solid rgba(229,202,146,.17);
}
body[data-page="home"] .hero-copy{max-width:690px !important;}
body[data-page="home"] .hero-copy h1{
  max-width:660px;
  margin:0 !important;
  color:#f0e6d2 !important;
  font-size:clamp(2.35rem,3.5vw,3.35rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.018em;
  text-wrap:balance;
}
body[data-page="home"] .ornament{margin:20px 0 17px !important;opacity:.7;}
body[data-page="home"] .hero-copy>p{
  max-width:650px !important;
  margin:0 0 15px !important;
  color:#cfc5b1 !important;
  font-size:1rem !important;
  line-height:1.72 !important;
}
body[data-page="home"] .book-invite{
  max-width:680px !important;
  margin-top:25px !important;
  padding-top:0 !important;
  border-top:0 !important;
}
body[data-page="home"] .home-cta-row{justify-content:flex-start !important;}
body[data-page="home"] .amazon-buy-button,
body[data-page="book"] .amazon-buy-button{
  min-width:0 !important;
  min-height:0 !important;
  padding:9px 16px !important;
  border:1px solid rgba(215,182,122,.34) !important;
  border-radius:999px !important;
  background:rgba(215,182,122,.045) !important;
  color:#dcc89d !important;
  font:500 .82rem/1.2 Arial,Helvetica,sans-serif !important;
  letter-spacing:.025em !important;
  box-shadow:none !important;
}
body[data-page="home"] .amazon-buy-button:hover,
body[data-page="book"] .amazon-buy-button:hover{
  background:rgba(215,182,122,.09) !important;
  border-color:rgba(215,182,122,.55) !important;
  color:#efe0bf !important;
}
body[data-page="home"] .read-options{
  display:flex !important;
  align-items:stretch;
  gap:0 !important;
  max-width:680px !important;
  margin-top:18px !important;
  padding-top:0 !important;
  border-top:0 !important;
}
body[data-page="home"] .read-option{
  flex:1 1 0;
  padding:0 15px !important;
  background:transparent !important;
  border:0 !important;
  border-left:1px solid rgba(215,182,122,.16) !important;
}
body[data-page="home"] .read-option:first-child{padding-left:0 !important;border-left:0 !important;}
body[data-page="home"] .read-option strong{color:#d6cbb8 !important;font-size:.72rem !important;font-weight:600 !important;}
body[data-page="home"] .read-option span{color:#e0c58f !important;font-size:.78rem !important;font-weight:600 !important;}
body[data-page="home"] .read-option em{color:#9f9686 !important;font-size:.67rem !important;}
body[data-page="home"] .read-option:first-child em{color:#d3b878 !important;}
body[data-page="home"] .read-options-note{
  flex:0 0 100%;
  align-self:flex-end;
  display:none !important;
}

body[data-page="home"] .reader-notes-section{
  padding:34px 0 !important;
  background:#0b100c !important;
  border-top:1px solid rgba(215,182,122,.10);
  border-bottom:1px solid rgba(215,182,122,.10);
}
body[data-page="home"] .reader-notes-grid{gap:0 !important;}
body[data-page="home"] .reader-note{
  margin:0 !important;
  padding:5px 28px !important;
  background:transparent !important;
  border:0 !important;
  border-left:1px solid rgba(215,182,122,.15) !important;
  min-height:0 !important;
}
body[data-page="home"] .reader-note:first-child{border-left:0 !important;}
body[data-page="home"] .reader-note p{
  margin:0 !important;
  color:#ddd3c0 !important;
  font-size:.92rem !important;
  line-height:1.5 !important;
  font-style:italic;
}
body[data-page="home"] .reader-note footer{
  margin-top:8px !important;
  color:#8f8779 !important;
  font-size:.64rem !important;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body[data-page="home"] .feature-section{
  padding:52px 0 66px !important;
  background:linear-gradient(180deg,#0a0f0b,#090d0a) !important;
}
body[data-page="home"] .feature-grid-five{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:18px !important;
}
body[data-page="home"] .feature-grid-five .feature-card{
  grid-column:span 2;
  min-height:0 !important;
  background:#0f1510 !important;
  border:1px solid rgba(215,182,122,.14) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease !important;
}
body[data-page="home"] .feature-grid-five .feature-card:nth-child(4){grid-column:2 / span 2;}
body[data-page="home"] .feature-grid-five .feature-card:nth-child(5){grid-column:4 / span 2;}
body[data-page="home"] .feature-card:hover{transform:translateY(-2px) !important;background:#111912 !important;border-color:rgba(215,182,122,.30) !important;}
body[data-page="home"] .feature-grid-five .feature-image,
body[data-page="home"] .music-card>img.feature-image,
body[data-page="home"] .author-card-home>img.feature-image{
  height:176px !important;
  padding:0 !important;
  object-fit:cover !important;
}
body[data-page="home"] .book-card>img.feature-image{object-fit:cover !important;}
body[data-page="home"] .feature-grid-five .feature-body{
  min-height:105px !important;
  padding:16px 18px 18px !important;
  justify-content:flex-start !important;
}
body[data-page="home"] .feature-body h3{
  margin:0 0 7px !important;
  color:#d8bd87 !important;
  font-size:.94rem !important;
  letter-spacing:.085em !important;
}
body[data-page="home"] .feature-grid-five .feature-body p{
  min-height:0 !important;
  margin:0 !important;
  color:#a89f8f !important;
  font-size:.84rem !important;
  line-height:1.4 !important;
}

/* ---------- Book: full wrap + editorial copy, not a giant poster ---------- */
body[data-page="book"] .book-page-refined{
  padding:58px 0 70px !important;
  background:
    radial-gradient(circle at 23% 22%,rgba(182,145,73,.07),transparent 28%),
    #0a0f0b !important;
}
body[data-page="book"] .book-page-refined-inner{
  width:min(1200px,calc(100% - 54px)) !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.65fr) !important;
  gap:clamp(38px,5vw,62px) !important;
  align-items:center !important;
}
body[data-page="book"] .book-full-cover-hero{
  width:100% !important;
  border:1px solid rgba(215,182,122,.17) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.28) !important;
}
body[data-page="book"] .book-refined-copy{
  max-width:none !important;
  margin:0 !important;
}
body[data-page="book"] .book-refined-copy .prose p{
  color:#c8beaa !important;
  font-size:1rem !important;
  line-height:1.78 !important;
  margin:0 0 20px !important;
}
body[data-page="book"] .book-page-buy-wrap{margin-top:26px !important;}
body[data-page="book"] .read-options{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  max-width:none !important;
  margin-top:26px !important;
  padding-top:0 !important;
  border-top:1px solid rgba(215,182,122,.18) !important;
}
body[data-page="book"] .read-option{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  column-gap:16px !important;
  padding:12px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(215,182,122,.12) !important;
}
body[data-page="book"] .read-option strong{grid-column:1;color:#d7cebd !important;font-size:.76rem !important;}
body[data-page="book"] .read-option span{grid-column:2;grid-row:1;color:#dfc58e !important;font-size:.80rem !important;margin:0 !important;}
body[data-page="book"] .read-option em{grid-column:1 / -1;color:#9e9586 !important;font-size:.68rem !important;margin-top:3px !important;}
body[data-page="book"] .read-option:first-child em{color:#d2b675 !important;}
body[data-page="book"] .read-options-note{margin-top:10px !important;color:#807a70 !important;font-size:.64rem !important;}

/* ---------- Music: lose the boxes; make the player the destination ---------- */
body[data-page="music"] .music-direct-section{
  padding:64px 0 76px !important;
  background:
    radial-gradient(circle at 50% 12%,rgba(183,146,74,.07),transparent 30%),
    #090e0a !important;
}
body[data-page="music"] .music-direct-layout{
  display:block !important;
  width:min(860px,calc(100% - 48px)) !important;
  max-width:none !important;
}
body[data-page="music"] .direct-listen-card{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-page="music"] .direct-listen-card h1{
  margin:0 0 8px !important;
  color:#dfc38a !important;
  font-size:clamp(2.25rem,3.25vw,3rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.015em !important;
  text-align:center;
}
body[data-page="music"] .audio-intro{
  margin:0 0 30px !important;
  color:#bdb39f !important;
  font-size:1rem !important;
  line-height:1.55 !important;
  text-align:center;
}
body[data-page="music"] .compact-main-player{
  padding:22px 24px 20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)) !important;
  border:1px solid rgba(215,182,122,.19) !important;
  border-radius:16px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
body[data-page="music"] .direct-song-list{
  margin-top:22px !important;
  gap:0 !important;
  border-top:1px solid rgba(215,182,122,.14);
}
body[data-page="music"] .direct-song{
  min-height:61px !important;
  padding:12px 9px !important;
  border:0 !important;
  border-bottom:1px solid rgba(215,182,122,.14) !important;
  border-radius:0 !important;
  background:transparent !important;
}
body[data-page="music"] .direct-song:hover{background:rgba(215,182,122,.035) !important;transform:none !important;}
body[data-page="music"] .direct-song strong{color:#dcc594 !important;font-size:1rem !important;}
body[data-page="music"] .music-beyond-invite{
  margin-top:44px !important;
  padding:30px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(215,182,122,.18) !important;
  border-radius:0 !important;
  text-align:center;
}
body[data-page="music"] .music-beyond-invite .music-invite-lead{
  color:#ddd4c3 !important;
  font-size:1rem !important;
  margin:0 0 9px !important;
}
body[data-page="music"] .music-beyond-invite .music-invite-question{
  color:#b4aa97 !important;
  font-size:.94rem !important;
  margin:0 0 17px !important;
  font-weight:400 !important;
}
body[data-page="music"] .music-beyond-invite .music-beyond-link{
  min-height:0 !important;
  padding:8px 14px !important;
  background:transparent !important;
  border:1px solid rgba(215,182,122,.34) !important;
  color:#d5bd8b !important;
  font-size:.80rem !important;
  font-weight:500 !important;
}

/* ---------- Beyond: calm listening room, then a real gallery ---------- */
body[data-page="spoiler"] .spoiler-page,
body[data-page="spoiler"] .spoiler-gate{
  background:
    radial-gradient(circle at 50% 0%,rgba(54,98,70,.11),transparent 35%),
    #090e0a !important;
}
body[data-page="spoiler"] .spoiler-bg,
body[data-page="spoiler"] .spoiler-shade{display:none !important;}
body[data-page="spoiler"] .spoiler-shell{
  width:min(1160px,calc(100% - 52px)) !important;
  padding:64px 0 70px !important;
}
body[data-page="spoiler"] .gate-panel.unlocked{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-page="spoiler"] .gate-panel.unlocked .beyond-room-layout{
  display:block !important;
  margin:0 !important;
  max-width:none !important;
}
body[data-page="spoiler"] .beyond-music-card{
  position:static !important;
  width:min(860px,100%) !important;
  max-width:860px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
body[data-page="spoiler"] .beyond-music-card h2{
  max-width:820px;
  margin:0 auto 28px !important;
  color:#dfc38a !important;
  font-size:clamp(1.95rem,3vw,2.6rem) !important;
  line-height:1.12 !important;
  text-align:center;
  text-wrap:balance;
}
body[data-page="spoiler"] .beyond-compact-player{
  padding:21px 23px 19px !important;
  margin-bottom:20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)) !important;
  border:1px solid rgba(215,182,122,.19) !important;
  border-radius:16px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.13);
}
body[data-page="spoiler"] .beyond-song-list{
  margin-top:0 !important;
  gap:0 !important;
  border-top:1px solid rgba(215,182,122,.14);
}
body[data-page="spoiler"] .beyond-song{
  min-height:60px !important;
  padding:12px 9px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(215,182,122,.14) !important;
  border-radius:0 !important;
}
body[data-page="spoiler"] .beyond-song:hover{background:rgba(215,182,122,.035) !important;transform:none !important;}
body[data-page="spoiler"] .beyond-artwork-section{
  width:100% !important;
  max-width:1160px !important;
  margin:88px auto 0 !important;
  padding:48px 0 0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(215,182,122,.20) !important;
}
body[data-page="spoiler"] .beyond-section-head{
  max-width:none !important;
  margin:0 0 26px !important;
  padding:0 !important;
  text-align:left;
}
body[data-page="spoiler"] .beyond-artwork-section h2{
  margin:0 !important;
  color:#dfc38a !important;
  font-size:clamp(2.05rem,3vw,2.6rem) !important;
  line-height:1.1 !important;
}
body[data-page="spoiler"] .beyond-artwork-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  padding:0 !important;
}
body[data-page="spoiler"] .beyond-art-item{
  border:1px solid rgba(215,182,122,.12) !important;
  background:#0b100c !important;
  box-shadow:0 16px 38px rgba(0,0,0,.13);
}
body[data-page="spoiler"] .beyond-art-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;}
body[data-page="spoiler"] .beyond-playback-options .playback-option{
  appearance:none !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(215,182,122,.20) !important;
  color:#aaa18f !important;
  padding:3px 1px !important;
  font:400 .67rem/1.2 Arial,Helvetica,sans-serif !important;
}
body[data-page="spoiler"] .reset-room{
  margin-top:36px !important;
  color:#8f8779 !important;
  font-size:.72rem !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(215,182,122,.18) !important;
}

@media(max-width:980px){
  body[data-page="home"] .feature-grid-five{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body[data-page="home"] .feature-grid-five .feature-card,
  body[data-page="home"] .feature-grid-five .feature-card:nth-child(4),
  body[data-page="home"] .feature-grid-five .feature-card:nth-child(5){grid-column:auto !important;}
  body[data-page="home"] .feature-grid-five .feature-card:last-child{grid-column:1 / -1 !important;width:calc(50% - 9px);justify-self:center;}
  body[data-page="book"] .book-page-refined-inner{grid-template-columns:1fr !important;max-width:900px !important;}
  body[data-page="book"] .book-refined-copy{max-width:760px !important;margin:0 auto !important;}
}

@media(max-width:640px){
  body[data-page="home"] .hero-inner{
    width:calc(100% - 34px) !important;
    padding:30px 0 36px !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  body[data-page="home"] .book-3d{width:min(238px,67vw) !important;}
  body[data-page="home"] .hero-copy{text-align:center !important;}
  body[data-page="home"] .hero-copy h1{
    max-width:350px;
    margin:0 auto !important;
    font-size:clamp(1.82rem,8.1vw,2.2rem) !important;
    line-height:1.08 !important;
  }
  body[data-page="home"] .hero-copy>p{
    max-width:355px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.91rem !important;
    line-height:1.62 !important;
  }
  body[data-page="home"] .ornament{margin:15px 0 13px !important;}
  body[data-page="home"] .home-cta-row{justify-content:center !important;}
  body[data-page="home"] .book-invite{margin-top:22px !important;}
  body[data-page="home"] .read-options{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    max-width:330px !important;
    margin:17px auto 0 !important;
    text-align:left;
  }
  body[data-page="home"] .read-option,
  body[data-page="home"] .read-option:first-child{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    padding:9px 0 !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(215,182,122,.12) !important;
  }
  body[data-page="home"] .read-option strong{grid-column:1;grid-row:1;}
  body[data-page="home"] .read-option span{grid-column:2;grid-row:1;margin:0 !important;}
  body[data-page="home"] .read-option em{grid-column:1 / -1;grid-row:2;margin-top:2px !important;}
  body[data-page="home"] .reader-notes-section{padding:24px 0 !important;}
  body[data-page="home"] .reader-notes-grid{display:grid !important;grid-template-columns:1fr !important;}
  body[data-page="home"] .reader-note,
  body[data-page="home"] .reader-note:first-child{padding:15px 0 !important;border-left:0 !important;border-top:1px solid rgba(215,182,122,.11) !important;text-align:center;}
  body[data-page="home"] .reader-note:first-child{border-top:0 !important;}
  body[data-page="home"] .feature-section{padding:32px 0 42px !important;}
  body[data-page="home"] .feature-grid-five{grid-template-columns:1fr !important;gap:12px !important;}
  body[data-page="home"] .feature-grid-five .feature-card,
  body[data-page="home"] .feature-grid-five .feature-card:last-child{
    width:100% !important;
    display:grid !important;
    grid-template-columns:42% 58% !important;
    min-height:126px !important;
  }
  body[data-page="home"] .feature-grid-five .feature-image,
  body[data-page="home"] .music-card>img.feature-image,
  body[data-page="home"] .author-card-home>img.feature-image{
    width:100% !important;
    height:126px !important;
  }
  body[data-page="home"] .feature-grid-five .feature-body{
    min-height:126px !important;
    padding:15px 16px !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
  }
  body[data-page="home"] .feature-body h3{font-size:.84rem !important;}
  body[data-page="home"] .feature-grid-five .feature-body p{font-size:.78rem !important;}

  body[data-page="book"] .book-page-refined{padding:28px 0 44px !important;}
  body[data-page="book"] .book-page-refined-inner{width:calc(100% - 30px) !important;gap:28px !important;}
  body[data-page="book"] .book-refined-copy .prose p{font-size:.93rem !important;line-height:1.68 !important;}
  body[data-page="book"] .book-page-buy-wrap{text-align:center;margin-top:22px !important;}
  body[data-page="book"] .read-options{margin-top:22px !important;}

  body[data-page="music"] .music-direct-section{padding:34px 0 48px !important;}
  body[data-page="music"] .music-direct-layout{width:calc(100% - 28px) !important;}
  body[data-page="music"] .direct-listen-card{padding:0 !important;overflow:visible !important;}
  body[data-page="music"] .direct-listen-card h1{
    white-space:normal !important;
    max-width:350px;
    margin:0 auto 9px !important;
    font-size:clamp(1.75rem,8vw,2.1rem) !important;
    text-wrap:balance;
  }
  body[data-page="music"] .audio-intro{margin-bottom:24px !important;font-size:.92rem !important;}
  body[data-page="music"] .compact-main-player{padding:16px 13px 15px !important;}
  body[data-page="music"] .direct-song{grid-template-columns:28px minmax(0,1fr) 40px !important;padding:10px 4px !important;}
  body[data-page="music"] .direct-song strong{font-size:.91rem !important;}
  body[data-page="music"] .music-beyond-invite{margin-top:34px !important;padding-top:25px !important;}
  body[data-page="music"] .music-beyond-invite .music-invite-lead,
  body[data-page="music"] .music-beyond-invite .music-invite-question{white-space:normal !important;}

  body[data-page="spoiler"] .spoiler-shell{width:calc(100% - 28px) !important;padding:34px 0 48px !important;}
  body[data-page="spoiler"] .beyond-music-card h2{
    max-width:345px;
    margin-bottom:23px !important;
    font-size:clamp(1.7rem,7.2vw,2rem) !important;
  }
  body[data-page="spoiler"] .beyond-compact-player{padding:16px 13px 14px !important;}
  body[data-page="spoiler"] .beyond-song{grid-template-columns:28px minmax(0,1fr) 40px !important;padding:10px 4px !important;}
  body[data-page="spoiler"] .beyond-song strong{font-size:.91rem !important;}
  body[data-page="spoiler"] .beyond-artwork-section{
    margin-top:58px !important;
    padding-top:36px !important;
  }
  body[data-page="spoiler"] .beyond-section-head{margin-bottom:18px !important;}
  body[data-page="spoiler"] .beyond-artwork-section h2{font-size:1.85rem !important;}
  body[data-page="spoiler"] .beyond-artwork-grid{grid-template-columns:1fr !important;gap:16px !important;}
  body[data-page="spoiler"] .reset-room{margin-top:28px !important;}
}

/* ==========================================================
   V45 FINAL — quiet, compact, reader-first consolidation
   ========================================================== */

/* Main music: keep the invitation close to the final song. */
body[data-page="music"] .music-beyond-invite {
  margin-top: 16px !important;
  padding-top: 16px !important;
}
@media (max-width: 640px) {
  body[data-page="music"] .music-beyond-invite {
    margin-top: 13px !important;
    padding-top: 13px !important;
  }
}

/* Top Beyond link remains a normal nav item, never a gold pill. */
.site-menu .spoiler-link,
.site-menu .spoiler-link:hover,
.site-menu .spoiler-link:focus-visible,
.site-menu .spoiler-link[aria-current="page"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-weight: inherit !important;
}

/* Bottom Music CTA is the invitation, but deliberately modest. */
body[data-page="music"] .music-beyond-invite .music-beyond-link {
  min-height: 0 !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(215,182,122,.035) !important;
  border: 1px solid rgba(215,182,122,.28) !important;
  color: #d5bd8b !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
}

/* No persistent technical player chatter. */
body[data-page="music"] .playback-status,
body[data-page="spoiler"] .playback-status {
  display: none !important;
}

/* Desktop repeat remains hidden; mobile repeat stays compact. */
@media (min-width: 641px) {
  body[data-page="music"] .playback-option[id$="-repeat"],
  body[data-page="spoiler"] .playback-option[id$="-repeat"] {
    display: none !important;
  }
  body[data-page="spoiler"] .beyond-playback-options {
    display: none !important;
  }
}
@media (max-width: 640px) {
  body[data-page="music"] .playback-options-row,
  body[data-page="spoiler"] .playback-options-row {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  body[data-page="music"] .playback-option[id$="-repeat"],
  body[data-page="spoiler"] .playback-option[id$="-repeat"] {
    white-space: nowrap !important;
    font-size: .68rem !important;
    padding: 3px 2px !important;
  }
}

/* Beyond desktop: two compact content columns with no fake equal-height cards. */
@media (min-width: 901px) {
  body[data-page="spoiler"] .spoiler-shell {
    width: min(1120px, calc(100% - 52px)) !important;
    padding: 46px 0 58px !important;
  }
  body[data-page="spoiler"] .gate-panel.unlocked .beyond-room-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr) !important;
    gap: 38px !important;
    align-items: start !important;
    max-width: none !important;
  }
  body[data-page="spoiler"] .beyond-music-card {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-page="spoiler"] .beyond-music-card h2 {
    max-width: none !important;
    margin: 0 0 18px !important;
    text-align: left !important;
    font-size: clamp(1.65rem, 2.15vw, 2rem) !important;
    line-height: 1.12 !important;
  }
  body[data-page="spoiler"] .beyond-compact-player {
    margin-bottom: 12px !important;
    padding: 17px 18px 16px !important;
  }
  body[data-page="spoiler"] .beyond-song-list {
    margin-top: 0 !important;
  }
  body[data-page="spoiler"] .beyond-song {
    min-height: 50px !important;
    padding: 9px 7px !important;
  }
  body[data-page="spoiler"] .beyond-artwork-section {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
  }
  body[data-page="spoiler"] .beyond-section-head {
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body[data-page="spoiler"] .beyond-artwork-section h2 {
    font-size: clamp(1.75rem, 2.25vw, 2.05rem) !important;
  }
  body[data-page="spoiler"] .beyond-section-head p {
    margin-top: 5px !important;
    font-size: .82rem !important;
    color: #9e9586 !important;
  }
  body[data-page="spoiler"] .beyond-artwork-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
  }
  body[data-page="spoiler"] .beyond-art-item {
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border: 1px solid rgba(215,182,122,.14) !important;
    box-shadow: none !important;
  }
  body[data-page="spoiler"] .beyond-art-open,
  body[data-page="spoiler"] .beyond-art-open img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  body[data-page="spoiler"] .beyond-art-open img {
    object-fit: cover !important;
  }
  body[data-page="spoiler"] .reset-room {
    margin-top: 28px !important;
  }
}

/* Beyond mobile: two-across preview thumbnails, centered and intentionally small. */
@media (max-width: 640px) {
  body[data-page="spoiler"] .spoiler-shell {
    width: calc(100% - 28px) !important;
    padding: 30px 0 42px !important;
  }
  body[data-page="spoiler"] .gate-panel.unlocked .beyond-room-layout {
    display: block !important;
  }
  body[data-page="spoiler"] .beyond-music-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body[data-page="spoiler"] .beyond-music-card h2 {
    max-width: 330px !important;
    margin: 0 0 18px !important;
    text-align: left !important;
    font-size: clamp(1.55rem, 7vw, 1.8rem) !important;
    line-height: 1.08 !important;
  }
  body[data-page="spoiler"] .beyond-compact-player {
    margin-bottom: 10px !important;
    padding: 14px 12px 13px !important;
  }
  body[data-page="spoiler"] .beyond-song {
    min-height: 47px !important;
    padding: 8px 4px !important;
  }
  body[data-page="spoiler"] .beyond-artwork-section {
    width: 100% !important;
    max-width: none !important;
    margin: 28px 0 0 !important;
    padding: 22px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(215,182,122,.18) !important;
  }
  body[data-page="spoiler"] .beyond-section-head {
    margin: 0 0 14px !important;
    padding: 0 !important;
  }
  body[data-page="spoiler"] .beyond-section-head p {
    display: none !important;
  }
  body[data-page="spoiler"] .beyond-artwork-section h2 {
    font-size: 1.7rem !important;
  }
  body[data-page="spoiler"] .beyond-artwork-grid {
    width: min(286px, 100%) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body[data-page="spoiler"] .beyond-art-item {
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    border: 1px solid rgba(215,182,122,.14) !important;
    box-shadow: none !important;
  }
  body[data-page="spoiler"] .beyond-art-open,
  body[data-page="spoiler"] .beyond-art-open img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  body[data-page="spoiler"] .beyond-art-open img {
    object-fit: cover !important;
  }
  body[data-page="spoiler"] .reset-room {
    margin-top: 24px !important;
  }
}

/* Book wrap must never distort. */
body[data-page="book"] .book-full-cover-hero,
body[data-page="book"] .book-full-cover-hero img {
  height: auto !important;
}
body[data-page="book"] .book-full-cover-hero img {
  object-fit: contain !important;
}

/* ==========================================================
   V46 QUALITY PASS — restore balance without redesigning
   ========================================================== */

/* HOME: five destination cards stay in one clean desktop row. */
@media (min-width: 981px) {
  body[data-page="home"] .feature-section {
    padding: 34px 0 42px !important;
  }
  body[data-page="home"] .feature-grid-five {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
  }
  body[data-page="home"] .feature-grid-five .feature-card,
  body[data-page="home"] .feature-grid-five .feature-card:nth-child(4),
  body[data-page="home"] .feature-grid-five .feature-card:nth-child(5),
  body[data-page="home"] .feature-grid-five .feature-card:last-child {
    grid-column: auto !important;
    width: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }
  body[data-page="home"] .feature-grid-five .feature-image,
  body[data-page="home"] .music-card > img.feature-image,
  body[data-page="home"] .author-card-home > img.feature-image {
    height: 150px !important;
    aspect-ratio: auto !important;
  }
  body[data-page="home"] .feature-grid-five .feature-body {
    display: block !important;
    min-height: 0 !important;
    padding: 14px 13px 16px !important;
    text-align: center !important;
  }
  body[data-page="home"] .feature-body h3 {
    margin: 0 0 6px !important;
    font-size: .88rem !important;
    line-height: 1.25 !important;
  }
  body[data-page="home"] .feature-grid-five .feature-body p {
    min-height: 0 !important;
    margin: 0 !important;
    font-size: .80rem !important;
    line-height: 1.35 !important;
  }
}

/* HOME mobile: centered Amazon invitation and compact 2-up destinations. */
@media (max-width: 640px) {
  body[data-page="home"] .amazon-buy-wrap {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  body[data-page="home"] .home-cta-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }
  body[data-page="home"] .home-cta-row .amazon-buy-button {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }
  body[data-page="home"] .feature-section {
    padding: 28px 0 36px !important;
  }
  body[data-page="home"] .feature-grid-five {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body[data-page="home"] .feature-grid-five .feature-card,
  body[data-page="home"] .feature-grid-five .feature-card:last-child {
    width: 100% !important;
    min-height: 0 !important;
    display: block !important;
    grid-template-columns: none !important;
  }
  body[data-page="home"] .feature-grid-five .feature-card:last-child {
    grid-column: 1 / -1 !important;
    width: calc(50% - 5px) !important;
    justify-self: center !important;
  }
  body[data-page="home"] .feature-grid-five .feature-image,
  body[data-page="home"] .music-card > img.feature-image,
  body[data-page="home"] .author-card-home > img.feature-image {
    width: 100% !important;
    height: 104px !important;
    aspect-ratio: auto !important;
  }
  body[data-page="home"] .feature-grid-five .feature-body {
    min-height: 0 !important;
    padding: 11px 9px 13px !important;
    text-align: center !important;
  }
  body[data-page="home"] .feature-body h3 {
    margin: 0 0 4px !important;
    font-size: .76rem !important;
    line-height: 1.25 !important;
  }
  body[data-page="home"] .feature-grid-five .feature-body p {
    margin: 0 !important;
    min-height: 0 !important;
    font-size: .70rem !important;
    line-height: 1.3 !important;
  }
}

/* MUSIC: the invitation belongs immediately after song five. */
body[data-page="music"] .music-beyond-invite {
  margin-top: 10px !important;
  padding-top: 13px !important;
}
body[data-page="music"] .music-invite-lead .invite-line {
  display: inline !important;
}
body[data-page="music"] .music-invite-lead .invite-line + .invite-line::before {
  content: " ";
}
@media (max-width: 640px) {
  body[data-page="music"] .music-beyond-invite {
    margin-top: 8px !important;
    padding-top: 11px !important;
  }
  body[data-page="music"] .music-beyond-invite .music-invite-lead {
    line-height: 1.4 !important;
    margin-bottom: 7px !important;
  }
  body[data-page="music"] .music-invite-lead .invite-line {
    display: block !important;
    white-space: nowrap !important;
  }
  body[data-page="music"] .music-invite-lead .invite-line + .invite-line::before {
    content: none !important;
  }
}

/* BEYOND desktop: gallery and listening column carry comparable visual weight. */
@media (min-width: 901px) {
  body[data-page="spoiler"] .spoiler-shell {
    width: min(1180px, calc(100% - 56px)) !important;
  }
  body[data-page="spoiler"] .gate-panel.unlocked .beyond-room-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 44px !important;
    align-items: start !important;
  }
  body[data-page="spoiler"] .beyond-artwork-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 11px !important;
    width: 100% !important;
  }
  body[data-page="spoiler"] .beyond-art-item {
    grid-column: span 2 !important;
    aspect-ratio: 1 / 1 !important;
  }
  body[data-page="spoiler"] .beyond-art-item:nth-child(7) {
    grid-column: 2 / span 2 !important;
  }
  body[data-page="spoiler"] .beyond-art-item:nth-child(8) {
    grid-column: 4 / span 2 !important;
  }
}

/* BEYOND mobile: still two-across, but truly thumbnail-sized. */
@media (max-width: 640px) {
  body[data-page="spoiler"] .beyond-artwork-section {
    margin-top: 30px !important;
    padding-top: 24px !important;
  }
  body[data-page="spoiler"] .beyond-artwork-grid {
    width: min(250px, 100%) !important;
    gap: 10px !important;
  }
  body[data-page="spoiler"] .beyond-art-item {
    aspect-ratio: 1 / 1 !important;
  }
}