/* ============================================================================
   MetQuery V1 live weather widget - themed to match the EED site.
   Same light look as the site's spec/feature tables: Arial, light-blue
   headers (#ddeeff), thin #c8d4e0 borders, navy values. Override the --rw-*
   variables to re-skin without touching the markup.
   ========================================================================== */
.rw-dashboard {
  --rw-columns: 150px;          /* min card width */
  --rw-gap: 8px;
  --rw-card-bg: #f4f8fc;
  --rw-card-border: 1px solid #c8d4e0;
  --rw-radius: 3px;
  --rw-pad: 10px 12px;
  --rw-accent: #1f6fb2;         /* value colour (site blue) */
  --rw-muted: #5a5e63;
  --rw-value-size: 1.6rem;
  --rw-label-size: 0.72rem;

  /* match the rest of the site: Arial, not monospace */
  font-family: Arial, Helvetica, sans-serif;
  color: inherit;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--rw-columns), 1fr));
  gap: var(--rw-gap);
  margin: 0;
  padding: 0;
}
.rw-card {
  background: var(--rw-card-bg);
  border: var(--rw-card-border);
  border-radius: var(--rw-radius);
  padding: var(--rw-pad);
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.rw-card__label {
  font-size: var(--rw-label-size);
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #0e2a47;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rw-card__value {
  font-size: var(--rw-value-size);
  font-weight: 600;
  line-height: 1.1;
  color: var(--rw-accent);
  white-space: nowrap;
}
.rw-card__unit {
  font-size: 0.55em;
  font-weight: 500;
  margin-left: 3px;
  color: var(--rw-muted);
}
.rw-card__sub { font-size: 0.72rem; color: var(--rw-muted); }
.rw-updated {
  grid-column: 1 / -1;
  font-size: 0.72rem;
  color: var(--rw-muted);
  margin-top: 2px;
}
.rw-error {
  grid-column: 1 / -1;
  font-size: 0.8rem;
  color: #7a2222;
}
.rw-dashboard.rw-loading .rw-card__value { opacity: 0.35; }