/* ═══════════════════════════════════════════════════════════
   chant.css — a chant page: the Latin and the English side by side
   ═══════════════════════════════════════════════════════════ */

.crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--strip);margin:0 0 26px}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--nav);font-weight:500}
.chant-title{font:500 clamp(2.8rem, 1.6rem + 3.6vw, 5rem)/1 var(--serif);margin:0 0 16px;color:var(--ink);letter-spacing:-.005em}
.chant-lead{font:italic 400 clamp(1.15rem, 1rem + .5vw, 1.45rem)/1.5 var(--serif);color:var(--nav);max-width:40em;margin:0}

/* the text: two cards of equal height */
.text-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.tcard{padding:clamp(24px, 3vw, 40px);display:flex;flex-direction:column}
.tcard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.tcard-head .lang{font:500 1.25rem/1 var(--serif);color:var(--ink)}
.tcard-head .lang small{display:block;margin-top:6px;font:600 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--strip)}
.copy{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:none;color:var(--nav);font:600 12px/1 var(--sans);cursor:pointer;transition:border-color .4s, color .4s}
.copy:hover{border-color:var(--gold);color:var(--gold-hi)}
.latin .stanza{margin:0 0 1.2em;font:italic 400 clamp(1.18rem, 1.05rem + .3vw, 1.38rem)/1.75 var(--serif);color:var(--ink)}
.latin .stanza:last-child{margin-bottom:0}
.latin .stanza:first-child::first-letter{font-style:normal;color:var(--gold-hi);font-size:1.15em}
.english p{margin:0 0 1em;font:400 clamp(1.12rem, 1rem + .3vw, 1.3rem)/1.75 var(--serif);color:#d4ccbd}
.cite{text-align:center;margin:22px 0 0;font:600 11.5px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
@media (max-width:820px){.text-pair{grid-template-columns:1fr}}

/* the story of the chant */
.lore{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.lore .card h3{margin-bottom:14px}
.lore .card p + p{margin-top:12px}
.lore .card em{color:var(--ink)}
.lore .card a,.about-chants a{color:var(--gold-hi);border-bottom:1px solid rgba(226,172,56,.35)}
.lore .n{display:block;font:600 11px/1 var(--sans);letter-spacing:.18em;color:var(--gold);margin-bottom:16px}
@media (max-width:980px){.lore{grid-template-columns:1fr}}

.hear{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 32px}
.hear h3{margin:0}
.hear .pill{height:48px;padding:0 24px;font-size:15px}
.hear .pill span{transform:none}

/* the chants index */
.about-chants{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px, 6vw, 90px)}
.about-chants p{color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.7}
@media (max-width:900px){.about-chants{grid-template-columns:1fr}}
.chant .ce{font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}