:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px;
--bg:#d5ccb7;--paper:#faf4e5;--ink:#302b26;--muted:#645a4f;--line:#c5b89d;
--panel:#f0e4cf;--nav:#282924;--nav-ink:#faf3df;--ochre:#aa681e;--burgundy:#782e45;
--field:#fffaf0;--accent:#824326;--focus:#87451f;--tag-ink:#fff9e9}
:root[data-theme="dark"]{color-scheme:dark;--bg:#13120f;--paper:#222019;
--ink:#f2e4cd;--muted:#c6b99f;--line:#5b503d;--panel:#302b23;
--nav:#14120f;--nav-ink:#f5e9ce;--ochre:#d7a251;--burgundy:#c27892;
--field:#302a23;--accent:#d6a258;--focus:#e4b76d;--tag-ink:#1a1713}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.page{max-width:1360px;min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 6px 30px #0003}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:100px;padding:16px 34px;border-top:8px solid var(--ink)}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink)}.brand:hover{text-decoration:none}
.brand-record{display:grid;place-items:center;width:51px;height:51px;border:4px solid var(--ink);border-radius:50%;font:36px/1 Georgia,serif}
.brand strong,.brand small{display:block}.brand strong{font:bold 29px Georgia,serif;letter-spacing:-.05em}
.brand small{margin-top:3px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-toggle{padding:10px 14px;border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:15px;cursor:pointer}
.top-nav{display:flex;overflow:auto;white-space:nowrap;background:var(--nav)}
.top-nav a{padding:15px 20px;color:var(--nav-ink);font-size:15px;font-weight:bold;border-right:1px solid #ffffff2e}
.top-nav a:hover{text-decoration:none;background:#ffffff20}.top-nav .nav-current{background:var(--ochre);color:var(--tag-ink)}
.intro{padding:46px 36px 35px;background:linear-gradient(125deg,var(--paper) 65%,var(--panel));border-bottom:5px double var(--line)}
.issue-label{color:var(--burgundy);font:bold 15px Georgia,serif;letter-spacing:.2em}
.intro h1{font:normal clamp(38px,6vw,70px)/1 Georgia,serif;letter-spacing:-.055em;margin:10px 0 12px}
.intro p{font:italic 20px Georgia,serif;color:var(--muted);margin:0}
.featured{padding:30px 36px 35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;border-bottom:1px solid var(--line)}
.feature-card{display:grid;grid-template-rows:320px minmax(0,1fr);padding:22px;background:var(--panel);border-top:5px solid var(--side);min-width:0}
.side-opening{--side:var(--ochre)}.side-finale{--side:var(--burgundy)}
.record-cover img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}
.feature-card .record-cover{display:flex;align-items:flex-start;justify-content:center;height:320px}
.feature-card .record-cover img{max-width:320px;margin:0 auto}
.feature-card .record-copy{display:flex;flex-direction:column;align-items:flex-start}
.feature-card .read-link{margin-top:auto;padding-top:10px}
.record-copy{min-width:0}.side-tag{display:inline-block;padding:7px 10px;background:var(--side);color:var(--tag-ink);font:bold 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.side-opening .side-tag::before{content:"◉";margin-right:6px}.side-finale .side-tag::before{content:"▣";margin-right:6px}
.record-copy .side-tag{margin-top:17px}.record-copy h2{font:normal 28px/1.2 Georgia,serif;margin:12px 0 8px;overflow-wrap:anywhere}
.record-copy h2 a{color:var(--ink)}.record-copy h2 span{font-style:italic}
.record-facts{font-size:15px;color:var(--muted);margin:0 0 16px}.record-teaser{font-size:17px;line-height:1.55;margin:0 0 16px}
.read-link{font:bold 15px Arial,sans-serif}.archive{padding:28px 36px 70px}
.archive-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:3px solid var(--ink);gap:20px;padding-bottom:10px}
.archive-head h2{font:normal 36px Georgia,serif;margin:0}.archive-head span{color:var(--muted);font-size:15px}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);padding:14px;margin:18px 0 8px;font-size:15px}
.toolbar input,.toolbar select{border:1px solid var(--line);padding:10px;background:var(--field);color:var(--ink);font:16px Arial,sans-serif}
.toolbar input{flex:1;min-width:150px}.toolbar select{min-width:130px}
.record-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}
.record-row .record-copy .side-tag{margin-top:0}.record-row .record-copy h2{font-size:25px}
.record-row .record-cover img{width:150px}.record-row .record-teaser{max-width:750px}
.issue-pair{margin:24px 0 30px;border:1px solid var(--line);background:var(--panel);box-shadow:0 5px 0 var(--line)}
.pair-caption{padding:12px 18px;background:var(--nav);color:var(--nav-ink);font:italic 20px Georgia,serif}
.pair-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.issue-pair .record-row{margin:0;padding:19px 16px;grid-template-columns:120px minmax(0,1fr);gap:16px;border-bottom:0;border-top:5px solid var(--side);background:var(--paper);min-width:0}
.issue-pair .record-row.side-opening{background:color-mix(in srgb,var(--paper) 92%,var(--ochre))}
.issue-pair .record-row.side-finale{background:color-mix(in srgb,var(--paper) 92%,var(--burgundy))}
.issue-pair .record-row .record-cover img{width:120px}.issue-pair .record-row .record-copy h2{font-size:22px}
.issue-pair .record-row .record-teaser{font-size:15px}.issue-pair.pair-filtered .pair-caption{display:none}
.album-page{padding:28px 36px 75px}.breadcrumb{font-size:15px;color:var(--muted);margin-bottom:25px}
.album-heading{border-bottom:4px solid var(--side);padding-bottom:20px}.album-heading h1{font:normal clamp(36px,5vw,60px)/1.05 Georgia,serif;margin:13px 0 8px}
.album-heading p{margin:0;font:italic 20px Georgia,serif;color:var(--muted)}
.album-layout{display:grid;grid-template-columns:minmax(200px,330px) minmax(0,1fr);gap:35px;margin-top:28px}
.detail-cover img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}
.album-facts{margin:18px 0;background:var(--panel);padding:8px 14px;border-top:3px solid var(--side)}
.album-facts div{padding:9px 0;border-bottom:1px solid var(--line)}.album-facts div:last-child{border:0}
.album-facts dt{font-size:14px;color:var(--muted)}.album-facts dd{margin:4px 0 0;font-size:17px;font-weight:bold}
.album-story{padding:24px;background:var(--panel);border-top:5px solid var(--side);min-width:0}
.text-section{margin:0 0 30px}.text-section h2{font:normal 29px Georgia,serif;border-bottom:1px solid var(--line);padding-bottom:9px;margin:0 0 13px}
.text-section p{font-size:18px;line-height:1.7;margin:13px 0}.companion{border-left:4px solid var(--side);background:var(--panel);padding:14px 18px}
.companion .side-tag{display:block;width:max-content;margin-bottom:9px}.companion a{font:italic 21px Georgia,serif}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding:25px 36px;color:var(--muted);font-size:14px}
.footer-social{display:flex;gap:18px}[hidden]{display:none!important}
@media(max-width:900px){.pair-records{grid-template-columns:1fr}}
@media(max-width:720px){.featured{grid-template-columns:1fr}.feature-card{grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto;gap:17px}.feature-card .record-cover{height:auto}.feature-card .record-cover img{width:160px}.feature-card .record-copy .side-tag{margin-top:0}.album-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:520px){.masthead{min-height:76px;padding:12px 16px}.brand strong{font-size:23px}.brand-record{width:40px;height:40px;font-size:27px}.intro{padding:29px 18px}.featured,.archive,.album-page{padding-left:18px;padding-right:18px}.feature-card{display:block}.feature-card .record-cover img{max-width:260px}.feature-card .record-copy .side-tag{margin-top:13px}.record-row{grid-template-columns:86px minmax(0,1fr);gap:12px}.record-row .record-cover img{width:86px}.record-row .record-copy h2{font-size:20px}.record-row .record-teaser{display:none}.issue-pair .record-row{grid-template-columns:86px minmax(0,1fr)}.issue-pair .record-row .record-cover img{width:86px}.album-layout{grid-template-columns:1fr}.album-story{padding:18px}.detail-cover img{max-width:340px}.toolbar label{width:100%}.toolbar select,.toolbar input{width:100%}footer{padding:23px 18px}}