/* 0.2.258 density, on 0.2.257.1. Type, spacing, a 44px search, and a wider column.
   The headline and the search are solid on the first frame. No page zoom. */
html{font-size:16px}
html,body{zoom:1}

body.ho-b .hq-top,
body.ho-b.hm-home .fr-homeband .hq-top,
body.ho-b .hq-srch,
body.ho-b .fr-homeband .hq-srch,
body.ho-b .hq-srch .chips,
body.ho-b .hq-srch .chips span,
body.ho-b .hq-srch .btn,
body.ho-b .hq-srch button{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}

@media (min-width:768px){
  body.hm-home .hq-h1,
  body.fleet-room.hm-home.gl .fr-homeband .hq-h1,
  body.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1{
    font-size:38px!important;line-height:1.12!important;letter-spacing:-.02em
  }
  body.qpage h1,body.qpage .ph,body.wb-page h1,
  body.report-page .report-head h1,
  body.report-page.qpage .report-head.rh-top h1{
    font-size:36px!important;line-height:1.15!important;letter-spacing:-.015em
  }
  body.hm-home h2,body.qpage h2,body.wb-page h2,
  body.hm-home .qb-step h2,body.hm-home .fr-quiz h2,
  body.report-page section.card>h2,body.report-page h2.sec-h{
    font-size:22px!important;line-height:1.25!important
  }
}
@media (max-width:767px){
  body.hm-home .hq-h1,
  body.fleet-room.hm-home.gl .fr-homeband .hq-h1,
  body.fleet-room.hm-home.gl .fr-homeband .hq-top .hq-h1,
  body.qpage h1,body.qpage .ph,body.wb-page h1,
  body.report-page .report-head h1,
  body.report-page.qpage .report-head.rh-top h1{
    font-size:28px!important;line-height:1.18!important
  }
  body.hm-home h2,body.qpage h2,body.wb-page h2,
  body.hm-home .qb-step h2,body.hm-home .fr-quiz h2,
  body.report-page section.card>h2,body.report-page h2.sec-h{
    font-size:20px!important;line-height:1.25!important
  }
}
body h3,body.qpage h3{font-size:17px;line-height:1.3}
body.hm-home .hq-h1sub,
body.fleet-room.hm-home .fr-homeband .hq-h1sub,
body.qpage .dir-lead,body.qpage .pg-hero-lead,body.wb-page .pg-hero-lead{
  font-size:16px!important;line-height:1.45!important
}

body.hm-home .hq-srch input[type=search],
body.hm-home .hq-srch button[type=submit],
body.hm-home .hq-srch .btn,
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch button[type=submit],
body.fleet-room.hm-home.gl .hq-srch .h-search input[type=search],
body.fleet-room.hm-home.gl.fr-look-1 .fr-homeband .hq-srch button[type=submit],
body.fleet-room.hm-home.gl .fr-homeband .hq-srch .btn,
body.qpage input[type=search],
body.report-page .navsearch input{
  min-height:44px!important;height:44px;font-size:16px!important;box-sizing:border-box
}
body.hm-home .hq-srch button[type=submit],
body.fleet-room.hm-home.gl .fr-homeband .hq-srch .btn{
  padding:0 16px!important
}

body.qpage .qwrap,
body.qpage .qwrap.wide,
body.qpage .qwrap.guide,
body.qpage .qwrap.guide-index,
body.wb-page main.wrap,
body.wb-page .wb-main{max-width:1160px!important}
@media (min-width:768px){
  body.fleet-room .fr-homeband{width:min(1160px,calc(100% - 48px))!important;max-width:1160px!important}
  body.hm-home .hq-truck{width:100%!important;max-width:none!important}
  body.hm-home .qb,body.hm-home .fr-quiz,body.hm-home .hm-tools,body.hm-home .dir-top-cities{
    width:min(1160px,calc(100% - 32px))!important;max-width:1160px!important
  }
  body.hm-home.gl main{max-width:1160px!important}
  body.report-page .report.wrap,body.fleet-room.report-page .report.wrap{max-width:1160px!important}
}

