/* Purp Kulture Lyrics A–Z Archive — isolated component */
.lyrics-archive{
  --la-paper:var(--paper,#fff);
  --la-paper-2:var(--paper-2,#f7f6f8);
  --la-ink:var(--ink,#0b0b0d);
  --la-muted:var(--muted,#777781);
  --la-line:var(--line,#dedde2);
  --la-accent:var(--brand,#8B66DE);
  --la-gut:var(--gut,clamp(18px,4vw,40px));
  display:block;background:var(--la-paper);color:var(--la-ink);padding:clamp(38px,5.5vw,72px) 0;font-family:var(--font-body,"DM Sans",system-ui,sans-serif)
}
.lyrics-archive *{box-sizing:border-box;border-radius:0}
.lyrics-archive [hidden]{display:none!important}
.lyrics-archive .la-shell{width:100%;max-width:var(--max,1240px);margin:0 auto;padding:0 var(--la-gut)}
.lyrics-archive .la-head{max-width:760px;margin:0 0 clamp(30px,4vw,48px)}
.lyrics-archive .la-heading{margin:0;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;color:var(--la-ink)}
.lyrics-archive .la-description{margin:16px 0 0;max-width:55ch;font-size:15px;line-height:1.55;color:var(--la-muted)}
.lyrics-archive .la-index{border-top:2px solid var(--la-ink)}
.lyrics-archive .la-letter{border-bottom:1px solid var(--la-line)}
.lyrics-archive .la-letter-toggle{width:100%;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:18px;align-items:center;padding:14px 8px;border:0;background:transparent;color:var(--la-ink);text-align:left;cursor:pointer;transition:background .14s ease}
.lyrics-archive .la-letter-toggle:hover,.lyrics-archive .la-letter-toggle:focus-visible{background:var(--la-paper-2)}
.lyrics-archive .la-letter-toggle:focus-visible{outline:2px solid var(--la-accent);outline-offset:-2px}
.lyrics-archive .la-letter-toggle:disabled{cursor:default;opacity:.28;background:transparent}
.lyrics-archive .la-letter-name{font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1;letter-spacing:-.035em}
.lyrics-archive .la-letter.is-open .la-letter-name{color:var(--la-accent)}
.lyrics-archive .la-letter-count{font-size:11px;font-weight:700;color:var(--la-muted);font-variant-numeric:tabular-nums}
.lyrics-archive .la-letter-chevron{width:34px;height:34px;display:grid;place-items:center;color:var(--la-ink)}
.lyrics-archive .la-letter-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.lyrics-archive .la-letter.is-open .la-letter-chevron svg{transform:rotate(180deg)}
.lyrics-archive .la-panel{padding:0 8px 22px 8px}
.lyrics-archive .la-list{border-top:1px solid var(--la-line)}
.lyrics-archive .la-item{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:20px;align-items:center;min-height:76px;padding:14px 4px;border-bottom:1px solid var(--la-line);transition:background .12s}
.lyrics-archive .la-item:hover{background:var(--la-paper-2)}
.lyrics-archive .la-item-copy{min-width:0}
.lyrics-archive .la-item-title{display:block;width:max-content;max-width:100%;color:var(--la-ink);font-size:17px;font-weight:700;line-height:1.2;text-decoration:none}
.lyrics-archive .la-item-title:hover,.lyrics-archive .la-item-title:focus-visible{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.lyrics-archive .la-item-artist{display:block;margin-top:5px;color:var(--la-muted);font-size:13px;line-height:1.2}
.lyrics-archive .la-item-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--la-line);color:var(--la-ink);text-decoration:none;transition:background .14s,color .14s,border-color .14s}
.lyrics-archive .la-item-arrow:hover,.lyrics-archive .la-item-arrow:focus-visible{background:var(--la-ink);border-color:var(--la-ink);color:var(--la-paper)}
.lyrics-archive .la-item-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lyrics-archive .la-more-wrap{display:flex;justify-content:center;padding-top:22px}
.lyrics-archive .la-more{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1.5px solid var(--la-ink);background:var(--la-paper);color:var(--la-ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .14s,color .14s}
.lyrics-archive .la-more:hover,.lyrics-archive .la-more:focus-visible{background:var(--la-ink);color:var(--la-paper)}
.lyrics-archive .la-loading{height:56px;align-items:center;justify-content:center;gap:6px}
.lyrics-archive .la-loading:not([hidden]){display:flex!important}
.lyrics-archive .la-loading span{width:6px;height:6px;background:var(--la-accent);border-radius:50%;animation:laBounce .65s infinite alternate}
.lyrics-archive .la-loading span:nth-child(2){animation-delay:.13s}.lyrics-archive .la-loading span:nth-child(3){animation-delay:.26s}
@keyframes laBounce{to{transform:translateY(-6px)}}
@media(max-width:600px){
  .lyrics-archive{padding:34px 0 54px}
  .lyrics-archive .la-heading{font-size:clamp(36px,13vw,52px)}
  .lyrics-archive .la-letter-toggle{min-height:64px;grid-template-columns:minmax(0,1fr) auto 30px;padding:11px 2px;gap:12px}
  .lyrics-archive .la-letter-name{font-size:32px}
  .lyrics-archive .la-panel{padding:0 2px 18px}
  .lyrics-archive .la-item{min-height:70px;padding:12px 2px;grid-template-columns:minmax(0,1fr) 34px;gap:12px}
  .lyrics-archive .la-item-title{font-size:15px}.lyrics-archive .la-item-artist{font-size:12px}
  .lyrics-archive .la-item-arrow{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.lyrics-archive *{animation:none!important;transition:none!important}}