.site-header{height:72px}
.site-header nav a{padding-top:25px;padding-bottom:25px}
.featured-section{padding:72px 6vw 90px;border-top:1px solid var(--line)}
.member-picks-section{padding:72px 6vw 78px;background:var(--cream);border-top:1px solid var(--line)}
.member-picks-section .section-heading{margin-bottom:28px}
.member-picks-section h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,54px);line-height:1.04;margin:0}
.member-picks-section h2 em{color:var(--coral);font-style:normal}
.member-picks-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.member-pick-card{display:grid;grid-template-columns:74px 1fr 18px;gap:14px;align-items:center;padding:14px;background:var(--paper);transition:background .2s ease}
.member-pick-card:hover{background:#fffaf2}
.member-pick-card img{width:74px;height:74px;object-fit:cover;filter:saturate(.78)}
.member-pick-card div{min-width:0}
.member-gallery:not(.recent-gallery){background:#f0e0d8}
.member-gallery.recent-gallery{background:#e2ebe7}
.popup-playback-button{justify-self:start;border:1px solid #f08a71;background:transparent;color:var(--paper);padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}
.popup-playback-button:hover{background:var(--coral);border-color:var(--coral)}
.member-pick-card span,.member-pick-card small{color:var(--coral);font-size:9px}
.member-pick-card h3{font-family:'Playfair Display',serif;font-size:16px;line-height:1.15;margin:5px 0}
.member-pick-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;margin:0 0 7px}
.member-pick-card small{color:var(--muted)}
.member-pick-card>b{align-self:start;color:var(--coral);font-size:17px;font-weight:400}
.song-pick-box{margin-top:35px;padding-top:8px}
.song-pick-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--coral);background:transparent;color:var(--coral);font:inherit;font-size:10px;cursor:pointer;transition:background .2s ease,color .2s ease}
.song-pick-button:hover,.song-pick-button.picked{background:var(--coral);color:#fff}
.song-pick-button.picked{cursor:default}
.pick-status{font-size:10px;margin:0 0 10px}
.pick-status.success{color:#53664d}.pick-status.error{color:#a84b38}
.home-notices{padding:72px 12vw 78px;background:var(--paper);border-top:1px solid var(--line)}
.home-notices .section-heading{margin-bottom:28px}.home-notices h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,54px);line-height:1.04;margin:0}.home-notices h2 em{color:var(--coral);font-style:normal}
.home-notice-list{border-top:1px solid var(--ink)}.home-notice-item{display:grid;grid-template-columns:105px 1fr 20px;gap:25px;align-items:start;padding:19px 0;border-bottom:1px solid var(--line);transition:color .2s ease}.home-notice-item:hover{color:var(--coral)}.home-notice-item>span{color:var(--muted);font-size:10px}.home-notice-item h3{font-family:'Playfair Display',serif;font-size:20px;margin:0 0 7px}.home-notice-item p{color:var(--muted);font-size:10px;line-height:1.7;margin:0}.home-notice-item>b{color:var(--coral);font-size:17px;font-weight:400}
.board-shell{padding:42px 12vw 100px;background:var(--paper)}.board-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.board-tabs a{padding:0 0 13px;color:var(--muted);font-size:11px}.board-tabs a.selected{color:var(--ink);border-bottom:2px solid var(--coral)}.board-list{max-width:900px;border-top:1px solid var(--ink)}.board-item{padding:25px 0;border-bottom:1px solid var(--line)}.board-meta{display:flex;justify-content:space-between;color:var(--coral);font-size:9px;letter-spacing:.1em}.board-meta time{color:var(--muted);letter-spacing:0}.board-item h2{font-family:'Playfair Display',serif;font-size:25px;margin:12px 0 10px}.board-item p{color:var(--muted);font-size:11px;line-height:1.9;margin:0;white-space:normal}
.featured-section .section-heading{margin-bottom:28px}
.section-note{color:var(--muted);font-size:10px;letter-spacing:.12em}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.featured-card{position:relative;display:grid;grid-template-columns:82px 1fr 20px;gap:16px;align-items:center;padding:16px;background:var(--paper);transition:background .2s ease}
.featured-card:hover{background:var(--cream)}
.featured-card img{width:82px;height:82px;object-fit:cover;filter:saturate(.75)}
.featured-card>div>span{color:var(--coral);font-size:10px}
.featured-card h3{font-family:'Playfair Display',serif;font-size:17px;line-height:1.15;margin:5px 0}
.featured-card p{font-size:10px;color:var(--muted);margin:0}
.featured-card>b{align-self:start;color:var(--coral);font-size:18px;font-weight:400}
.song-navigation{display:flex;gap:7px;margin-top:34px}
.song-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:10px;cursor:pointer;transition:background .2s ease,color .2s ease}
.song-nav-button:hover{background:var(--coral);border-color:var(--coral);color:#fff}
.song-nav-button.disabled{opacity:.35;pointer-events:none}
.random-button{border-color:var(--coral);color:var(--coral)}
.year-list{border-top:1px solid var(--ink)}
.decade-divider{display:flex;align-items:center;gap:16px;padding:32px 0 14px;color:var(--coral);font-size:11px;letter-spacing:.12em}
.era-divider{display:flex;justify-content:space-between;align-items:center;margin:34px 0 4px;padding:14px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);color:var(--ink);font-size:11px;letter-spacing:.1em}
.era-divider span{color:var(--muted);font-size:9px}
.era-divider.new-pop{border-top-color:var(--coral)}
.decade-divider i{height:1px;background:var(--coral);opacity:.55;flex:1}
.decade-divider small{color:var(--muted);font-size:9px;letter-spacing:.08em}
.year-row{display:grid;grid-template-columns:minmax(210px,.7fr) 1.3fr;min-height:220px;border-bottom:1px solid var(--line)}
.year-row-label{display:flex;flex-direction:column;justify-content:space-between;padding:25px 30px 25px 0;border-right:1px solid var(--line)}
.year-row-label .year-card-number{font-size:clamp(42px,6vw,76px);line-height:1;color:var(--ink)}
.year-row-label>span:last-child{color:var(--coral);font-size:10px}
.year-row-copy{padding:28px 0 28px 8vw;max-width:680px}
.year-row-copy .eyebrow{margin-bottom:13px}
.year-row-copy h2{font-family:'Playfair Display',serif;font-size:30px;margin:0 0 12px}
.year-row-copy>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 22px}
.year-row-copy a{color:var(--coral);font-size:10px;border-bottom:1px solid var(--coral);padding-bottom:5px}
.year-row-copy a b{font-size:16px;font-weight:400;margin-left:5px}
@media(max-width:800px){
    .site-header{height:72px}
    .featured-section{padding:58px 6vw 70px}
    .member-picks-section{padding:58px 6vw 70px}
    .member-picks-strip{grid-template-columns:1fr}
    .home-notices{padding:58px 8vw 70px}.home-notice-item{grid-template-columns:1fr 18px;gap:10px}.home-notice-item>span{grid-column:1 / -1}.home-notice-item h3{font-size:18px}.board-shell{padding:32px 8vw 70px}
    .featured-grid{grid-template-columns:1fr}
    .featured-card{grid-template-columns:65px 1fr 18px}
    .featured-card img{width:65px;height:65px}
    .song-navigation{gap:5px}
    .song-nav-button{padding:0 8px;font-size:9px}
    .year-row{grid-template-columns:1fr;min-height:0}
    .decade-divider{padding-top:26px;gap:10px}
    .decade-divider small{display:none}
    .year-row-label{padding:22px 0 13px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:end}
    .year-row-label .year-card-number{font-size:48px}
    .year-row-copy{padding:24px 0 30px}
    .year-row-copy h2{font-size:25px}
}

