/* LP170 — site-only and mobile-only adaptations. No desktop layout changes other than the requested tile exchange. */
#start .quick-card .lp170-job-mobile { display:none; }
#start #lp168WeatherStrip .lp170-weather-toggle { display:none; }
@media (max-width:820px) {
  html body #start.lp67-home .quick-card.lp170-job-card {
    grid-template-rows:14px auto auto!important;
    row-gap:2px!important;
    min-height:77px!important;
    padding:4px 3px!important;
    overflow:hidden;
  }
  html body #start.lp67-home .quick-card.lp170-job-card > svg {
    grid-row:1!important; height:14px!important; width:14px!important;
  }
  html body #start.lp67-home .quick-card.lp170-job-card > strong {
    grid-row:2!important;
    font-size:clamp(11px,3vw,13px)!important;
    line-height:1.1!important;
  }
  html body #start.lp67-home .quick-card.lp170-job-card > .lp170-job-mobile {
    display:block!important;
    grid-column:1!important;grid-row:3!important;
    max-width:100%;
    color:#fff;
    font-size:9px;
    line-height:1.15;
    font-weight:600;
    text-align:center;
    overflow-wrap:normal;
  }
  html body #start.lp67-home .hero-grid>.quick-grid {
    grid-template-rows:repeat(3,minmax(77px,1fr))!important;
  }
}
@media(max-width:760px) {
  /* The top news appears first, then the help cards, then older content. */
  html body #start.lp67-home.lp130-home #main-content[data-lp-home-layout="153"] .lp130-layout.lp144-layout.lp149-layout {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"news" "lp170help" "city" "square" "listings" "discover" "sport" "practical"!important;
  }
  html body #start #main-content #lp152Help {
    grid-area:lp170help!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    margin:0!important;
    box-sizing:border-box;
  }

  /* Single-line weather directly below the moving information ticker, above the header and banner. */
  html body #start #lp168WeatherStrip.lp170-weather-mobile {
    box-sizing:border-box;
    min-height:0!important;
    margin:0 auto!important;
    padding:5px 0!important;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-toggle {
    display:flex!important;align-items:center;flex-wrap:nowrap;
    gap:9px;
    box-sizing:border-box;
    width:100%;height:43px;min-height:43px;
    padding:0 11px;
    border:1px solid #22677b;
    border-radius:8px;
    color:#fff;
    background:linear-gradient(100deg,#102b45,#175667);
    box-shadow:0 3px 10px rgba(17,45,68,.1);
    font-family:inherit;
    cursor:pointer;
    overflow:hidden;
    text-align:left;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-city {
    flex:0 0 auto;white-space:nowrap;color:#baecf1;
    font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-temp {
    flex:0 0 auto;font-size:19px;font-weight:800;letter-spacing:-.03em;
    font-variant-numeric:tabular-nums;white-space:nowrap;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-condition {
    flex:1 1 auto;min-width:0;font-size:11px;font-weight:600;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;color:#edf8f9;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-chevron {
    display:block;flex:0 0 8px;width:8px;height:8px;
    border-right:2px solid #b2f1ee;border-bottom:2px solid #b2f1ee;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .16s ease;
  }
  html body #start #lp168WeatherStrip.lp170-weather-expanded .lp170-weather-chevron {
    transform:rotate(225deg) translate(-1px,-1px);
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile:not(.lp170-weather-expanded) #lp154Weather {
    display:none!important;
  }
  html body #start #lp168WeatherStrip.lp170-weather-expanded #lp154Weather {
    display:grid!important;
    margin:6px 0 2px!important;
  }
  html body #start .lp170-weather-toggle:focus-visible {
    outline:3px solid #f3ae34;outline-offset:3px;
  }
}
@media(max-width:360px) {
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-toggle {
    padding:0 8px;gap:6px;
  }
  html body #start #lp168WeatherStrip.lp170-weather-mobile .lp170-weather-condition {font-size:10px}
  html body #start.lp67-home .quick-card.lp170-job-card > .lp170-job-mobile {font-size:8.5px}
}
@media(prefers-reduced-motion:reduce) {
  #start .lp170-weather-chevron {transition:none!important}
}