.archive-layout { display:grid; gap:1rem; margin:1rem auto 2rem; }
.archive-intro { padding:clamp(1rem,3vw,2rem); display:grid; grid-template-columns:1fr auto; align-items:end; gap:.65rem 1rem; }
.archive-intro .kicker { grid-column:1/-1; width:fit-content; }
.archive-intro h1 { font-size:clamp(2.1rem,6vw,4.5rem); line-height:1; }
.archive-intro p { color:var(--ink-500); line-height:1.55; }
.archive-intro .archive-evidence-note { grid-column:1; max-width:72ch; font-size:.78rem; }
.archive-status-tabs { display:flex; gap:.4rem; grid-column:2; grid-row:2/4; align-self:center; }
.archive-status-tabs a { border:1px solid var(--border-soft); border-radius:999px; padding:.58rem .8rem; background:var(--bg-panel); font-size:.82rem; font-weight:800; }
.archive-status-tabs a.is-active { border-color:var(--accent-red-strong); background:var(--accent-red-strong); color:#fff; }
.archive-workspace { padding:1rem; }
.filter-bar { display:grid; grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(120px,.7fr)); gap:.55rem; padding-bottom:.8rem; border-bottom:1px solid var(--border-soft); }
.filter-bar label { display:grid; gap:.25rem; color:var(--ink-500); font-size:.68rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.filter-bar input,.filter-bar select { height:42px; min-width:0; border:1px solid var(--border-soft); border-radius:11px; padding:.55rem .65rem; background:var(--bg-panel); color:var(--ink-900); text-transform:none; letter-spacing:0; font-size:.8rem; }
.archive-summary { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.75rem .25rem; color:var(--ink-500); font-size:.85rem; }
.archive-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.42rem; }
.archive-song { display:flex; justify-content:space-between; align-items:center; gap:.7rem; border:1px solid var(--border-soft); border-radius:14px; padding:.72rem; background:rgba(255,255,255,.7); transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition); }
.archive-song:hover,.archive-song:focus-visible { transform:translateY(-1px); border-color:rgba(31,102,209,.35); box-shadow:var(--shadow-sm); }
.archive-song-main { min-width:0; display:grid; gap:.16rem; }
.archive-song-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-song-main > span { color:var(--ink-500); font-size:.74rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-badges { display:flex; align-items:center; gap:.38rem; color:var(--accent-blue); font-weight:800; }
.archive-badges .lyrics-badge { border-radius:999px; padding:.16rem .4rem; background:var(--accent-blue-soft); font-size:.65rem; }
html[data-theme="dark"] .archive-song { background:rgba(25,30,42,.75); }
@media(max-width:1050px){.filter-bar{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:span 2}.archive-list{grid-template-columns:1fr}}
@media(max-width:680px){.archive-intro{grid-template-columns:1fr}.archive-status-tabs{grid-column:1;grid-row:auto}.filter-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}