/* Scoped chapter reading styles; approved global pages stay unchanged. */
.chapter-words {
  --words-gold: #d4b583;
  --words-border: #8d7256;
  --words-ivory: #eee7db;
  margin: 3.5rem 0 1rem;
  padding: clamp(2rem, 6vw, 4.5rem) clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid #302530;
  border-radius: 30px;
  background: #14111c;
  color: var(--words-ivory);
  text-align: center;
  font-family: "Baskerville Old Face", "Palatino Linotype", Georgia, serif;
}
.chapter-words .chapter-words-kicker {
  margin: 0 0 1.7rem;
  color: var(--words-gold);
  font-size: clamp(.8rem, 1.6vw, 1.15rem);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.chapter-words .chapter-words-title {
  margin: 0;
  color: var(--words-ivory);
  font: italic 400 clamp(2.4rem, 5.6vw, 5rem)/1.22 "Baskerville Old Face", "Palatino Linotype", Georgia, serif;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.chapter-words-rule {
  position: relative; height: 1px; margin: 2.8rem auto 2.4rem;
  max-width: 94%; background: var(--words-border);
}
.chapter-words-rule::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 12px; height: 12px; background: #14111c;
  border: 1px solid var(--words-gold); transform: translate(-50%, -50%) rotate(45deg);
}
.chapter-words .chapter-words-intro {
  max-width: 30ch; margin: 0 auto 2.3rem;
  color: var(--words-ivory); font-size: clamp(1.3rem, 2.5vw, 1.95rem); line-height: 1.5;
}
.chapter-words-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.chapter-words .chapter-words-card {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .8rem; min-height: 205px; padding: 1.6rem 2.5rem;
  border: 1px solid var(--words-gold); border-radius: 22px;
  background: transparent; color: var(--words-ivory); text-decoration: none;
  transition: background-color .18s, border-color .18s;
}
.chapter-words .chapter-words-card:hover { background: #211925; border-color: #e3caa3; }
.chapter-words .chapter-words-card:focus-visible { outline: 2px solid #e3caa3; outline-offset: 5px; }
.chapter-words-icon { width: 48px; height: 48px; color: var(--words-gold); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.chapter-words-card strong { font-size: clamp(1.55rem, 2.8vw, 2.1rem); font-weight: 400; line-height: 1.3; }
.chapter-words-card .chapter-words-language { color: var(--words-gold); font-size: .95rem; letter-spacing: .18em; line-height: 1.7; text-transform: uppercase; }
.chapter-words-arrow { position: absolute; right: 1.3rem; top: 50%; width: 12px; height: 12px; border-top: 1px solid var(--words-gold); border-right: 1px solid var(--words-gold); transform: rotate(45deg); }
.chapter-lyric-reading { max-width: 820px; margin: 0 auto; padding: clamp(1.8rem, 5vw, 4rem) 0; color: #eee7db; }
.chapter-lyric-back { display: inline-block; padding: .5rem 0; margin-bottom: 2.2rem; color: #d4b583; font-size: .85rem; text-decoration: none; }
.chapter-lyric-back:hover { text-decoration: underline; text-underline-offset: .25em; }
.chapter-lyric-reading .chapter-lyric-kicker { margin: 0 0 1rem; color: #d4b583; font-size: .78rem; line-height: 1.8; letter-spacing: .15em; text-transform: uppercase; }
.chapter-lyric-reading .chapter-lyric-title { margin: 0 0 1.1rem; color: #eee7db; font: italic 400 clamp(2.3rem, 5vw, 3.8rem)/1.25 "Baskerville Old Face", "Palatino Linotype", Georgia, serif; }
.chapter-lyric-subtitle { margin: 0 0 2.5rem; color: #d4b583; font: 400 1.1rem/1.6 "Palatino Linotype", Georgia, serif; }
.chapter-lyric-credits { margin: 0 0 2rem; color: #c8bfb1; font: 400 .95rem/1.8 "Palatino Linotype", Georgia, serif; }
.chapter-lyric-note { max-width: 55ch; margin: 0 0 2.5rem; color: #c8bfb1; font: italic 400 .95rem/1.7 "Palatino Linotype", Georgia, serif; }
.chapter-cover img[src*="la-misma-direccion-cover"] { object-fit: contain; }
.chapter-lyric-text { font: 400 clamp(1.08rem, 2vw, 1.25rem)/1.85 "Palatino Linotype", Georgia, serif; color: #eee7db; overflow-wrap: break-word; }
.chapter-lyric-text p { margin: 0 0 1.8em; color: inherit; }
.chapter-lyric-text pre { white-space: pre-wrap; font: inherit; color: inherit; background: transparent; border: 0; padding: 0; }
.chapter-lyric-text .chapter-lyric-pending { color: #c8bfb1; font-style: italic; }
@media (max-width: 600px) {
  .chapter-words { margin-top: 2.5rem; border-radius: 20px; }
  .chapter-words-links { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .chapter-words .chapter-words-card { min-height: 172px; }
  .chapter-words-rule { margin-top: 2rem; margin-bottom: 2rem; }
}

/* Reading gutter for both official lyrics and translation, including narrow phones. */
.chapter-lyric-reading { box-sizing: border-box; width: 100%; padding-inline: clamp(1.35rem, 5vw, 2.5rem); }
.chapter-lyric-reading .chapter-lyric-title { overflow-wrap: anywhere; }

/* Decorative artwork stays behind both Chapter I reading pages. */
.chapter-lyric-page { position: relative; isolation: isolate; }
.chapter-lyric-page > .chapter-lyric-reading { position: relative; z-index: 1; }