/* ZiloHub: visual repair for wind bearing, pressure dial and lightning detail.
 * Only affects Home Intelligence instrument panels. Static same-origin CSS;
 * no live station data, projection, warning logic or CSP behaviour changes.
 */
.intelligence-layout .wind-gauge-panel .wind-compass {
  box-sizing:border-box;
  padding:20px 14px 22px;
  gap:8px;
}
.intelligence-layout .wind-gauge-panel .wind-compass>svg {
  flex:0 1 auto;
  min-width:0;
  height:auto;
  max-width:100%;
}
.intelligence-layout .wind-gauge-panel .wind-compass .wind-compass-label {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  justify-items:center;
  column-gap:10px;
  width:min(260px,calc(100% - 12px));
  max-width:100%;
  min-width:0;
  min-height:48px;
  margin:0 auto;
  padding:9px 13px;
  text-align:center;
  white-space:normal;
}
.intelligence-layout .wind-gauge-panel .wind-compass .wind-compass-label>svg {
  width:18px;height:18px;flex:0 0 18px;
}
.intelligence-layout .wind-gauge-panel .wind-compass .wind-compass-label>strong {
  display:block;
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  width:auto;
  margin:0;
  color:#e7fff7;
  font-size:14px;
  line-height:1.45;
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
  white-space:normal;
  text-align:center;
}
/* Keep the moving SVG pointer wholly above the numerical readout.
   Pressure values must not be pierced by the needle at any angle. */
.intelligence-layout .pressure-outlook .pressure-gauge {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:360px;
}
.intelligence-layout .pressure-outlook .pressure-gauge>svg {
  position:relative;
  z-index:1;
  flex:0 0 242px;
}
.intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy {
  z-index:3;
  box-sizing:border-box;
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  transform:none;
  margin:0 auto 16px;
  width:min(248px,calc(100% - 24px));
  max-width:100%;
  min-width:0;
  padding:12px 10px;
  gap:4px;
  border:1px solid #3e7380;
  border-radius:14px;
  background:#113343;
  box-shadow:0 8px 20px #07192745;
  text-align:center;
}
.intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy span {
  color:#9cf1e0;
  font-size:12px;
  line-height:1.4;
}
.intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy strong {
  display:block;
  min-width:0;
  max-width:100%;
  font-size:clamp(22px,2.4vw,29px);
  line-height:1.28;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
.intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy p {
  color:#d1e8ef;
  font-size:12px;
  line-height:1.5;
  margin:0;
  overflow-wrap:anywhere;
}
/* Keep current map accuracy/caveats, improve in-map marker/key contrast. */
.intelligence-layout .lightning-map-panel .lightning-native-map svg text {
  paint-order:stroke;
  stroke-linejoin:round;
}
.intelligence-layout .lightning-map-panel .lightning-map-key {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  row-gap:9px;
  font-size:13px;
  line-height:1.65;
}
.intelligence-layout .lightning-map-panel .lightning-map-status {
  overflow-wrap:anywhere;
  line-height:1.65;
}
@media(max-width:620px) {
  .intelligence-layout .wind-gauge-panel .wind-compass {padding:15px 11px 18px;}
  .intelligence-layout .wind-gauge-panel .wind-compass .wind-compass-label {
    width:min(260px,calc(100% - 10px));
  }
  .intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy {
    width:min(230px,calc(100% - 20px));
    padding:10px 9px;
  }
  .intelligence-layout .pressure-outlook .pressure-gauge .pressure-dial-copy strong {
    font-size:clamp(21px,6vw,28px);
  }
}
@media(prefers-reduced-motion:reduce) {
  .intelligence-layout .pressure-outlook .pressure-needle {transition:none;}
}