/* 0.2.272.0 (live; D-golive-desktop-size-truck-20261111): desktop sizing shrink. Zach Nov 11 5:38 PM "everything on desktop is to zoomed";
   ChatGPT plan (inbox/desktop-zoom-20261111/chatgpt-plan.md) applied to the site's real selectors.
   Loaded LAST (server.js injects it right after hq-density.css). Every rule is inside min-width:1024px, so phones and
   widths under 1024px are unchanged. No CSS zoom, no transform scale. Words, colors, motion and behavior unchanged.
   The truck keeps hq-density.css's 1024 / 1280 clip math (aspect-ratio + img/video offsets); only its wrapper is narrower,
   so the whole truck stays in frame, just smaller (about 300px tall). The "html " prefix outranks the ins-flow selectors. */
@media (min-width:1024px){
  /* base type and widths */
  html body{font-size:15px!important}
  html body.fleet-room .fr-homeband{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important}
  html body.hm-home.gl main,
  html body.report-page .report.wrap,html body.fleet-room.report-page .report.wrap,
  html body .qwrap,html body .qwrap.guide-index{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important}

  /* header: 56px, logo up to 32px */
  html body header.hq-hd{min-height:56px!important;padding-top:2px!important;padding-bottom:2px!important;box-sizing:border-box}
  html body header.hq-hd .hq-logo{min-height:44px!important;font-size:20px!important}
  html body header.hq-hd .hq-logo img,html body header.hq-hd .hq-logo svg{max-height:32px!important;height:auto!important;width:auto!important}

  /* home truck: same clip, narrower wrapper (about 760x300 at 1024-1279, about 720x305 at 1280+), less space around it */
  html body.hm-home .hq-truck{width:100%!important;max-width:760px!important;margin:12px auto 8px!important}

  /* home hero card (navy): tighter, headline smaller so it takes fewer lines; search moves up */
  html body.fleet-room.hm-home.gl .fr-homeband .hq-top,
  html body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
  html body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;padding:24px 28px!important;box-sizing:border-box}
  html body.ins-flow.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1,
  html body.ins-flow.hm-home.gl .fr-homeband .hq-top .hq-h1,
  html body.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1{font-size:36px!important;line-height:1.15!important;max-width:24em!important}
  html body.ins-flow.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1sub,
  html body.ins-flow.hm-home.gl .fr-homeband .hq-top .hq-h1sub,
  html body.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1sub{font-size:17px!important;line-height:1.45!important}
  html body.fleet-room.hm-home.gl .fr-homeband .hq-srch,
  html body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch{margin:20px auto 0!important;padding:24px!important}
  html body.fleet-room.hm-home.gl .fr-homeband .hq-srch input[type=search],
  html body .h-search input[type=search]{min-height:44px!important;height:44px!important;font-size:15px!important}
  html body.fleet-room.hm-home.gl .fr-homeband .hq-srch button[type=submit],
  html body.fleet-room.hm-home.gl .fr-homeband .hq-srch .btn,
  html body .h-search button[type=submit]{min-height:44px!important;font-size:15px!important;font-weight:600!important;padding:9px 18px!important}
  html body .btn,html body a.btn,html body button.btn{min-height:40px!important;padding:9px 18px!important;font-size:14px!important;font-weight:600!important}

  /* home sections: smaller gaps and padding (density had 88px / 32px) */
  html body.hm-home main>section.qb,html body.hm-home main>section.hm-tools,html body.hm-home main>section.dir-top-cities,
  html body.hm-home .qb,html body.hm-home .fr-quiz,html body.hm-home .hm-tools,html body.hm-home .dir-top-cities{margin-top:40px!important}
  html body.hm-home .qb-1,html body.hm-home .qb-step{padding:24px!important}
  html body.hm-home .qb .qb-card{padding:16px 20px!important;min-height:48px!important}
  html body.hm-home .qb-cards{gap:16px!important}
  html body.hm-home .hm-tools .card,html body.hm-home section.hm-tools .card{padding:20px!important}
  html body.hm-home section.hm-tools{padding:24px!important}
  html body.hm-home .hm-tools .grid{gap:16px!important}
  html body.hm-home .dir-top-cities{padding:24px!important}
  html body.hm-home .dir-city-row{gap:12px!important}
  html body.hm-home h2,html body.hm-home .sec-h{font-size:25px!important;line-height:1.25!important}
  html body.hm-home h3{font-size:19px!important}

  /* report: header H1 32px, cards 20px padding, H2 23px, p 14px; maps / tables keep their full width */
  html body.report-page .report-head h1,
  html body.report-page.qpage .report-head.rh-top h1,
  html body.report-page.qpage .hq264-id .report-head.rh-top h1{font-size:32px!important;line-height:1.2!important}
  html body.report-page .card{padding:20px!important;overflow-wrap:anywhere}
  html body.report-page h2.sec-h,html body.report-page .card>h2{font-size:23px!important;line-height:1.25!important}
  html body.report-page h3{font-size:19px!important}
  html body.report-page .card p{font-size:14px!important}
  html body.report-page small,html body.report-page .small,html body.report-page .muted.small{font-size:13px!important}

  /* quiz + Try a change (report and /insurers): same look, a little tighter */
  html body .qb .qb-card{padding:14px 18px!important;min-height:48px!important}
  html body .qb-step{padding:20px!important}
  html body #sim.card,html body section#sim{padding:20px!important}
  html body .sim-hq .sim-gw{max-width:420px}

  /* /carriers directory */
  html body .qwrap h1{font-size:34px!important;line-height:1.2!important}
  html body .qwrap h2{font-size:24px!important}
}
@media (min-width:1280px){
  html body.hm-home .hq-truck{max-width:720px!important}
}