@media(min-width:621px) and (min-height:501px){html{scrollbar-gutter:stable}}
/* V15: stable record cards, one focused preview, coherent navigation.
   Image bytes, original aspect ratios and the fixed Gems gradient are retained. */
header::before,header.scrolled::before{inset:0;opacity:1;mask-image:none;backdrop-filter:none}
header{border-bottom:1px solid #57314124}
header .brand-gem{display:none}
header .brand{gap:0}
header nav{gap:6px;justify-content:flex-end}
header nav>button,header nav>a,header nav [data-view=kept],header nav button[aria-current=page],header .search-button,#nav-more summary{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;margin:0;
 border:1px solid transparent;border-radius:4px;background:transparent;box-shadow:none;color:#30212b;
 font:600 13px/1.2 Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap
}
header nav>button:first-child{background:transparent;border-color:transparent;color:#30212b}
header nav>[aria-current=page],header nav>button[aria-current=page],header .search-button[aria-current=page]{background:#2d222c;color:#fff8ed;border-color:#2d222c;box-shadow:none;text-decoration:none;font-style:normal}
header nav>button:hover,header nav>a:hover,header .search-button:hover,#nav-more summary:hover,#nav-more[open] summary{background:#fff6e875;color:#30212b;border-color:#65424c45}
header nav button::after{display:none}
header nav :is(button,a,summary):focus-visible,header .search-button:focus-visible{outline:2px solid #632c46;outline-offset:3px}
header .search-button{border-color:#65424c60;border-radius:4px;background:#fff6e83b}
header .search-button span{display:inline}
#nav-more{position:relative}
#nav-more summary{padding-right:28px;min-width:74px}
#nav-more summary::after{right:12px;top:50%;transform:translateY(-50%);font:14px Arial,sans-serif}
#nav-more>div{right:0;top:calc(100% + 7px);min-width:190px;padding:7px;border:1px solid #7853654d;border-radius:6px;background:#fff6e9;box-shadow:0 12px 28px #35212b20}
#nav-more>div button,#nav-more>div a{width:100%;display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 12px;border:0;border-radius:3px;font:600 13px/1.3 Arial,sans-serif;letter-spacing:0;background:none;box-shadow:none;color:#30212b;text-decoration:none}
#nav-more>div :is(button,a):hover,#nav-more>div :is(button,a):focus-visible{background:#f6e9ad;color:#30212b}

/* Equal columns; content may grow, but each row's action baseline stays aligned. */
#featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#home-cds{align-items:stretch}
#home-browse-more{display:flex;align-items:center;justify-content:center;width:min(100%,360px);min-height:54px;margin:32px auto 8px;padding:14px 24px;background:#2c222d;color:#fff8eb;border:1px solid #2c222d;border-radius:4px;font:600 16px/1.3 Arial,sans-serif;text-decoration:none}
#home-browse-more:hover{background:#523141}
#home-browse-more:focus-visible{outline:3px solid #763452;outline-offset:5px}
.home-card.hc-featured,.home-card.hc-featured:first-child,.home-card.hc-shelf{display:flex;flex-direction:column;justify-content:flex-start;grid-area:auto;padding:16px;min-width:0;border:1px solid #62414b35;border-radius:4px;background:#fff5e966;color:#30212b}
.home-card.hc-featured:first-child{background:#2c222d;color:#fff8eb;border-color:#2c222d}
.home-card>button,.hc-featured:first-child>button,.hc-featured:not(:first-child)>button{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;flex:1;padding:0;border:0;background:none;color:inherit}
.home-card .home-cover,.hc-shelf .home-cover{display:block;width:100%;padding:0;aspect-ratio:1;box-shadow:none;border:0;border-radius:0;background:none}
.home-card .home-cover .release-art,.card-discover>.release-art{display:block;flex:none;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:1;background:#dcc9be;border:0;border-radius:0;overflow:hidden;padding:0}
.home-card .release-art img,.card-discover>.release-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;margin:0;padding:0}
.home-card .home-copy,.hc-shelf .home-copy,.hc-featured:not(:first-child) .home-copy{display:flex;flex-direction:column;gap:7px;width:100%;padding:18px 0 14px;text-align:left}
.home-copy strong,.hc-shelf .home-copy strong{font:normal clamp(23px,2.3vw,33px)/1.1 Georgia,serif;letter-spacing:-.035em;overflow-wrap:break-word}
.home-copy span{font:14px/1.4 Arial,sans-serif}
.home-copy em{font:14px/1.55 Arial,sans-serif;font-style:normal;margin-top:4px}
.home-copy b{font:600 11px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;margin-top:4px}
.hc-featured:first-child .home-copy :is(small,span,em,b){color:#f0dcd0}
.home-direct,.hc-featured:first-child .home-direct{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px 10px;padding:0;margin:8px 0 0}
.home-direct>button{grid-column:1;grid-row:1;min-height:44px;margin:0;padding:10px 12px;font:600 13px/1.2 Arial,sans-serif;border:1px solid #3d2933;border-radius:4px;background:#f4e67e;color:#2c1d27}
.home-direct>gems-heart{grid-column:2;grid-row:1;position:static;align-self:start}
.home-direct>small{grid-column:1/-1;grid-row:2;min-height:17px;font:11px/1.4 Arial,sans-serif;color:inherit;opacity:.8}
.home-card>gems-heart{position:static}
.home-card:has([aria-expanded=true]){outline:2px solid #783951;outline-offset:3px}

/* A square source gets a square opening. Any future non-square source is contained,
   with balanced framing on all sides; it is never stretched or cover-cropped. */
.collection-grid.sleeve-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.browse-card{border:1px solid #62414b35;border-radius:4px;background:#fff5e966;overflow:visible;padding:14px;display:flex;flex-direction:column}
.card-discover{flex:1;height:auto;display:flex;flex-direction:column;align-items:stretch;min-width:0;border-radius:0}
.sleeve-grid .card-discover>.release-art{height:auto;width:100%;aspect-ratio:1;background:#dcc9be}
.sleeve-grid .card-discover>.release-art img{width:100%;height:100%;object-fit:contain}
.card-copy{padding:16px 0 12px;gap:7px}
.card-copy{background:transparent!important}
.card-copy>strong{font:normal 27px/1.12 Georgia,serif;letter-spacing:-.035em;margin:0;overflow-wrap:break-word}
.card-copy>span{font:14px/1.4 Arial,sans-serif}
.card-copy>small{font:10px/1.4 Arial,sans-serif;letter-spacing:.04em;text-transform:none}
.card-copy .preview-cue{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.card-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 10px;padding:0;margin-top:8px;align-items:start}
.card-actions button[data-listen]{min-height:44px;font:600 13px/1.2 Arial,sans-serif;padding:10px 12px;border-radius:4px;color:#2c1d27;background:#f4e67e;border:1px solid #3d2933}
.card-provider{grid-column:1/-1;font:11px/1.4 Arial,sans-serif;color:#664c55;min-height:17px}
.card-actions gems-heart{align-self:start}
.home-direct gems-heart .reaction-pill,.card-actions gems-heart .reaction-pill{font:normal 25px/1 Arial,sans-serif;padding:0;display:grid;place-items:center;background:#fff5e9;border:1px solid #b48c98;color:#772c50}
.home-direct gems-heart .reaction-pill[aria-pressed=true],.card-actions gems-heart .reaction-pill[aria-pressed=true]{background:#f3c1d0}
.list-layout .browse-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:center}
.list-layout .card-discover{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center}
.list-layout .card-discover>.release-art{width:100px;min-width:0;height:100px;aspect-ratio:1;margin:0}
.list-layout .card-copy{padding:0}
.list-layout .card-actions{display:grid;padding:0;margin:0;width:auto}

/* Preview is a focused surface above the shelf, never an expanding grid cell. */
#sheet.record-preview{width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;border:1px solid #6e4a5b;border-radius:10px;background:#fff5e9;box-shadow:0 24px 80px #21121f50;overflow:auto;color:#30212b}
#sheet.record-preview::backdrop{background:#24172385;backdrop-filter:blur(3px)}
#sheet.record-preview #sheet-title{font:normal clamp(28px,4vw,38px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:18px 0 20px;padding-right:20px}
.preview-identity{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center}
.preview-identity>.release-art{width:112px;height:112px;aspect-ratio:1;background:#dcc9be;border-radius:0}
.preview-artist{font:600 17px/1.4 Arial,sans-serif;margin:0 0 6px}
.preview-identity small{font:12px/1.5 Arial,sans-serif;color:#70515b}
.preview-note{margin:24px 0 20px;border-top:1px solid #ccb3a9;padding-top:20px}
.preview-note p{font:19px/1.55 Georgia,serif;margin:9px 0 0}
.preview-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;align-items:center}
.preview-actions .preview-play{min-height:46px;background:#f4e67e;border:1px solid #3d2933;border-radius:4px;padding:10px 18px;color:#2c1d27;font:600 14px/1.3 Arial,sans-serif}
.preview-provider{font:12px/1.5 Arial,sans-serif;color:#70515b;margin:8px 0 18px}
.preview-sources{display:flex;flex-direction:column;gap:4px;font:12px/1.5 Arial,sans-serif;color:#70515b}
.preview-sources:empty{display:none}
.preview-sources a{padding:7px 0;color:#673148;text-underline-offset:3px;font:13px/1.4 Arial,sans-serif}
.preview-open{width:100%;min-height:46px;margin-top:18px;border:1px solid #a37d86;border-radius:4px;background:transparent;color:#30212b;font:600 14px Arial,sans-serif}
.preview-open:hover{background:#f1dfd4}
#sheet.record-preview #close-sheet{min-width:44px;min-height:44px;right:18px;top:12px}
@media(max-width:900px){header nav{justify-content:flex-start;gap:4px}header nav>button,header nav>a,header nav [data-view=kept],header nav button[aria-current=page]{padding:10px 12px}#featured-grid{gap:14px}.hc-featured:first-child{grid-area:auto}}
@media(max-width:620px){
 header{padding:9px 14px 7px;gap:7px 10px}header .brand-wordmark{width:165px}header .brand-gem{width:28px;height:28px}
 header nav{display:flex;justify-content:space-between;width:100%;gap:2px}header nav>button,header nav>a,header nav [data-view=kept],header nav button[aria-current=page],#nav-more summary{font-size:12px;padding:10px 8px}#nav-more summary{padding-right:21px;min-width:62px}#nav-more summary::after{right:8px}
 header .search-button{padding:8px;min-width:44px;font-size:12px}header .search-button svg{width:15px;height:15px}
 #featured-grid{grid-template-columns:1fr;gap:12px}.home-card.hc-featured,.home-card.hc-featured:first-child{padding:14px}
 .hc-featured>button,.hc-featured:first-child>button,.hc-featured:not(:first-child)>button{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center;flex:none}
 .hc-featured .home-copy,.hc-featured:not(:first-child) .home-copy{padding:0;gap:6px}.hc-featured .home-copy strong,.hc-featured:not(:first-child) .home-copy strong{font-size:25px}.hc-featured .home-copy em,.hc-featured:first-child .home-copy em{display:none}
 .hc-featured .home-direct,.hc-featured:first-child .home-direct{margin:16px 0 0}
 .home-card.hc-shelf{padding:10px}.home-card.hc-shelf .home-copy{padding:12px 0 8px}.hc-shelf .home-copy strong{font-size:21px}.hc-shelf .home-copy small{display:none}.hc-shelf .home-copy span{font-size:12px}
 .home-direct,.card-actions{gap:7px}.home-direct>button,.card-actions button[data-listen]{font-size:11px;padding:8px 5px}.home-direct>small,.card-provider{font-size:10px;min-height:28px}
 .collection-grid.sleeve-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.browse-card{padding:10px}.card-copy{padding:12px 0 8px}.card-copy>strong{font-size:21px}.card-copy>span{font-size:12px}.card-copy>small:first-child{display:none}
 .list-layout .browse-card{grid-template-columns:minmax(0,1fr);gap:12px}.list-layout .card-discover{grid-template-columns:80px minmax(0,1fr);gap:14px}.list-layout .card-discover>.release-art{width:80px;height:80px}.list-layout .card-actions{border-top:1px solid #62414b25;padding-top:12px}
 #sheet.record-preview{padding:22px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:8px}.preview-identity{grid-template-columns:88px minmax(0,1fr);gap:16px}.preview-identity>.release-art{width:88px;height:88px}.preview-note p{font-size:18px}.preview-note{margin-top:20px}
}
@media(max-width:350px){header .brand-wordmark{width:145px}header .brand{gap:6px}header .brand-gem{width:24px;height:24px}header .search-button span{display:none}.hc-featured>button,.hc-featured:first-child>button,.hc-featured:not(:first-child)>button{grid-template-columns:86px minmax(0,1fr);gap:12px}.hc-featured .home-copy strong,.hc-featured:not(:first-child) .home-copy strong{font-size:23px}.home-direct,.card-actions{grid-template-columns:minmax(0,1fr) 40px;gap:5px}.home-direct gems-heart .reaction-pill,.card-actions gems-heart .reaction-pill{width:40px;min-width:40px;max-width:40px;height:44px}.home-direct>button,.card-actions button[data-listen]{overflow-wrap:normal;font-size:10px}}