.chart-listening-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}
.chart-listening-controls>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chart-listening-controls button{padding:9px 12px;border:1px solid var(--coral);background:transparent;color:var(--coral);font:inherit;font-size:10px;cursor:pointer}
.chart-listening-controls button:hover{background:var(--coral);color:#fff}
.chart-listening-controls b{font-weight:400}
.chart-song-row{position:relative}
.chart-song-check{position:absolute;right:16px;top:50%;width:16px;height:16px;margin:0;accent-color:var(--coral);transform:translateY(-50%);cursor:pointer}
@media(max-width:600px){
    .chart-listening-controls{display:block}
    .chart-listening-controls>div{justify-content:flex-start;margin-top:12px}
    .chart-listening-controls button{flex:1}
    .chart-song-check{right:10px}
}
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.archive-toolbar input{width:min(420px,100%);padding:13px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:11px}
.archive-toolbar span{color:var(--muted);font-size:10px}
.archive-play-button{margin-top:14px;padding:9px 11px;border:1px solid var(--coral);background:transparent;color:var(--coral);font:inherit;font-size:10px;cursor:pointer}
.archive-play-button:hover{background:var(--coral);color:#fff}
.archive-card[hidden]{display:none}
@media(max-width:600px){.archive-toolbar{display:block}.archive-toolbar input{width:100%}.archive-toolbar span{display:block;margin-top:9px}}