body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{padding:8px 24px 44px!important}
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch,
body.fleet-room.hm-home.gl .fr-homeband .hq-srch{padding:12px 14px 8px!important}
body.qpage .qwrap{padding:20px 20px 36px!important}
body.qpage .qcard,body.report-page .card,body.hm-home section.alt .card{padding:12px 14px!important}
body.report-page .report-head.rh-top{padding:12px 16px!important}
body.hm-home .qb{margin-top:12px!important}
body.hm-home .qb-1{padding:14px 16px 12px!important}
body.hm-home .qb .qb-card{min-height:44px!important;padding:8px 12px!important;font-size:16px!important}

@media (min-width:768px){
  body.hm-home .hq-lookup-visual{height:200px!important;aspect-ratio:auto!important;background:#EEF2F7!important}
  body.hm-home .hq-lookup-visual img,body.hm-home .hq-lookup-visual video{object-fit:cover!important;object-position:center 62%!important}
}
@media (max-width:767px){
  body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
  body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{padding:8px 16px 40px!important}
  body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch,
  body.fleet-room.hm-home.gl .fr-homeband .hq-srch{
    width:100%!important;max-width:none!important;padding:8px 8px 8px!important
  }
  body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch input[type=search]{
    width:100%!important;padding-left:8px!important;padding-right:8px!important
  }
  body.hm-home .hq-lookup-visual{height:150px!important;aspect-ratio:auto!important;background:#EEF2F7!important}
  body.hm-home .hq-lookup-visual img,body.hm-home .hq-lookup-visual video{object-fit:cover!important;object-position:center 58%!important}
}

/* 0.2.258.1: feather the truck, the navy band, and the cards into the page.
   Motion never starts near-transparent. */
@media (min-width:768px){
  body.hm-home .hq-truck{margin-bottom:-28px!important}
  body.hm-home .hq-lookup-visual img,
  body.hm-home .hq-lookup-visual video{
    inset:0;left:0;top:0;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center 58%!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 64%,transparent 100%),linear-gradient(to right,transparent 0%,#000 8%,#000 62%,transparent 73%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 64%,transparent 100%),linear-gradient(to right,transparent 0%,#000 8%,#000 62%,transparent 73%);
    -webkit-mask-composite:source-in;mask-composite:intersect;background:transparent!important
  }
  body.hm-home .hq-lookup-visual,
  body.hm-home .hq-lookup-visual img,
  body.hm-home .hq-lookup-visual video{will-change:auto!important;transform:none!important}
  body.hm-home .hq-lookup-visual img{z-index:1;opacity:1}
  body.hm-home .hq-lookup-visual video{z-index:2;opacity:0!important}
  body.hm-home .hq-truck.hq-frame .hq-lookup-visual video{opacity:1!important}
  body.hm-home .hq-truck.hq-frame .hq-lookup-visual img{display:none!important;visibility:hidden!important;opacity:0!important}
}
@media (max-width:767px){
  body.hm-home .hq-truck{margin-bottom:-16px!important}
  body.hm-home .hq-lookup-visual img,
  body.hm-home .hq-lookup-visual video{
    inset:0;left:0;top:0;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center 58%!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0%,transparent 46%,#000 56%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 70%,transparent 100%),linear-gradient(to right,transparent 0%,transparent 46%,#000 56%,#000 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect;background:transparent!important
  }
  body.hm-home .hq-lookup-visual,
  body.hm-home .hq-lookup-visual img,
  body.hm-home .hq-lookup-visual video{will-change:auto!important;transform:none!important}
  body.hm-home .hq-lookup-visual img{z-index:1;opacity:1}
  body.hm-home .hq-lookup-visual video{z-index:2;opacity:0!important}
  body.hm-home .hq-truck.hq-frame .hq-lookup-visual video{opacity:1!important}
  body.hm-home .hq-truck.hq-frame .hq-lookup-visual img{display:none!important;visibility:hidden!important;opacity:0!important}
}
body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{
  border-radius:28px!important;
  background-color:transparent!important;
  background-image:linear-gradient(to bottom,#0F1B33 0%,#0F1B33 62%,rgba(15,27,51,0) 100%)!important;
  filter:drop-shadow(0 18px 28px rgba(15,27,51,.16));
}
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch{
  margin:-18px auto 8px!important;
  border-radius:22px!important;
  box-shadow:0 16px 36px rgba(15,27,51,.12)!important
}
body.hm-home .gl-pills{margin-top:18px}
body.hm-home .qb,
body.hm-home .hm-tools,
body.hm-home .dir-top-cities,
body.hm-home main>section{margin-top:26px!important}
body.hm-home .qb-1,
body.hm-home section.alt .card,
body.hm-home .hm-tools .card,
body.report-page .card,
body.report-page .report-head.rh-top,
body.qpage .qcard,
body.qpage .dir-state-row,
body.qpage .dir-city-row{
  box-shadow:0 10px 26px rgba(15,27,51,.07)!important
}
body.report-page .report-head.rh-top,
body.qpage .pg-hero{
  border-radius:22px!important
}
body.report-page .card,
body.qpage .qcard{margin-top:16px}
@keyframes hq-flow-in{from{transform:translateY(8px)}to{transform:none}}
body.hm-home main>section,
body.report-page .report.wrap>.card,
body.qpage .qwrap>.qcard{
  animation:hq-flow-in 420ms ease-out both;
  opacity:1!important
}
/* The /how scroll-fade wins on blocks that have not entered yet. Above-the-fold and no-JS stay opaque. */
body.hm-home main>section[data-pol-reveal]:not(.is-in),
body.report-page .report.wrap>.card[data-pol-reveal]:not(.is-in),
body.report-page .report.wrap>section[data-pol-reveal]:not(.is-in){
  opacity:0!important
}
@media (prefers-reduced-motion:reduce){
  body.hm-home main>section[data-pol-reveal]:not(.is-in),
  body.report-page .report.wrap>.card[data-pol-reveal]:not(.is-in),
  body.report-page .report.wrap>section[data-pol-reveal]:not(.is-in){
    opacity:1!important;animation:none!important;transform:none!important
  }
}
/* 0.2.261.2: print, including the what-if PDF, shows every faded block. Same as reduced motion. */
@media print{
  [data-pol-reveal],
  body.hm-home main>section[data-pol-reveal]:not(.is-in),
  body.report-page .report.wrap>.card[data-pol-reveal]:not(.is-in),
  body.report-page .report.wrap>section[data-pol-reveal]:not(.is-in){
    opacity:1!important;animation:none!important;transform:none!important
  }
}
body.print-uw [data-pol-reveal],
body.print-uw.hm-home main>section[data-pol-reveal]:not(.is-in),
body.print-uw.report-page .report.wrap>.card[data-pol-reveal]:not(.is-in),
body.print-uw.report-page .report.wrap>section[data-pol-reveal]:not(.is-in){
  opacity:1!important;animation:none!important;transform:none!important
}
/* The what-if card holds the telematics checkbox. The card slide and the scroll-fade
   move it under a click, and on a phone the sticky jump row (z-index 25) covers it.
   Keep this card still and above that row. */
body.report-page #sim{
  position:relative;z-index:30;
  opacity:1!important;animation:none!important;transform:none!important;transition:none!important
}
@media (prefers-reduced-motion:reduce){
  body.hm-home main>section,
  body.report-page .report.wrap>.card,
  body.qpage .qwrap>.qcard{animation:none!important;transform:none!important}
}
/* 0.2.259: report titles 18-20px, body 16px. One chevron. Counts stay muted. */
body.report-page.qpage .report-head.rh-top h1,
body.report-page h1,
body.report-page h2,
body.report-page .sec-h{font-size:20px!important;line-height:1.25!important}
@media (max-width:767px){
  body.report-page.qpage .report-head.rh-top h1,
  body.report-page h1,
  body.report-page h2,
  body.report-page .sec-h{font-size:18px!important}
}
body.report-page p,
body.report-page li,
body.report-page td,
body.report-page dd,
body.report-page .muted{font-size:16px!important}
body.qpage .dir-badge,
body.qpage .dir-meta,
body.report-page .csnap-dl dt{color:#4A5D73!important;font-weight:600}
details.hq-dd>summary{list-style:none}
details.hq-dd>summary::-webkit-details-marker{display:none}
details.hq-dd>summary::after{content:"›";margin-left:auto;color:#4A5D73;font-size:22px;font-weight:700}
details.hq-dd[open]>summary::after{transform:rotate(90deg)}
details.hq-dd>summary{display:flex;align-items:center;gap:8px}
@media (max-width:640px){
  .sg-box a,.sg-box a b,.sg-box a small,.nav-links .sg-box a,
  .sr-pick .sr-line2,.sr-list .sr-meta,.sr-list .muted{font-size:16px!important}
}
/* 0.2.261.1: one home spacing scale. 8px steps.
   Desktop sections 88, phone sections 56, cards 32 / 24, answer gap 24 / 16.
   The truck art, colors, wording, and section order stay. */
body.hm-home main>section.qb,
body.hm-home main>section.hm-tools,
body.hm-home main>section.dir-top-cities,
body.hm-home .qb,
body.hm-home .fr-quiz,
body.hm-home .hm-tools,
body.hm-home .dir-top-cities{margin-top:88px!important}
body.hm-home .qb-1,
body.hm-home .qb-step{padding:32px!important}
body.hm-home .qb .qb-card{padding:24px 28px!important;min-height:56px!important}
body.hm-home .qb-cards{gap:24px!important}
body.hm-home .hm-tools .card,
body.hm-home section.hm-tools .card{padding:28px!important}
body.hm-home section.hm-tools{
  background:#fff!important;border:1px solid #DDE2EA!important;border-radius:20px!important;
  padding:32px!important;box-sizing:border-box;box-shadow:0 10px 26px rgba(15,27,51,.07)!important
}
body.hm-home .hm-tools .grid{display:flex!important;flex-wrap:wrap!important;gap:24px!important}
body.hm-home .hm-tools .grid>a.card,
body.hm-home .hm-tools details.hm-gas>summary.card{flex:1 1 0!important;min-width:0!important;width:auto!important}
body.hm-home .hm-tools details.hm-gas{display:contents!important}
body.hm-home .hm-tools details.hm-gas>.hm-gas-panel{flex:1 1 100%!important}
body.hm-home .dir-top-cities{padding:32px!important}
body.hm-home .qb,
body.hm-home .qb p,
body.hm-home .hm-tools,
body.hm-home .hm-tools p,
body.hm-home .dir-top-cities,
body.hm-home .dir-top-cities p{line-height:1.65!important}
body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{padding:48px 32px 32px!important}
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch,
body.fleet-room.hm-home.gl .fr-homeband .hq-srch{margin:32px auto 0!important;padding:32px!important}
@media (min-width:768px){
  body.hm-home .hq-truck{margin-bottom:24px!important}
}
@media (max-width:767px){
  body.hm-home .hq-truck{margin-bottom:16px!important}
  body.hm-home main>section.qb,
  body.hm-home main>section.hm-tools,
  body.hm-home main>section.dir-top-cities,
  body.hm-home .qb,
  body.hm-home .fr-quiz,
  body.hm-home .hm-tools,
  body.hm-home .dir-top-cities{margin-top:56px!important}
  body.hm-home .qb-1,
  body.hm-home .qb-step,
  body.hm-home section.hm-tools{padding:24px!important}
  body.hm-home .qb .qb-card,
  body.hm-home .hm-tools .card{padding:24px!important}
  body.hm-home .qb-cards,
  body.hm-home .hm-tools .grid{gap:16px!important}
  body.hm-home .hm-tools .grid>a.card,
  body.hm-home .hm-tools details.hm-gas>summary.card{flex:1 1 100%!important}
  body.hm-home .dir-top-cities{padding:24px!important}
  body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top,
  body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-top{padding:32px 20px 24px!important}
  body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch,
  body.fleet-room.hm-home.gl .fr-homeband .hq-srch{margin:24px auto 0!important;padding:24px!important}
}