.album-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem; }
.album-card { display:grid; gap:.55rem; min-width:0; color:var(--text); text-decoration:none; }
.album-card__cover { width:100%; aspect-ratio:1; object-fit:cover; border-radius:.75rem; background:var(--surface-soft); box-shadow:0 .6rem 1.8rem rgba(0,0,0,.24); transition:transform .18s ease; }
.album-card:hover .album-card__cover, .album-card:focus-visible .album-card__cover { transform:translateY(-.2rem); }
.album-card__title, .album-card__artist { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.album-card__title { font-weight:700; letter-spacing:-.025em; }
.album-card__artist { color:var(--muted); font-size:.83rem; margin-top:-.35rem; }
.search-empty { color:var(--muted); text-align:center; margin:2rem 0; }
.album-hero { padding:.25rem 0 1.7rem; }
.back-link { display:inline-block; color:var(--accent); text-decoration:none; font-size:.86rem; font-weight:700; margin-bottom:1.5rem; }
.album-hero__info { display:flex; align-items:center; gap:1rem; }
.album-hero__cover { width:7.5rem; height:7.5rem; flex:0 0 7.5rem; border-radius:.85rem; object-fit:cover; background:var(--surface-soft); box-shadow:0 .8rem 2rem rgba(0,0,0,.28); }
.album-hero__title { font-size:clamp(1.9rem,7vw,3rem); line-height:.94; }
@media (min-width:640px) { .album-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; } .album-hero__cover { width:10rem; height:10rem; flex-basis:10rem; } }