/* v1.3.2: Mobile-first single-column reflow and accessible main navigation. */
.mobile-menu-toggle{display:none}
@media(max-width:800px){
 .top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative}
 .top .brand{min-width:0}
 .mobile-menu-toggle{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);font:700 13px 'DM Sans',sans-serif;cursor:pointer}
 .mobile-menu-toggle:hover{border-color:var(--acid)}
 .mobile-menu-toggle:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
 .burger-lines{width:19px;display:grid;gap:4px}.burger-lines span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}
 .top nav[aria-label="Main navigation"]{display:none!important;flex:0 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
 .top nav[aria-label="Main navigation"].mobile-nav-open{display:flex!important}
 .top nav[aria-label="Main navigation"] a{display:flex;align-items:center;min-height:44px;width:100%;padding:10px 13px;font-size:14px;white-space:normal;border-radius:7px}
 .top nav[aria-label="Main navigation"] a:hover,.top nav[aria-label="Main navigation"] a[aria-current="page"]{background:var(--panel2);color:var(--ink)}
 .top nav[aria-label="Main navigation"] a[aria-current="page"]{border-left:4px solid var(--acid);padding-left:9px}
 /* Reflow content and forms into a single column, with no horizontal scrolling. */
 .shell{width:100%;max-width:100%;padding:16px 16px 48px}
 .grid,.stats,.admin-grid,.record-detail-grid,.record-grid,.year-grid,.festival-layout,.gig-detail-grid,.artist-layout,.artist-grid,.dashboard-grid,.overview-grid,.analytics-grid,.media-grid,.related-grid,.detail-grid,.two-col,.three-col{grid-template-columns:minmax(0,1fr)!important}
 .record-summary,.toolbar,.record-tools,.admin-actions,.festival-actions,.section-head{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .record-summary .stat,.toolbar input,.toolbar select,.record-tools input,.record-tools select{width:100%;min-width:0;max-width:100%;flex:none}
 .admin-field.full{grid-column:auto}
 .record-facts{grid-template-columns:minmax(0,1fr)!important;gap:4px}
 .record-facts dd{margin:0 0 12px}
 .record-detail-grid .record-cover{max-width:100%}
 .record-grid{grid-template-columns:minmax(0,1fr)!important}
 .record-card{max-width:100%}
 .stat,.panel,.admin-panel,.gig,.record-card{min-width:0;overflow-wrap:anywhere}
 .hero{padding:30px 0 20px}
 h1{font-size:clamp(34px,10vw,54px);letter-spacing:-2px;overflow-wrap:anywhere}
 h2{overflow-wrap:anywhere}
 img,video,iframe,canvas,svg{max-width:100%}
 input,select,textarea,button{max-width:100%}
 .admin-tabs{display:flex;flex-wrap:wrap;gap:8px}
 .admin-tabs button{min-height:44px}
 .record-pagination{flex-wrap:wrap}
 .related-rail,.related-sidebar,aside{max-width:100%;min-width:0}
 .year-tile{min-width:0}
}
@media(max-width:420px){.shell{padding:12px 12px 40px}.brand{font-size:19px}.mobile-menu-toggle{padding:9px 11px}.admin-panel{padding:15px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle,.top nav[aria-label="Main navigation"]{transition:none!important}}