/* Shared nav tweaks (final form), kept out of styles.css: show the text tabs on phones too, wrapping so every tab is on screen. */
@media (max-width:820px){
 .nav .wrap{flex-wrap:wrap;row-gap:4px}
 .nav-links{width:100%;flex-wrap:wrap;justify-content:flex-start;column-gap:14px;row-gap:2px}
 .nav .nav-links a.hm{display:inline-block;white-space:nowrap;padding:4px 0}
}
/* V.01.35 header link "Where inspections happened" (Zach 2:55/2:57 PM; UX): phones = full-width first row, 48px; report pages = own full-width 48px row below the nav */
.nav .nav-links a.nmap{display:inline-flex!important;align-items:center;min-height:44px}
@media(max-width:479px){.nav .nav-links a.nmap{flex:0 0 100%;min-height:48px;justify-content:center;box-sizing:border-box}}
.nmap-rowwrap .wrap{display:block;padding-left:16px;padding-right:16px;box-sizing:border-box}.nav a.nmap-row{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;box-sizing:border-box;color:#fff;font-weight:600;text-decoration:none;font-size:15px}
/* V.01.35 /map (UX 2:58 PM spec): full-width 48px search, blank outline map, 48px full-report link; GET form, no JS */
.mapq{display:flex;flex-direction:column;gap:8px;margin:12px 0}.mapq label{font-weight:600}.mapq input{width:100%;box-sizing:border-box;min-height:48px;font-size:16px;padding:0 12px;border:1px solid #56627a;border-radius:8px}.mapq button{min-height:48px;width:100%}
.mapblank svg{width:100%;height:auto;display:block;max-width:640px}.mapfull{display:flex!important;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box}
.maprs .sr-list{list-style:none;padding:0}.maprs .sr-list a{display:block;min-height:44px;padding:10px 0;overflow-wrap:anywhere}
.hs-fig svg,.hs-map{max-width:100%}
/* V.01.35 status notes (Zach + Compliance 3:30 PM): >=14px, #374151 on white (~10:1), wrap under the chips on phones */
.chip-note{font-size:14px;line-height:1.4;color:#374151;align-self:center;max-width:100%}@media(max-width:599px){.chip-note{flex:0 0 100%}}
/* V.01.35 "View inspection map": 48px, full width on phones */
a.viewmap{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box}@media(max-width:599px){a.viewmap{display:flex;width:100%}}
/* V.01.36: phone nav = even 2+2 grid of 44px tabs on every page (incl. /map); search box and the map link keep full-width rows */
@media(max-width:479px){.nav .nav-links{display:grid!important;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:0}.nav .nav-links>*:not(a.hm),.nav .nav-links>a.nmap{grid-column:1/-1}
 .nav .nav-links a.hm:not(.nmap):not(.v2only){display:flex;align-items:center;justify-content:center;min-height:44px;padding:0;white-space:normal}.nav .nav-links a.hm.v2only{min-height:44px;line-height:44px;padding:0}}
/* V.01.36 (QA a11y): small FMCSA source links on the report are 44px tap targets (padding only, same text) */
.card a[href^="https://li-public.fmcsa.dot.gov"],.card a[href^="https://ai.fmcsa.dot.gov"]{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;box-sizing:border-box}
.table-wrap[tabindex]:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}