/* Event page (12 Nov 2026). Date and time are shown on separate lines everywhere; the rest is phone only: a tighter, quieter scale (title 18, card titles 15, labels 12, values 14 bold, text 13) and less vertical space. The kind and the time left above the title are plain text, like the chips on the home cards. */
.event-detail .info-row dd .d-head,.event-detail .info-row dd .d-main{display:block}
.event-detail .detail-actions .button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){
.event-detail main .detail-hero-tone{margin-bottom:10px}
.event-detail main .detail-main{padding:0}
.event-detail main .detail-main .detail-tags{display:block}
.event-detail main .detail-main .detail-tags span{display:inline;padding:0;border-radius:0;background:none;box-shadow:none;font-size:10.8px;font-weight:400;line-height:1.4;color:#4a5568}
.event-detail main .detail-main .detail-tags .tag-cat{color:var(--accent-strong,#244c85)}
.event-detail main .detail-main .detail-tags span+span::before{content:" · ";color:#4a5568;white-space:pre}
.event-detail main .detail-main h1{font-size:18px;line-height:1.35;margin:4px 0 12px}
.event-detail main .detail-main .detail-info{margin:0 0 12px;padding:12px}
.event-detail main .detail-body>.card{margin:12px 0}
.event-detail main .detail-body>.detail-main+.card{margin-top:0}
.event-detail main .info-rows{gap:10px}
.event-detail main .info-icon{width:32px;height:32px;border-radius:8px}
.event-detail main .info-icon .icon{width:18px;height:18px}
.event-detail main .info-row{gap:10px}
.event-detail main .info-row dt{font-size:12px}
.event-detail main .info-row dd{font-size:14px;line-height:1.4}
.event-detail main .detail-about,.event-detail main .detail-speakers-card{padding:12px}
.event-detail main .detail-about h2,.event-detail main .detail-speakers-card h2{font-size:15px;margin:0 0 6px}
.event-detail main .detail-about p{font-size:13px;line-height:1.5}
}