/* Existing historical website fonts stay primary; custom drafts remain on their specimen. */
body.bc-working-site{--bc-display-font:'Cormorant Garamond',Georgia,serif;--bc-reading-font:'DM Sans',system-ui,sans-serif;padding-bottom:calc(var(--player-height,180px) + 24px)}
[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:#1c0b30;color:white;padding:14px}.skip-link:focus{top:12px}
#music-detail>.archive-track{max-width:820px}#music-detail .lyrics{max-height:none}#music-detail>.archive-track>img{max-height:480px}
.album-track-list{padding-left:25px}.album-track-list li{padding:18px 0;border-bottom:1px solid var(--line)}.album-track-list li>*{display:block;margin:6px 0}.album-track-list button{min-height:44px}
.artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}.artwork-grid figure{margin:0;border:1px solid var(--line);padding:12px;border-radius:10px;background:#120c21}.artwork-grid img{display:block;width:100%;height:300px;object-fit:contain}.artwork-grid figcaption{font-size:13px;line-height:1.6;padding:12px 0;color:#dfbff0}
.archive-track h3 a:hover{text-decoration:underline}.archive-track .lyrics{font-family:'DM Sans',system-ui,sans-serif;font-size:15px;color:#e1d4eb}
.listening-bar .player-options{flex-wrap:wrap}.listening-bar .player-options button{font-family:'DM Sans',system-ui,sans-serif}
button:disabled{cursor:default;transform:none!important}.tee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tee-preview{margin:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#120c21}.tee-preview svg{display:block;width:100%;max-height:330px}.tee-preview figcaption{font-size:14px;line-height:1.7}
@media(max-width:900px){header{flex-wrap:wrap;gap:12px}header nav{order:3;width:100%;justify-content:center}html{scroll-padding-top:160px}.listening-bar{gap:10px}.listening-bar .player-options{width:100%;justify-content:center}.listening-bar audio{width:100%;order:3}.listening-bar>div:first-child{flex-basis:100%}}
@media(max-width:450px){.logo .wordmark{width:130px}.brand-eye{width:44px}.bc-nav .bc-nav-type{font-size:14px}.tee-grid{grid-template-columns:1fr}.listening-bar .player-options button,.listening-bar .player-options a{padding:8px;font-size:12px}header .bc-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}