/* V0.5: index of pre-existing clips, without another audio/video engine. */
.legacy-shelf { margin:2rem 0 1rem; }
.legacy-intro {display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.legacy-intro h3{font-family:Georgia,serif;font-size:clamp(1.4rem,2.8vw,2rem);margin:.4rem 0}
.legacy-intro p{max-width:650px;margin:.25rem 0;color:#b6c4cd;line-height:1.5}
.legacy-badge{display:inline-block;border:1px solid #796744;border-radius:100px;padding:.3rem .7rem;color:#e7c995;font-size:.74rem;letter-spacing:.055em}
.legacy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1rem}
.legacy-card{background:#121c27;border:1px solid #425260;border-radius:14px;overflow:hidden;min-width:0}
.legacy-art{aspect-ratio:16/9;background:linear-gradient(140deg,#203c4c,#0c1420 55%,#49372b);display:grid;place-items:center;color:#d4af7e}
.legacy-art img{width:100%;height:100%;object-fit:cover}
.legacy-copy{padding:1rem;display:grid;gap:.45rem}
.legacy-copy small{color:#c6af7e;font-size:.72rem}
.legacy-copy h4{font:600 1.13rem/1.3 Georgia,serif;margin:0;color:#f5ede0}
.legacy-copy p{color:#c2cfdb;font-size:.85rem;margin:0;line-height:1.4}
.legacy-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.legacy-actions button,.legacy-actions a{background:#253849;border:1px solid #667080;padding:.56rem .75rem;color:#fff;border-radius:8px;font:inherit;font-size:.82rem;text-decoration:none;cursor:pointer}
.legacy-actions button{background:#866c40;color:#fff}
.legacy-actions button:focus-visible,.legacy-actions a:focus-visible{outline:3px solid #e5c88b;outline-offset:3px}
.legacy-note{font-size:.79rem;color:#d4dce0;margin-top:.8rem}
@media (max-width:600px){.legacy-grid{grid-template-columns:1fr 1fr}.legacy-copy{padding:.7rem}.legacy-actions{flex-direction:column}}
@media (max-width:410px){.legacy-grid{grid-template-columns:1fr}}