/* Prelaunch readability pass. Keep compact branding and the existing carousel motion. */
.brand{min-height:44px}
.language-trigger,.coffee-button,.ribbon-coffee,.modal-heading>.icon-button{min-height:44px;min-width:44px}
.ribbon-coffee{display:grid;place-items:center;padding:0}
.ribbon-label,.ribbon-thanks{font-size:11px}
.supporter-group>span{font-size:12px;gap:9px}
.supporter-group .supporter-item-thanks{font-size:11px}
.supporter-ribbon{min-height:46px}
.modal>p,.modal .source-note,.lyric-guide-options span{font-size:13px;line-height:1.65}
.modal .source-note{color:#b5aaa0}
.modal-heading>.eyebrow{font-size:10px;letter-spacing:1px}
.payment-qr summary{min-height:44px;display:list-item;padding-block:12px;font-size:13px}
.site-footer>div>p,.site-footer a,.site-footer button{font-size:12px}
.site-footer a,.site-footer button{min-height:44px;align-content:center}
.showcase .concert-grid{align-items:stretch}
.showcase .concert-card{display:flex;flex-direction:column;height:100%;min-height:456px}
.showcase .concert-art{flex:0 0 230px}
.showcase .concert-body{height:auto;min-height:224px;flex:1}
.showcase .card-overline{flex-wrap:wrap;gap:5px 8px}
.showcase .date-label{font-size:11px;letter-spacing:.5px}
.showcase .ready-label,.showcase .upcoming-card-state{font-size:10px;line-height:1.4}
.showcase .venue{font-size:12px;align-items:flex-start;line-height:1.5}
.showcase .venue svg{margin-top:2px;flex:none}
.showcase .concert-footer{flex-wrap:wrap;min-height:52px;gap:4px 8px}
.showcase .card-action{min-height:44px;min-width:88px;font-size:13px}
.showcase .song-count{font-size:10px}
.showcase .mcr-card-extras{flex:1;justify-content:flex-end;gap:5px}
.showcase .mcr-card-extras .icon-button{width:44px;height:44px;min-height:44px}
.showcase .art-badge{font-size:10px;letter-spacing:.5px}
.showcase .art-caption,.showcase .art-caption>span{font-size:9px;letter-spacing:.5px}
.showcase .upcoming-lyrics-note,.showcase .official-show-link{font-size:12px;line-height:1.5}
.showcase .official-show-link{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){
 .header-actions>.menu-button{width:44px;height:44px}
 .language-trigger{height:44px}.language-code{font-size:12px}
 .mobile-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}
 .mobile-nav>a{min-height:48px;font-size:11px;color:#b8b1a8;gap:3px}
 .filters{flex-wrap:wrap;row-gap:5px}
 .filters button{min-height:44px;font-size:12px;padding:8px 10px}
 .filters button span{font-size:10px}
 .search-field{padding-block:0;min-height:48px}
 .search-field input{font-size:16px;min-height:46px}
 .section-heading .eyebrow{font-size:10px}
 .section-note{font-size:11px;line-height:1.5;max-width:110px}
 .hero-content .eyebrow{font-size:10px;letter-spacing:1px;line-height:1.6}
 .hero-copy{font-size:14px}
 .supporter-ribbon{gap:6px;padding-inline:7px;min-height:46px}
 .ribbon-label{font-size:10px;max-width:73px;line-height:1.4}
 .ribbon-thanks{display:none} /* Every supporter already has their own thank-you. */
 .supporter-group>span{font-size:12px;padding:12px 14px}
 .supporter-group .supporter-item-thanks{font-size:11px}
 .showcase .concert-card{height:auto;min-height:0}
 .showcase .concert-art{height:192px;flex-basis:192px}
 .showcase .concert-body{min-height:0;flex:0 0 auto;padding:14px}
 .showcase .concert-footer{margin-top:8px}
 .tool-card>p,.creator-copy>p{font-size:14px;line-height:1.65}
 .tool-link{font-size:13px;min-height:44px}
 .tool-top .ready-label{font-size:10px}
 .tool-card .teaser-cover h3,.tool-card .teaser-cover p{font-size:12px}
 .modal{padding:18px;max-height:calc(100dvh - 20px)}
 .modal-heading{gap:8px}
 .lyric-guide-options strong{font-size:16px}
 .lyric-guide-options span{font-size:12px}
 #checklist-dialog>p{font-size:13px}
 #checklist-dialog .modal-heading>.eyebrow{font-size:9px}
 #checklist-dialog .checklist-progress>span{font-size:11px}
 .checklist-add-form>label{font-size:12px}
 .checklist-text-input::placeholder{font-size:14px}
 #checklist-dialog .checklist-add-fields>.button{font-size:12px;padding-inline:10px}
 #checklist-dialog .checklist-item-title{font-size:14px;line-height:1.45}
 #checklist-dialog .checklist-items small{font-size:12px;line-height:1.5}
 .checklist-row{padding-block:9px}
 .checklist-item-actions{flex-direction:column}
 .checklist-item-action{height:44px}
 .checklist-bottom>.text-link,.checklist-bottom>span{font-size:12px}
 .checklist-error,.checklist-undo>span{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}