/* 0.2.263.1: home and directory shell from 0.2.263. The report page is left to 0.2.261.2.
   Report pages also carry qpage, so every directory rule excludes .report-page. */
:root{--hq-ease:cubic-bezier(.16,1,.3,1);--hq-page:#EEF2F7;--hq-ink:#0F1B33;--hq-action:#FFAA24;--hq-action-hover:#F59B13}

body.hm-home,body.qpage:not(.report-page),body.wb-page{background:var(--hq-page)!important}

/* One pill header on home and directory pages. The report header stays as 0.2.261.2. */
body.qpage:not(.report-page) .hq-hd,body.wb-page .hq-hd,body.hm-home .hq-hd{
  background:#0F1B33!important;color:#fff!important;border-radius:999px!important;
  min-height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
  max-width:1180px;margin:14px auto 0!important;padding:6px 8px 6px 14px!important
}
body.qpage:not(.report-page) .hq-hd .hq-logo,body.wb-page .hq-hd .hq-logo{color:#fff!important;text-decoration:none;min-height:48px;display:inline-flex;align-items:center}
body.qpage:not(.report-page) .hq-mb,body.wb-page .hq-mb{background:#fff!important;color:#0F1B33!important;border:0!important;border-radius:999px!important;min-height:48px;min-width:48px;padding:0 18px;font-weight:700}

/* Home seams. 0.2.261.1 sections are 88px / 56px. Do not go tighter. Phone quiz-to-tools is 64px. */
body.hm-home .hv-ex{margin-top:32px!important}
body.hm-home .qb,body.hm-home .fr-quiz{margin-top:88px!important}
body.hm-home .hm-tools{margin-top:88px!important}
@media (max-width:767px){
  body.hm-home .hm-tools,body.hm-home .qb,body.hm-home .dir-top-cities{margin-top:64px!important}
}

/* Search controls on home and directory: 56px, 10px corners. The report search is untouched. */
body.hm-home .hq-srch input[type=search],
body.hm-home .hq-srch button[type=submit],
body.hm-home .hq-srch .btn,
body.fleet-room.hm-home.gl .hq-srch .h-search input[type=search],
body.fleet-room.hm-home .fr-homeband input[type=search],
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch input[type=search],
body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband .hq-srch button[type=submit],
body.qpage:not(.report-page) .dir-city-search input[type=search],
body.qpage:not(.report-page) .dir-city-search button{
  min-height:56px!important;height:56px!important;border-radius:10px!important;box-sizing:border-box
}
body.hm-home .hq-srch button[type=submit],
body.hm-home .hq-srch .btn,
body.qpage:not(.report-page) .dir-city-search button{
  background:var(--hq-action)!important;color:var(--hq-ink)!important;border-color:var(--hq-action)!important
}
body.hm-home .hq-srch button[type=submit]:hover,
body.hm-home .hq-srch .btn:hover{background:var(--hq-action-hover)!important}

/* No looping quiz glow. Step motion is 220ms. */
.qb-card.is-on,.qb-chip.is-on,.qb-fill,.qb-card.qb-pop{animation:none!important}
.qb-step.qb-in{animation-duration:220ms!important;animation-timing-function:var(--hq-ease)!important}
.qb-fill{transition:transform 220ms var(--hq-ease)!important}

/* Directory: navy band is the title. Rows and the pager sit on the page. */
body.qpage:not(.report-page) .pg-hero,body.wb-page .pg-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:#0F1B33!important;color:#fff!important;border-radius:20px!important;
  padding:28px 24px!important;margin:0 0 24px!important
}
body.qpage:not(.report-page) .pg-hero h1,body.qpage:not(.report-page) .pg-hero .ph,body.wb-page .pg-hero h1{color:#fff!important;flex:1 1 auto;margin:0!important}
body.qpage:not(.report-page) .pg-hero .hq-pin{margin:0!important;flex:none}
body.qpage:not(.report-page) .dir-lead,body.qpage:not(.report-page) .dir-note{color:#2A3850!important}
body.qpage:not(.report-page) .dir-row-t,body.qpage:not(.report-page) .dir-co-row,body.qpage:not(.report-page) a.dir-co-row,body.hm-home .dir-row-t{color:#0F1B33!important}
body.qpage:not(.report-page) ul.dir-list,body.qpage:not(.report-page) ul.dir-cities{gap:14px!important}
body.qpage:not(.report-page) .dir-pager-row,body.qpage:not(.report-page) .dir-pager-nums{flex-wrap:nowrap!important}
body.qpage:not(.report-page) a.dir-page-link,body.qpage:not(.report-page) .dir-page-cur,body.qpage:not(.report-page) .dir-page-disabled{min-height:48px!important;min-width:48px!important;white-space:nowrap!important;flex:0 0 auto!important}
body.qpage:not(.report-page) .dir-co-row,body.qpage:not(.report-page) .dir-co-row .dir-row-t{text-decoration:none!important}
@media (max-width:767px){
  body.qpage:not(.report-page) .dir-pager{overflow-x:auto}
  body.qpage:not(.report-page) .dir-pager-row{overflow-x:auto}
}

/* Motion on home and directory only: 120 hover/press, 180 dropdowns, 220 fade. */
body.hm-home .hm-tools .card,
body.qpage:not(.report-page) .dir-co-row,body.qpage:not(.report-page) .dir-city-row,body.qpage:not(.report-page) .dir-state-row{
  transition:transform 120ms var(--hq-ease),background-color 120ms var(--hq-ease),border-color 120ms var(--hq-ease),box-shadow 120ms var(--hq-ease)!important
}
body.hm-home .hm-tools .card:active,
body.qpage:not(.report-page) .dir-co-row:active{transform:scale(.97)}
body.hm-home details.hq-dd>summary,body.qpage:not(.report-page) details.hq-dd>summary,body.hm-home .sr-list{
  transition:background-color 180ms var(--hq-ease),border-color 180ms var(--hq-ease)!important
}
body.hm-home [data-pol-reveal],body.qpage:not(.report-page) [data-pol-reveal],body.wb-page [data-pol-reveal]{
  transition:opacity 220ms var(--hq-ease),transform 220ms var(--hq-ease)!important
}
@media (hover:hover) and (pointer:fine){
  body.hm-home .hm-tools .card:hover,body.qpage:not(.report-page) .dir-co-row:hover{transform:translateY(-2px)}
}
@media (prefers-reduced-motion:reduce){
  .qb-step.qb-in,.qb-card.is-on,.qb-chip.is-on,.qb-fill,.qb-card.qb-pop,
  body.hm-home .hm-tools .card,body.qpage:not(.report-page) .dir-co-row,body.qpage:not(.report-page) .dir-city-row,
  body.hm-home details.hq-dd>summary,body.qpage:not(.report-page) details.hq-dd>summary,
  body.hm-home [data-pol-reveal],body.qpage:not(.report-page) [data-pol-reveal],body.wb-page [data-pol-reveal]{
    animation:none!important;transition:none!important;transform:none!important
  }
}