/* Mobile-first visual polish: one clear navigation system, comfortable spacing and strong primary actions. */
@media(max-width:800px){
  body{background:#f7f8f6}
  .topbar{position:sticky!important;top:0;z-index:80!important;padding:8px 14px 10px!important;gap:7px!important;box-shadow:0 7px 18px rgba(0,27,24,.2)}
  .topbar .brand-logo{width:166px!important;height:55px!important}
  .topbar .brand-logo img{width:160px!important;height:42px!important}
  .topbar .brand-logo small{font-size:8px!important;letter-spacing:.9px!important}
  .mobile-top-links{display:none!important}
  .topbar .language-selector{grid-row:2!important;width:min(100%,290px)!important;grid-template-columns:76px minmax(0,1fr)!important;gap:7px!important}
  .topbar .language-selector label{justify-content:flex-start!important;font-size:11px!important}
  .topbar .language-selector select{min-height:40px!important;border-radius:10px!important}
  .topbar .portal-nav{grid-row:3!important;gap:7px!important;padding:7px 0 1px!important;scroll-snap-type:x proximity}
  .topbar .portal-nav a{scroll-snap-align:start;min-height:42px!important;border-radius:999px!important;background:rgba(0,27,24,.38)!important;padding:8px 12px!important}
  .hero-inner{padding:34px 18px 38px!important;gap:22px!important}
  .hero h1{font-size:clamp(31px,9vw,39px)!important;line-height:1.15!important}
  .hero-copy>p{font-size:15px!important;line-height:1.65!important}
  .trust{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;font-size:11px!important}
  .trust span:last-child{grid-column:1/-1}
  .hero-panel{padding:18px!important;border-radius:16px!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important}
  .section,.request-section{margin-top:42px!important}
  .section-head{align-items:flex-start!important;gap:10px!important}
  .section h2,.request-section-heading h2{font-size:clamp(25px,7.5vw,31px)!important;line-height:1.2!important}
  .vision-grid{gap:12px!important}
  .vision-card{padding:18px!important;border-radius:15px!important}
  .vision-card h3{font-size:18px!important}
  .feedback-card{padding:22px 18px!important;border-radius:16px!important}
  .feedback-card h3{font-size:21px!important}
  .trackbox{padding:22px 16px!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(16,43,43,.07)}
  .track-input{gap:12px!important}
  .track-input .btn{min-height:54px!important;border-radius:12px!important}
  .request-form-card{padding:22px 16px!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(16,43,43,.08)!important}
  .request-form-card .form-title{gap:11px!important}
  .request-form-card input,.request-form-card select,.request-form-card textarea{border-radius:11px!important;background:#fff!important}
  .request-form-card .darkbtn{min-height:52px!important;border-radius:12px!important;font-size:15px!important}
  .news-hero,.privacy-hero,.vision-hero{padding:34px 20px!important}
  .news-page,.candidate-page,.privacy-page,.vision-section{padding-left:16px!important;padding-right:16px!important}
  .news-card{padding:18px!important;border-radius:15px!important}
  .news-open-button{min-height:48px!important;border-radius:10px!important}
  .mobile-bottom-nav{min-height:70px!important;padding-top:7px!important;background:rgba(16,43,43,.97)!important}
  .mobile-bottom-nav a{border-radius:10px!important;padding:4px 2px!important}
  .mobile-bottom-nav a:active{background:rgba(255,255,255,.14)}
  footer{padding-top:26px!important;padding-bottom:28px!important}
}
@media(max-width:380px){
  .topbar{padding-left:10px!important;padding-right:10px!important}
  .topbar .brand-logo{width:148px!important;height:51px!important}
  .topbar .brand-logo img{width:143px!important;height:39px!important}
  .topbar .portal-nav a{padding:8px 10px!important;font-size:10px!important}
  .trust{grid-template-columns:1fr!important}
  .trust span:last-child{grid-column:auto}
}
@media(max-width:800px){
  #cForm input[name="issueSince"]{display:block!important;width:100%!important;min-width:0!important;min-height:46px!important;height:46px!important;margin:0!important;padding:10px 12px!important;border-radius:11px!important;background:#fff!important;color:#172222!important;font-size:16px!important;line-height:1.25!important;-webkit-appearance:none;appearance:none}
  #cForm input[name="issueSince"]::-webkit-date-and-time-value{text-align:left;min-height:1.25em}
  #cForm input[name="issueSince"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}
}
@media(max-width:800px){
  footer .footer-main{display:block!important;width:100%!important}
  footer .footer-links{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;margin:13px 0 0!important;line-height:normal!important}
  footer .footer-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:36px!important;margin:0!important;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#d9ebe6!important;font-size:12px!important;font-weight:700!important;text-align:left!important;text-decoration:underline!important;text-underline-offset:3px!important}
  footer .footer-links .footer-admin{color:#f5b942!important;text-decoration:underline!important}
}