/* v1.5.0 shared page rhythm and accessible edit placement */
:root{--archive-page-gutter:clamp(16px,3.2vw,48px);--archive-section-gap:clamp(18px,2.8vw,36px)}
.shell{box-sizing:border-box;min-width:0}
.shell>.top{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);min-width:0;position:relative;z-index:5}
.shell>.top .brand{flex:0 0 auto}
.shell>.top nav{min-width:0}
.shell>.quick-edit-launch{display:inline-flex;width:max-content;max-width:100%;margin:clamp(14px,2vw,24px) 0 0 auto;align-self:flex-end;position:relative;z-index:2;font-size:clamp(12px,1vw,14px);padding:9px 13px}
#record-detail>.quick-edit-launch{display:inline-flex;width:max-content;max-width:100%;margin:12px 0 18px auto}
.related-layout,.record-detail-grid,.gig-media,.record-grid,.year-grid{min-width:0}
.related-layout>* ,.record-detail-grid>*{min-width:0}
:is(.panel,.stat,.related-panel,.admin-panel,.record-card,.gig){box-sizing:border-box}
:is(.panel,.stat,.related-panel,.admin-panel,.record-card,.gig) :is(h1,h2,h3,p){overflow-wrap:break-word}
@media(max-width:800px){
 .shell>.top{align-items:center;flex-wrap:nowrap}
 .shell>.quick-edit-launch{margin-top:14px;margin-bottom:4px}
 .related-layout,.record-detail-grid{display:block}
 .record-detail-grid>*+*{margin-top:20px}
}
/* Original manga art: pirate-adventure comic energy, not a copyrighted character. */
html[data-theme="manga"] body{background-image:linear-gradient(90deg,#f8f5e9f2,#f8f5e9dc 64%,#f8f5e9a6),url('theme-art/manga-live-vinyl.svg'),radial-gradient(#1112 1px,transparent 1px);background-size:cover,min(54vw,680px) auto,8px 8px;background-position:center,right 0 top 7rem,center;background-repeat:no-repeat,no-repeat,repeat;background-attachment:fixed,fixed,scroll}
html[data-theme="manga"] .hero::before{background-image:url('theme-art/manga-live-vinyl.svg');background-size:contain;background-repeat:no-repeat;background-position:right center}
html[data-theme="manga"] :is(.related-cover-placeholder,.record-cover:not(:has(img)),.artist-record-cover:not(:has(img))){background-image:linear-gradient(110deg,#fff8e8a0,#fff8e8a0),url('theme-art/manga-live-vinyl.svg');background-size:cover,cover;background-position:center}
/* The Hi-Fi treatment uses layered woodgrain, brushed brass, fine grooves and physical sleeve detail. */
html[data-theme="hifi"] body{background-image:linear-gradient(110deg,#17100d99,#17100d75),url('theme-art/hifi-woodgrain.svg');background-size:cover,740px 740px;background-attachment:fixed}
html[data-theme="hifi"] :is(.panel,.admin-panel,.related-panel,.record-facts,.gig,.record-card){border:2px ridge #b69a68;background-image:linear-gradient(145deg,#ffffff0c,#00000018),url('theme-art/hifi-woodgrain.svg');background-size:cover,560px 560px;box-shadow:inset 0 1px 0 #fbe6b04d,inset 0 -1px 0 #110d0a99,0 12px 30px #09060480}
html[data-theme="hifi"] :is(.panel,.admin-panel,.related-panel,.record-facts,.gig,.record-card)::selection{background:#e9bd75;color:#24150b}
html[data-theme="hifi"] :is(.record-card .record-cover,.record-detail-grid .record-cover){position:relative;isolation:isolate;overflow:visible;filter:drop-shadow(3px 5px 3px #0007)}
html[data-theme="hifi"] :is(.record-card .record-cover,.record-detail-grid .record-cover)::before{content:"";position:absolute;inset:4% -5% 4% 10%;z-index:-1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0b0b0b 0 2px,#343332 3px 4px,#0a0a0a 5px 7px);border:2px solid #0b0b0b;box-shadow:3px 2px 8px #0009;transform:translateX(5%)}
html[data-theme="hifi"] :is(.record-card .record-cover,.record-detail-grid .record-cover)>img{position:relative;z-index:1;box-shadow:inset 0 0 0 1px #fff2,2px 4px 6px #0007}
html[data-theme="hifi"] .record-card:nth-child(5n+2) .record-cover>img{clip-path:polygon(0 0,100% 0,100% 100%,97.7% 98.2%,0 100%)}
html[data-theme="hifi"] .record-card:nth-child(7n+4) .record-cover>img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,1.6% 97.6%)}
html[data-theme="hifi"] .record-card:nth-child(9n+3) .record-cover>img{clip-path:polygon(0 0,98.3% 1.5%,100% 0,100% 100%,0 100%)}
html[data-theme="hifi"] :is(.related-kicker,.related-group,.related-stats){border-color:#a98d5e}
html[data-theme="hifi"] :is(.related-feature-cta,.related-footer,.btn){box-shadow:inset 0 2px 1px #fff6,0 3px 0 #74502b}
/* Other themes get restrained signature flourishes, not overlays on real photographs. */
html[data-theme="nightlife"] :is(.record-card,.gig):hover{box-shadow:0 0 0 1px #bd79ef,0 8px 26px #bb48ff3b}
html[data-theme="signal"] :is(.record-card,.gig):nth-child(3n+2){box-shadow:7px 7px 0 #191919}
html[data-theme="retro"] .record-card:nth-child(3n+2){border-radius:4px 16px 6px 14px}
html[data-theme="grunge"] .record-card:nth-child(4n+1){box-shadow:4px 5px 0 #100b0b,0 0 0 1px #c4aa8844}
html[data-theme="bristol"] :is(.gig,.record-card):hover{box-shadow:0 12px 32px #0007,0 0 0 1px #f8b36e55}
@media(prefers-reduced-motion:reduce){html[data-theme] :is(.gig,.record-card){transition:none!important}}
@media(max-width:800px){html[data-theme="manga"] body{background-attachment:scroll;background-size:cover,80vw auto,8px 8px;background-position:center,right -20vw top 7rem,center}}