:root{color-scheme:dark;--background:#15181d;--text:#f0eee9;--muted:#b3b5bd;--line:#34383f;--accent:#d5c4a1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background:var(--background);color:var(--text)}
*{box-sizing:border-box}body{max-width:850px;margin:auto;padding:0 28px}a{color:inherit;text-underline-offset:4px}button,a,audio{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,audio:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}.site-header{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:.85rem;color:var(--muted)}.site-header a{text-decoration:none;color:var(--text)}.intro{padding:58px 0 32px}.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(2.8rem,7.6vw,4.5rem);letter-spacing:-.055em;line-height:1.06;margin:0 0 26px;font-weight:650}.lede{font-size:1.3rem;line-height:1.6;margin:0 0 18px;max-width:570px}.editor-note{color:var(--muted);max-width:540px;font-size:.95rem;margin:0 0 26px}.collection-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.9rem}.collection-actions button{border:0;border-radius:6px;background:var(--accent);color:#211f1b;padding:10px 24px;font-weight:650;min-width:120px}.collection-actions a{color:var(--muted)}#now-playing{min-height:1.5em;color:var(--accent);font-size:.85rem;margin:18px 0 0}#tracks{list-style:none;padding:0;margin:0;scroll-margin-top:18px}.track{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:34px 0 36px;border-top:1px solid var(--line);scroll-margin-top:20px}.number{font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--track-color);padding-top:4px}.track-content{min-width:0}.track-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}h2{font-size:1.35rem;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.015em}h2 a{text-decoration:none}h2 a:hover{text-decoration:underline}.duration{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;white-space:nowrap}.metadata{font-size:.8rem;color:var(--track-color);margin:8px 0 12px}.metadata span{padding:0 5px}.description{color:var(--muted);font-size:.95rem;max-width:620px;margin:0 0 18px}audio{display:block;width:100%;height:40px;margin:0 0 18px;accent-color:var(--track-color)}.track-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.8rem;color:var(--muted)}.track-links .edit{color:var(--text);font-weight:600}.track.is-playing h2{color:var(--track-color)}.track.is-playing .number{font-weight:750}footer{border-top:1px solid var(--line);padding:30px 0 50px;font-size:.8rem;color:var(--muted)}footer p{margin:0 0 12px}footer a{display:inline-block;margin-top:8px;color:var(--text)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:8px;left:8px;z-index:5;background:var(--background);padding:12px;border:1px solid var(--accent)}[hidden]{display:none!important}@media(max-width:540px){body{padding:0 20px}.site-header{padding:20px 0;font-size:.78rem}.intro{padding:35px 0 24px}.lede{font-size:1.12rem}.track{grid-template-columns:25px 1fr;gap:10px;padding:28px 0}.track-heading{gap:12px}h2{font-size:1.2rem}.metadata{line-height:1.9}.metadata span{padding:0 2px}.track-links{gap:12px 18px}.collection-actions{gap:16px;font-size:.85rem}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s,background .15s}button:hover{background:#e7d8bc}}

/* Keep the listening page focused on the music. */
.site-header { padding: 22px 0; }
.site-nav, .album-nav { display: flex; flex-wrap: wrap; gap: 22px; }
.site-nav a, .album-nav a { color: var(--muted); text-decoration: none; padding: 5px 0; }
.site-nav a[aria-current="page"], .album-nav a[aria-current="page"] { color: var(--text); box-shadow: 0 1px var(--accent); }
.intro { padding: 22px 0 16px; }
h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 14px; }
.eyebrow { margin-bottom: 12px; }
.editor-note { margin-bottom: 20px; }
.album-nav { margin-top: 24px; font-size: .85rem; }
.review-link { margin: 12px 0 0; font-size: .8rem; color: var(--muted); }
.track { padding: 24px 0; }
.description { margin-bottom: 12px; }
.metadata { margin: 6px 0 8px; }
audio { margin-bottom: 12px; }
.track-links { align-items: baseline; }
.track-files { flex: 1; min-width: 140px; }
.track-files summary { cursor: pointer; width: fit-content; }
.file-links { display: flex; flex-wrap: wrap; gap: 10px 20px; padding-top: 12px; }
.track-files summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media(max-width:540px) { .intro { padding-top: 16px; } .site-nav { gap: 20px; } }