.wc-hero{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(16rem,1.2fr);gap:1rem;align-items:center;
  margin-bottom:1rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--site-tint);border:1px solid rgba(var(--site-primary-rgb),.28)}
.wc-hero-time{font-size:2.6rem;font-weight:700;line-height:1.1;letter-spacing:.02em;color:var(--site-primary);font-variant-numeric:tabular-nums}
.wc-hero-city{font-size:1rem}
.wc-hero-side{display:flex;flex-direction:column;gap:.5rem}

.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}
.wc-card{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.wc-card.is-main{border-color:var(--site-primary);box-shadow:0 0 0 1px var(--site-primary) inset}
.wc-city{font-size:14px}
.wc-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:0;border-radius:.375rem;
  background:transparent;color:#9aa4b2;cursor:pointer;font-size:.95rem;line-height:1}
.wc-iconbtn:hover{background:#f1f3f7;color:#2b3441}
.wc-iconbtn.is-on{color:var(--site-primary)}
.wc-time{font-size:1.6rem;font-weight:700;line-height:1.15;color:#2b3441;font-variant-numeric:tabular-nums}

.wc-results{display:flex;flex-wrap:wrap;gap:.375rem;max-height:11rem;overflow:auto}
.wc-hit{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .6rem;border:1px solid #eef1f5;border-radius:999px;
  background:#fafbfd;font-size:12.5px;color:#2b3441;cursor:pointer}
.wc-hit:hover{border-color:var(--site-primary)}
.wc-hit.is-added{opacity:.45;cursor:default}

@media (max-width:991.98px){
  .wc-hero{grid-template-columns:1fr}
  .wc-hero-time{font-size:2.1rem}
}