/* Final desktop/mobile audit: keep navigation inside the viewport and make touch controls dependable. */
html{scroll-padding-top:140px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f5b942;outline-offset:3px}
button,a,input,select,textarea{max-width:100%}
.news-card h3,.news-card p,.vision-card h3,.vision-card p,.candidate-details b,.party-office-copy{overflow-wrap:anywhere}
@media(max-width:800px){
  .topbar .portal-nav{display:flex!important;grid-column:1/-1!important;grid-row:4!important;order:0!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;justify-self:stretch!important;align-self:stretch!important;transform:none!important;left:auto!important;right:auto!important}
  .topbar .portal-nav a{flex:0 0 auto!important;min-height:44px!important}
  .mobile-bottom-nav a{min-height:48px}
  .btn:not(.x),.outline,.voice-button,.tracking-help,.remove-selected-file,.footer-admin{min-height:44px}
  .form-card,.trackbox,.news-card,.vision-card,.candidate-details article,.promise-card{min-width:0}
  .news-modal-card,.tracking-help-modal{overflow-wrap:anywhere}
}
@media(max-width:380px){html{scroll-padding-top:170px}.topbar .portal-nav a{font-size:10px!important;padding-left:9px!important;padding-right:9px!important}}