/* V8 discovery: the record, the collection, and one persistent listening session. */
:root { --paper:#fff8f2; --ink:#38252f; --rose:#804457; --line:#e6d3cc; --yellow:#f3ef9c; }
body { background:var(--paper); }
button, a { -webkit-tap-highlight-color:transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline:3px solid #86425d; outline-offset:4px; }
button { transition:background .18s, border-color .18s, transform .18s; }
button:active:not(:disabled) { transform:translateY(1px); }
button:disabled { opacity:.4; }
.review-strip { padding:6px 3%; letter-spacing:1.3px; font-size:9px; background:#eadcd6; color:#684b55; }
header { max-width:1400px; margin:auto; padding:22px 4%; border-bottom:1px solid var(--line); background:var(--paper); }
nav button { border-radius:24px; padding:9px 15px; min-height:44px; }
nav button[aria-current=page] { background:#eee4dd; color:var(--ink); }
nav [data-view=kept] { background:#f1ebbf; }
#kept-count { background:#fffaf5; border-radius:50%; padding:2px 6px; margin-left:3px; }
main { max-width:1360px; margin:auto; padding:0 4%; }
body[data-mode=record] .workspace { background:transparent; }
body[data-mode=record] .breadcrumb { border:0!important; padding:20px 0 0; display:flex; align-items:center; gap:16px; }
.breadcrumb #crumb { margin-left:auto; font-size:10px; letter-spacing:.4px; }
.breadcrumb button { font-size:11px; min-height:44px; }
#back-find { display:none; }
#return-browse:not([hidden]) + #crumb { margin-left:auto; }
.breadcrumb:has(#return-browse:not([hidden])) .browse-return { display:none; }
.discovery-grid { max-width:1040px; margin:auto; gap:0; }
.object-panel { padding:0; position:relative; }
.object-stage, .has-player .object-stage { height:clamp(340px,43vh,470px); overflow:visible; }
.jewel, .has-player .jewel { scale:1.38; }
.object-stage.open .case-position { transform:translate(70px,4px); }
.cd-navigation { max-width:550px; margin:0 auto; justify-content:space-between; gap:20px; }
.cd-navigation button { display:flex; align-items:center; justify-content:center; border:1px solid #dfcbc5; border-radius:24px; min-width:112px; min-height:44px; padding:8px 14px; }
.cd-navigation button:hover:not(:disabled) { background:#eee1d8; }
.cd-navigation span { letter-spacing:2px; }
.stage-play { display:none; }
.gesture-hint { margin:10px auto 0; font-size:10px; color:#836974; }
.motion-details { position:absolute; top:20px; right:0; z-index:2; text-align:right; }
.motion-details summary { font-size:9px; color:#856d74; padding:8px; min-height:32px; }
.motion-details[open] { padding:10px; border:1px solid var(--line); border-radius:10px; background:#fff8f2f5; max-width:260px; }
.inspector { padding:24px 0 26px; max-width:760px; }
.inspector h1 { font:normal clamp(32px,4vw,49px)/1.08 Georgia,serif; letter-spacing:-1.9px; margin:0; }
.inspector .artist { margin:9px 0 22px; color:#75505e; font-size:15px; }
.discovery-actions { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.keep-primary { min-height:48px; min-width:170px; border:1px solid #38252f; border-radius:28px; padding:12px 23px; color:#fff8f2; background:#38252f; font-size:13px; font-weight:600; }
.keep-primary:hover { background:#634050; }
.keep-primary[aria-pressed=true] { color:#38252f; background:var(--yellow); border-color:#d4cd83; }
.inspector .handoff-dock { display:flex; margin:0; border:0; padding:0; background:none; }
#cd-app-entry { gap:5px; }
#cd-app-entry .app-entry { min-height:48px; border:1px solid #cdb5af; border-radius:28px; padding:12px 21px; font-size:13px; font-weight:500; text-decoration:none; }
#cd-app-entry .app-entry:hover { background:#eee1d8; }
.discovery-utilities { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:9px; color:#9e7f87; }
.discovery-utilities button, .inspector .discovery-utilities .read-story { border:0; background:transparent; padding:8px 0; min-height:44px; font:12px Arial,sans-serif; color:#73525d; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.discovery-utilities button:hover, .discovery-utilities .read-story:hover { text-decoration:underline; text-underline-offset:4px; }
#storage-note { display:block; margin:2px 0 0; font-size:10px; color:#8a707a; }
#cd-heart { display:none; }
body[data-mode=record] .return-shelf { display:grid; max-width:1000px; margin:45px auto 70px; background:transparent; border:0; grid-template-columns:1fr 1fr; gap:28px; }
.shelf-invitation { grid-column:1/-1; text-align:center; padding:25px 0; }
.shelf-invitation h2 { font:normal 42px/1.1 Georgia,serif; margin:12px 0 22px; letter-spacing:-1.5px; }
.shelf-invitation button { border-radius:24px; background:var(--yellow); padding:12px 24px; min-height:46px; }
.trail-section,.foryou-section { padding:20px 0; background:transparent; border:0; border-top:1px solid var(--line); }
.trail-section h2,.foryou-section h2 { font-size:17px; }
.return-shelf .section-line { gap:12px; }
/* The compact remote stays within reach. The native source stays in the post. */
.listening-dock,.has-player .listening-dock { display:grid; grid-template-columns:minmax(180px,1fr) minmax(160px,300px) minmax(180px,1fr); align-items:center; gap:18px; position:relative; top:auto; bottom:auto; max-width:1050px; border-radius:18px; margin:12px auto 30px; padding:16px 22px; background:#fffdf9; border:1px solid #d9c8be; box-shadow:0 6px 30px #3a26300a; backdrop-filter:blur(20px); }
.has-player .listening-dock { position:fixed; left:24px; right:24px; bottom:16px; top:auto; z-index:40; margin:0 auto; box-shadow:0 8px 40px #3a263025; }
body.has-player { padding-bottom:calc(var(--mini-height,110px) + 38px)!important; }
.dock-top { grid-column:1; grid-row:1; display:flex; gap:12px; min-width:0; width:100%; }
#active-art,#active-art:empty { width:42px; min-width:42px; height:42px; border-radius:50%; border:8px solid #e0d7c6; background:#f1edbb; display:flex; align-items:center; justify-content:center; font:bold 7px Georgia,serif; color:#5f3e4a; box-shadow:0 0 0 1px #d9c8be; }
.active-meta { min-width:0; }
.active-meta .eyebrow { font-size:7px; letter-spacing:1.5px; display:block; color:#9b7b86; }
#return-playing { border:0; padding:0; min-height:22px; text-align:left; background:none; display:block; max-width:100%; }
#return-playing strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:block; }
.active-meta #active-artist { display:block; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.active-meta #playback-status { font-size:9px; margin:3px 0 0; color:#715a64; }
.transport { grid-column:2; grid-row:1; }
.player-tools { display:flex; justify-content:center; gap:10px; }
.player-tools button { border:0; background:transparent; min-width:40px; min-height:40px; padding:6px; font-size:12px; }
.player-tools #pause-audio,.player-tools #resume-audio { border-radius:50%; background:#38252f; color:#fff7f0; width:40px; height:40px; font-size:15px; }
.player-tools [hidden] { display:none!important; }
.seek-line { display:flex; max-width:none; width:100%; margin:7px 0 0; align-items:center; gap:8px; }
.seek-line input { accent-color:#785060; min-width:0; width:100%; height:15px; cursor:pointer; }
.seek-line #playback-time { flex:0 0 auto; min-width:26px; font:9px monospace; }
.source-connection { grid-column:3; grid-row:1; display:grid; grid-template-columns:44px auto 28px; justify-content:end; gap:0 8px; align-items:center; }
.source-connection #mini-keep { grid-column:1; grid-row:1/3; width:40px; min-height:40px; border:1px solid var(--line); border-radius:50%; font-size:21px; padding:0; }
#mini-keep[aria-pressed=true] { background:var(--yellow); }
.source-connection #show-source { grid-column:2; grid-row:1; font-size:11px; min-height:30px; padding:4px 0; }
.source-connection #source-credit { grid-column:2; grid-row:2; text-align:left; font-size:9px; width:auto; padding:0; margin:0; color:#83606c; }
.source-connection #stop-audio { grid-column:3; grid-row:1/3; font-size:22px; min-height:44px; width:28px; }
.source-connection #provider-limit { display:none; }
.has-player button,.has-player a { scroll-margin-bottom:calc(var(--mini-height,110px) + 30px); }
.blog-post,.post-source { scroll-margin-top:28px; scroll-margin-bottom:calc(var(--mini-height,110px) + 30px); }
#posts { max-width:900px; }
.blog-post { margin-top:40px; padding:55px 65px; border-radius:6px; background:#fffdf9; border:1px solid #ecdfd5; }
.post-heading { border-bottom:1px solid var(--line); padding-bottom:17px; }
.post-heading button { min-height:44px; }
.blog-post h2 { margin-top:28px; }
.post-meta { color:#806470; }
.post-source { padding:20px; border:1px solid #e5d6cd; border-radius:10px; background:#fbf5ed; }
.source-heading { color:#725463; }
.source-heading button { border-radius:22px; min-height:44px; }
.post-source #provider-player { grid-area:auto; max-width:none; }
.post-source #provider-player iframe { border-radius:4px; }
.post-source #provider-player iframe[src*="youtube"],.has-player[data-provider=YouTube] .post-source #provider-player iframe { height:var(--inline-video-height,360px); aspect-ratio:auto; min-height:200px; width:100%; }
.video-caption { display:none; }
.post-source #provider-player.video-companion { position:fixed; right:26px; bottom:calc(var(--mini-height,110px) + 44px); width:360px; z-index:35; background:#38252f; padding:0; border-radius:12px; box-shadow:0 12px 48px #271c3540; overflow:hidden; }
.post-source #provider-player.video-companion iframe { width:100%; height:203px!important; min-height:200px; border-radius:0; }
.video-companion .video-caption { display:flex; justify-content:space-between; align-items:center; height:38px; padding:0 10px; }
.video-caption button { color:#fff8f2; border:0; background:transparent; min-height:36px; font-size:11px; padding:5px 8px; }
.video-caption button:last-child { width:36px; font-size:21px; }
.post-appreciation { display:flex; align-items:center; gap:22px; padding:24px 0; border-top:1px solid var(--line); margin-top:35px; }
.post-appreciation>div { margin-right:auto; }
.post-appreciation p { font:italic 22px Georgia,serif; margin:6px 0 0; }
.post-appreciation button[data-save-post] { min-height:44px; border-radius:25px; padding:8px 17px; font-size:12px; }
.post-appreciation gems-heart { gap:6px; }
.post-appreciation gems-heart small { max-width:55px; font-size:9px; }
.feedback,.has-player .feedback:not(:empty) { bottom:calc(var(--mini-height,110px) + 38px); z-index:50; border-radius:24px; }
/* Browse, play and keep without opening a chain of panels. */
body[data-mode=browse] .intro { display:block; margin:34px auto 20px; max-width:1180px; }
.intro .edition { display:none; }
body[data-mode=browse] .entry-pair { display:none; }
body[data-mode=browse] #collection { border:0; margin:0 auto 40px; padding:0; background:transparent; }
#collection-title { font:normal clamp(34px,4vw,52px)/1.1 Georgia,serif; letter-spacing:-1.7px; }
#collection-note { font-size:13px; margin:12px 0 20px; max-width:650px; color:#806470; }
#close-collection { font-size:11px; }
#search-form { margin-top:15px; }
.search-row input { border-radius:25px; padding:13px 20px; background:#fffdf9; border-color:#d6c0b8; }
.search-row button { border-radius:24px; padding:10px 23px; background:#eee5d8; }
.browse-tools { margin-bottom:25px; }
.browse-tools select { min-height:44px; border-radius:22px; padding:8px 15px; }
.collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.browse-card { border:1px solid #e0cec5; border-radius:12px; background:#fffcf7; overflow:hidden; display:flex; flex-direction:column; text-align:left; }
.card-discover { border:0; padding:0; display:flex; flex-direction:column; width:100%; height:100%; text-align:left; background:transparent; border-radius:0; }
.card-discover>.release-art { width:100%; aspect-ratio:1.15; height:auto; min-height:0; }
.card-discover:hover>.release-art { filter:brightness(1.03); }
.card-copy { padding:21px; display:flex; flex-direction:column; gap:5px; }
.card-copy>small { font-size:9px; letter-spacing:.7px; text-transform:uppercase; color:#88636e; }
.card-copy>strong { font:normal 25px/1.12 Georgia,serif; letter-spacing:-.65px; margin-top:5px; }
.card-copy>span { font-size:12px; color:#7a5264; }
.card-copy>em { font:12px/1.6 Arial,sans-serif; color:#826d74; margin-top:9px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden; }
.card-actions { display:flex; justify-content:space-between; padding:0 15px 14px; gap:8px; }
.card-actions button { font-size:11px; min-height:42px; padding:8px 16px; border-radius:24px; }
.card-actions button[data-listen] { background:#38252f; color:#fff8f2; border-color:#38252f; }
[data-save-post][aria-pressed=true] { background:#f1edb8; }
.list-layout { grid-template-columns:1fr; }
.list-layout .browse-card { display:flex; flex-direction:row; align-items:center; }
.list-layout .card-discover { flex:1; flex-direction:row; align-items:center; }
.list-layout .card-discover>.release-art { width:130px; min-width:130px; height:140px; aspect-ratio:auto; }
.list-layout .card-copy { padding:15px 23px; }
.list-layout .card-copy>em { -webkit-line-clamp:1; max-width:600px; }
.list-layout .card-actions { flex-shrink:0; padding:12px 20px; }
.empty { border-radius:12px; padding:30px; }
.empty button { display:block; margin-top:18px; border-radius:22px; }
dialog { border-radius:20px; padding:28px; width:480px; border-color:#d6beb9; }
dialog h2 { font:normal 34px/1.1 Georgia,serif; letter-spacing:-1px; }
dialog .sheet-actions { flex-wrap:wrap; }
dialog .sheet-actions button { border-radius:22px; padding:10px 16px; min-height:44px; }
dialog .service-link { border-radius:10px; min-height:48px; background:#f2edc6; border-color:#e0d9a3; }
@media(min-width:901px) { .art-pending { background:linear-gradient(135deg,#ddd1c1,#f3ebdf 58%,#d7c0c1); } }
@media(max-width:900px) {
 header { gap:14px; } nav button { padding:8px 11px; }
 .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .listening-dock,.has-player .listening-dock { grid-template-columns:minmax(140px,1fr) minmax(130px,180px) auto; gap:12px; padding:12px 15px; }
 .source-connection { grid-column:3; grid-row:1; grid-template-columns:auto 25px; }
 .source-connection #mini-keep { display:none; }
 .source-connection #show-source { grid-column:1; }
 .source-connection #source-credit { grid-column:1; }
 .source-connection #stop-audio { grid-column:2; }
 .blog-post { padding:38px 30px; }
 .list-layout .card-actions { flex-direction:column; padding:12px; }
}
@media(max-width:620px) {
 .review-strip { font-size:7px; letter-spacing:.8px; padding:5px 16px; }
 header { padding:16px 17px 10px; gap:12px; }
 .brand img { width:185px; }
 nav { order:3; width:100%; justify-content:space-between; gap:0; overflow:auto; }
 nav button { font-size:10px; padding:7px 10px; white-space:nowrap; }
 .search-button { margin-left:auto; min-width:44px; min-height:44px; }
 main { padding:0 18px; }
 body[data-mode=record] .breadcrumb { padding-top:8px; gap:8px; }
 .breadcrumb #crumb { display:none; }
 .breadcrumb button { min-height:40px; font-size:10px; }
 .object-stage,.has-player .object-stage { height:270px; }
 .jewel,.has-player .jewel { scale:.86; }
 .jewel.open,.has-player .jewel.open { scale:.77; }
 .object-stage.open .case-position { transform:translate(37px,0); }
 .motion-details { top:0; right:-5px; }
 .motion-details summary { max-width:85px; font-size:8px; }
 .cd-navigation { gap:10px; }
 .cd-navigation button { min-width:92px; min-height:40px; font-size:10px; }
 .cd-navigation span { font-size:9px; }
 .gesture-hint { font-size:9px; margin-top:10px; }
 .inspector { padding:23px 0 18px; }
 .inspector h1 { font-size:34px; letter-spacing:-1.2px; }
 .inspector .artist { font-size:13px; margin:9px 0 21px; }
 .discovery-actions { gap:8px; }
 .keep-primary { min-width:144px; padding:11px 16px; font-size:12px; }
 #cd-app-entry .app-entry { padding:10px 14px; font-size:12px; min-height:48px; }
 #cd-app-entry { justify-content:center; max-width:180px; }
 #cd-app-entry .app-alternatives { min-height:28px; padding:4px; font-size:10px; }
 .discovery-utilities { gap:13px; margin-top:6px; }
 .inspector .discovery-utilities .read-story,.discovery-utilities button { font-size:11px; }
 #storage-note { font-size:9px; }
 .listening-dock,.has-player .listening-dock { grid-template-columns:minmax(0,1fr) 118px; padding:12px; gap:5px 9px; border-radius:15px; }
 .has-player .listening-dock { left:8px; right:8px; bottom:8px; }
 .dock-top { grid-column:1; grid-row:1; gap:8px; }
 #active-art { width:32px; min-width:32px; height:32px; border-width:6px; font-size:6px; }
 .active-meta .eyebrow { display:none; }
 #return-playing strong { font-size:11px; }
 .active-meta #active-artist { font-size:9px; }
 .active-meta #playback-status { font-size:8px; max-width:180px; }
 .transport { grid-column:2; grid-row:1/3; }
 .player-tools { width:100%; flex-wrap:nowrap; gap:1px; }
 .listening-dock .player-tools button { min-width:36px; min-height:40px; font-size:11px; padding:4px; }
 .player-tools #pause-audio,.player-tools #resume-audio { width:40px; min-width:40px; font-size:14px; }
 .seek-line { margin-top:7px; gap:5px; }
 .seek-line #playback-time { flex:0 0 25px; font-size:8px; }
 .source-connection { grid-column:1; grid-row:2; display:flex; justify-content:flex-start; gap:8px; line-height:1; }
 .source-connection #show-source { min-height:24px; padding:0; font-size:9px; }
 .source-connection #source-credit { font-size:8px; }
 .source-connection #stop-audio { min-height:28px; width:28px; font-size:19px; padding:0; }
 .source-connection #mini-keep { display:none; }
 .post-source #provider-player.video-companion { width:min(310px,calc(100vw - 24px)); right:12px; bottom:calc(var(--mini-height,110px) + 24px); border-radius:10px; }
 .post-source #provider-player.video-companion iframe { height:200px!important; }
 .video-companion .video-caption { height:36px; }
 .blog-post { padding:28px 19px; margin-top:25px; }
 .blog-post h2 { font-size:35px; }
 .post-meta { font-size:10px; line-height:1.6; }
 .post-source { padding:12px; }
 .source-heading { gap:8px; font-size:10px; }
 .source-heading button { padding:7px 10px; font-size:10px; }
 .post-source #provider-player iframe[src*="youtube"],.has-player[data-provider=YouTube] .post-source #provider-player iframe { height:200px; }
 .post-prose { font-size:17px; line-height:1.8; }
 .post-appreciation { flex-wrap:wrap; gap:12px; }
 .post-appreciation>div { flex:1 0 100%; }
 .post-appreciation p { font-size:22px; }
 body[data-mode=record] .return-shelf { display:block; margin:30px 0 40px; }
 .shelf-invitation { padding:25px 0; }
 .shelf-invitation h2 { font-size:38px; }
 .return-shelf .trail-section,.return-shelf .foryou-section { margin:20px 0; }
 body[data-mode=browse] .intro { margin:22px 0; padding:0; }
 .intro p { font-size:23px; }
 #collection .section-line { display:block; }
 #collection-title { font-size:36px; }
 #collection-note { font-size:12px; }
 #close-collection { margin:0 0 10px; padding:0; min-height:36px; }
 #search-form label { font-size:10px; }
 .browse-tools { gap:10px; flex-wrap:wrap; }
 .collection-grid { grid-template-columns:1fr; gap:20px; }
 .card-discover>.release-art { aspect-ratio:1.3; }
 .card-copy { padding:20px; }
 .card-copy>strong { font-size:28px; }
 .card-actions button { min-height:44px; }
 .list-layout .browse-card { flex-wrap:wrap; }
 .list-layout .card-discover>.release-art { width:80px; min-width:80px; height:110px; margin:0; }
 .list-layout .card-copy { padding:10px 14px; }
 .list-layout .card-copy>strong { font-size:20px; }
 .list-layout .card-copy>em { display:none; }
 .list-layout .card-actions { flex-direction:row; width:100%; padding:8px 12px 12px; border-top:1px solid var(--line); }
 dialog { padding:22px; max-width:calc(100% - 24px); }
 dialog h2 { font-size:30px; }
 .sheet-actions button { font-size:11px; }
 .feedback { max-width:calc(100vw - 30px); width:max-content; font-size:11px; }
}
@media(max-width:360px) {
 main { padding:0 12px; }
 .jewel,.has-player .jewel { scale:.75; }
 .jewel.open,.has-player .jewel.open { scale:.65; }
 .object-stage.open .case-position { transform:translate(28px,0); }
 .object-stage,.has-player .object-stage { height:245px; }
 .discovery-actions { flex-direction:column; }
 .keep-primary,#cd-app-entry .app-entry { min-width:200px; }
 #cd-app-entry { max-width:none; }
 nav button { padding:7px 8px; }
 #active-art { display:none; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }
/* Let the CD and editorial details share the opening view. */
.discovery-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:30px; align-items:center; max-width:1180px; }
.object-panel { order:0; overflow:visible; padding:0 0 20px; }
.inspector { order:1; text-align:left; padding:30px 0; }
.inspector h1 { max-width:430px; }
.discovery-actions,.discovery-utilities { justify-content:flex-start; }
#storage-note { text-align:left; }
.object-stage,.has-player .object-stage { height:390px; }
.jewel,.has-player .jewel { scale:1.18; }
.object-stage.open .case-position { transform:translate(62px,0); }
.cd-navigation { max-width:400px; }
.graph-node { display:none!important; }
.record-row .art-pending:after { content:'G&S'; }
.record-row .art-pending { border-radius:50%; padding:10px; min-height:58px; }
.record-row { border-radius:10px; }
.motion-details { right:0; top:0; }
@media(max-width:1050px) and (min-width:621px) {
 .discovery-grid { gap:18px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .jewel,.has-player .jewel { scale:1; }
 .jewel.open,.has-player .jewel.open { scale:.9; }
 .object-stage.open .case-position { transform:translate(45px,0); }
 .discovery-actions { flex-direction:column; align-items:flex-start; }
 .inspector h1 { font-size:39px; }
}
@media(max-width:620px) {
 .discovery-grid { display:flex; flex-direction:column; gap:0; }
 .object-panel { width:100%; padding:0; }
 .inspector { width:100%; text-align:center; padding:23px 0 18px; }
 .inspector h1 { max-width:none; }
 .discovery-actions,.discovery-utilities { justify-content:center; }
 #storage-note { text-align:center; }
 .object-stage,.has-player .object-stage { height:260px; }
 .jewel,.has-player .jewel { scale:.86; }
 .jewel.open,.has-player .jewel.open { scale:.77; }
 .object-stage.open .case-position { transform:translate(37px,0); }
}
@media(max-width:360px) {
 .jewel,.has-player .jewel { scale:.75; }
 .jewel.open,.has-player .jewel.open { scale:.65; }
 .object-stage.open .case-position { transform:translate(28px,0); }
 .object-stage,.has-player .object-stage { height:245px; }
}
body[data-mode=record] .return-shelf .related { display:block!important; grid-column:1/-1; padding:20px 0; border-top:1px solid var(--line); }
.return-shelf .related-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.connection-card .record-row { width:100%; }
.connection-card .connection-note { margin:10px 0; font:12px/1.6 Arial,sans-serif; color:#806470; }
.review-strip span { color:#7b5966; }
@media(max-width:620px) { .return-shelf .related-list { grid-template-columns:1fr; gap:16px; } }
.card-copy { background:#fffcf7!important; }
.jewel { touch-action:pan-y pinch-zoom; }
.inspector .find-kicker { display:flex; margin-bottom:13px; color:#8b6575; font:9px monospace; letter-spacing:1.8px; }
.inspector #record-index { display:none; }
.jewel.is-playing .disc-label { box-shadow:0 0 18px #f4efb8aa; }
@media(max-width:620px) { .inspector .find-kicker { justify-content:center; font-size:8px; margin-bottom:11px; } }
@media(max-width:620px) {
 .cd-navigation button { min-height:44px; }
 .listening-dock,.has-player .listening-dock { grid-template-columns:minmax(0,1fr) 134px; }
 .listening-dock .player-tools button { min-width:44px; min-height:44px; }
 .player-tools #pause-audio,.player-tools #resume-audio { width:44px; height:44px; }
 .source-connection #show-source,.source-connection #stop-audio { min-height:40px; }
}
body[data-mode=record] .return-shelf { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.return-shelf>* { min-width:0; }
.return-shelf .related-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.connection-card { min-width:0; }
@media(min-width:621px) and (max-width:850px) {
 .discovery-grid { display:flex; flex-direction:column; gap:0; }
 .object-panel { width:100%; }
 .object-stage,.has-player .object-stage { height:370px; }
 .jewel,.has-player .jewel { scale:1.15; }
 .jewel.open,.has-player .jewel.open { scale:1.05; }
 .object-stage.open .case-position { transform:translate(65px,0); }
 .inspector { text-align:center; padding:15px 0 25px; }
 .inspector h1 { max-width:none; }
 .inspector .find-kicker,.discovery-utilities { justify-content:center; }
 .discovery-actions { flex-direction:row; justify-content:center; align-items:center; }
 #storage-note { text-align:center; }
}
@media(max-width:620px) { .return-shelf .related-list { grid-template-columns:1fr; } }
.return-note { background:transparent; border:0; padding:0; color:#806470; font-size:10px; margin:8px 0 0; }

.post-source #provider-player.video-companion { bottom:var(--companion-bottom,calc(var(--mini-height,110px) + 32px)); }
/* Original Gems masthead and post artwork */
:root { --ink:#111111; --paper:#fff9f3; --yellow:#f4e34a; --rose:#9a294d; }
body { color:var(--ink); background:var(--paper); }
header { position:sticky; top:0; z-index:30; max-width:none; background:linear-gradient(112deg,#ff9999 0%,#ffb4a0 55%,#f8e9a2 100%); border-bottom:1px solid #cf847e; }
.brand { display:inline-flex; gap:11px; align-items:center; }
header .brand-gem { width:42px; height:42px; }
header .brand-wordmark { width:225px; height:auto; }
nav button { color:#111; }
nav button[aria-current=page] { color:#111; background:#ffe5e5; }
nav [data-view=kept] { color:#111; background:var(--yellow); }
.inspector h1,.blog-post h2 { color:#111; }
.keep-primary,.card-actions button[data-listen] { color:#111; background:var(--yellow); border-color:#111; }
.keep-primary:hover,.keep-primary[aria-pressed=true] { color:#111; background:#ff9999; }
.object-panel { background:radial-gradient(ellipse closest-side,#ffe5e5,transparent); }
.disc-wordmark { width:76%; height:auto; }
.disc-label { background:#f4e34a; }
#active-art,#active-art:empty { background:#ff9999 url('assets/gem.png') center/contain no-repeat; border:0; border-radius:4px; }
.blog-post,.post-source { scroll-margin-top:calc(var(--header-height,95px) + 12px); }
.workspace,#collection { overflow-anchor:none; }
.card-discover .release-art { aspect-ratio:1; }
.release-art { padding:0; }
.release-art img { display:block; object-fit:contain; width:100%; height:100%; }
.missing-art { font:12px Arial,sans-serif; color:#563f48; }
@media(max-width:850px) { header .brand-wordmark { width:200px; } }
@media(max-width:620px) { header .brand-wordmark { width:167px; } header .brand-gem { width:32px; height:32px; } .brand { gap:8px; } }
header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:clamp(20px,3.5vw,58px); padding:14px max(4%,calc((100% - 1320px)/2)); }
header nav { display:flex; justify-content:flex-start; align-items:center; gap:clamp(6px,1.2vw,20px); width:auto; }
header nav button { flex:none; border:0; border-radius:3px; font-size:13px; padding:8px 12px; min-height:44px; }
header nav button[aria-current=page] { box-shadow:inset 0 -2px #111; background:#ffffff38; }
header nav [data-view=kept] { margin-left:12px; border-radius:24px; padding:8px 17px; }
header .search-button { min-height:44px; min-width:44px; margin:0; background:#fff9f3c7; border-radius:22px; }
#active-art,#active-art:empty { background:none; border:0; border-radius:3px; width:44px; height:44px; min-width:44px; box-shadow:none; }
#active-art[hidden] { display:none; }
#active-art img { display:block; width:100%; height:100%; object-fit:contain; border-radius:3px; }
.record-row>.release-art { flex:0 0 56px; width:56px; height:56px; border-radius:3px; padding:0; }
#trail button { flex:0 0 78px; max-width:78px; }
#trail .release-art { width:66px; height:66px; }
#trail button strong,#trail button small { display:block; padding-top:4px; }
#trail button small { font-size:10px; }
.card-discover>.release-art { aspect-ratio:1; }
@media(min-width:901px) and (max-width:1100px) { header {gap:20px;padding-inline:3%;}header .brand-wordmark {width:182px;}header nav {gap:5px;}header nav button {padding-inline:9px;} }
@media(max-width:900px) { header { grid-template-columns:1fr auto; gap:9px 20px; padding:12px 4% 7px; } header nav { grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:18px; }header .search-button {grid-column:2;grid-row:1;} }
@media(max-width:620px) { header { padding:9px 12px 4px;gap:4px 12px; }header nav { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:3px;overflow:visible; }header nav button { font-size:11px;padding:6px 2px; }header nav [data-view=kept] { margin-left:4px;padding:6px 10px; }#active-art { width:32px;height:32px;min-width:32px; } }

@media(min-width:901px){header nav { justify-content:center; }}

.has-player .active-meta .eyebrow { display:block; }
.blog-post.video-only,
.blog-post.video-only .post-source,
.blog-post.video-only .source-slot { display:contents; }
.blog-post.video-only > :not(.post-source),
.blog-post.video-only .post-source > :not(.source-slot),
.blog-post.video-only .source-slot > :not(#provider-player),
.blog-post.video-only #provider-player:not(.video-companion) { display:none; }