.wind-checker{ margin: 32px 0 8px; }
.wind-checker-card{
  background: var(--ink-2); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 28px;
}
.wind-checker-intro{ margin-bottom: 18px; }
.wind-checker-actions{
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 14px;
}
.wind-checker-or{ color: var(--foam-faint); font-size: 0.85rem; }
.location-search-form{ display: flex; gap: 8px; flex: 1 1 320px; }
.location-search-form input{
  flex: 1 1 220px; padding: 12px 16px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--ink); color: var(--foam); font-family: var(--font-body); font-size: 0.92rem;
}
.location-search-form input:focus{ outline: 2px solid var(--teal); outline-offset: 2px; }
.wind-checker-status{
  min-height: 1.4em; font-size: 0.9rem; color: var(--teal); margin: 0 0 8px;
}
.wind-checker-map{ margin-top: 16px; }
.wind-checker-map-frame{
  position: relative; width: 100%; padding-bottom: 68%; border-radius: 10px; overflow: hidden;
  border: 1px solid var(--line);
}
.wind-checker-map-frame iframe{
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
.wind-checker-attribution{ font-size: 0.78rem; color: var(--foam-faint); margin: 8px 0 0; }
.wind-checker-links{ display: flex; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.wind-quick-link{
  font-weight: 600; font-size: 0.92rem; padding: 10px 16px; border-radius: 999px;
  border: 1px solid var(--line); color: var(--foam);
}
.wind-quick-link:hover{ border-color: var(--teal); color: var(--teal); }