.icon-viewer{padding:clamp(14px,3vw,28px);border:1px solid #dbe4ed;border-radius:18px;background:#fff;color:#18304d}.icon-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}.icon-controls label{display:grid;gap:7px;font-weight:650;flex:1 1 230px}.icon-controls select,.icon-buttons button{font:inherit;padding:11px 12px;min-height:46px;border:1px solid #9aacbe;border-radius:9px;background:#fff;color:#18304d}.icon-controls select{width:100%}.icon-buttons{display:flex;gap:8px}.icon-buttons button{cursor:pointer}.icon-buttons button:disabled{opacity:.45;cursor:default}.icon-maps figure{margin:0}.icon-maps figure img{display:block;width:100%;height:auto;background:#edf3f7;border-radius:8px}.icon-maps figcaption,.icon-source{font-size:.9rem;color:#4b6179;line-height:1.6}.icon-maps #icon-status{min-height:1.5em;line-height:1.6}.icon-maps :focus-visible{outline:3px solid #2971b5;outline-offset:3px}@media(max-width:600px){.icon-viewer{padding:12px}.icon-controls{gap:12px}.icon-controls label{flex-basis:100%}.icon-buttons{width:100%}.icon-buttons button{flex:1}.icon-maps figure{margin-inline:-8px}.icon-maps #icon-status{font-size:.9rem}}


.icon-maps figure{overflow:auto}.icon-maps figure.is-zoomed img{width:1440px;max-width:none}.icon-buttons{flex-wrap:wrap}.icon-buttons button{min-width:110px}.icon-maps figure.is-zoomed{max-height:80vh}

/* Align ICON-2I form and run banner with ECMWF/GFS selectors. */
.icon-maps .icon-controls label{font-size:.93rem;font-weight:750;color:#092f50}
.icon-maps .icon-controls select,.icon-maps .icon-buttons button{
  min-height:52px;border-radius:11px;color:#093f6b;font-size:.91rem
}
.icon-maps .icon-last-update{margin:5px 0 13px}
.icon-maps #icon-status{min-height:0}
.icon-maps #icon-play[aria-pressed="true"]{
  background:#075aab;border-color:#075aab;color:#fff
}


/* Parametric ICON-2I legend: aligned with GFS/ECMWF legend panels.
   T_2M swatches reproduce the MAIN/RUC renderer palette, -10..+35 C. */
.icon-maps .nm-icon-legends{margin-top:16px}
.icon-maps .nm-icon-legend{
  padding:23px 25px;border:1px solid #bedced;border-radius:16px;
  background:linear-gradient(135deg,#f2faff 0%,#fff 82%);color:#234a65
}
.icon-maps .nm-icon-legend[hidden]{display:none!important}
.icon-maps .nm-icon-legend__heading{
  display:flex;justify-content:space-between;align-items:flex-start;
  flex-wrap:wrap;gap:12px;margin-bottom:19px
}
.icon-maps .nm-icon-legend__eyebrow{
  display:block;color:#0870af;text-transform:uppercase;letter-spacing:.10em;
  font-size:.66rem;font-weight:800;margin-bottom:5px
}
.icon-maps .nm-icon-legend h3{
  color:#103d68;font-size:1.17rem;line-height:1.3;
  letter-spacing:-.018em;font-weight:800;margin:0
}
.icon-maps .nm-icon-legend__product{
  display:inline-block;background:#e8f5fd;color:#195a83;
  border:1px solid #c7e3f5;border-radius:999px;
  font-size:.72rem;font-weight:700;padding:7px 11px
}
.icon-maps .nm-icon-legend__scale{margin:0 0 23px}
.icon-maps .nm-icon-legend__gradient{
  display:block;height:19px;border-radius:7px;border:1px solid #c1d5e2;
  background:linear-gradient(to right,
    #253a91 0%,#2c67b6 11.111%,#69a4d3 22.222%,
    #a2d8ec 33.333%,#e4f4e0 44.444%,#ffef97 55.556%,
    #ffbe67 66.667%,#ef7c46 77.778%,#cd323f 88.889%,#82113c 100%)
}
.icon-maps .nm-icon-legend__ticks{
  display:flex;justify-content:space-between;gap:5px;
  margin-top:8px;color:#43617a;font-size:.73rem;font-weight:750;
  font-variant-numeric:tabular-nums
}
.icon-maps .nm-icon-legend__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 27px
}
.icon-maps .nm-icon-legend__item{
  display:flex;align-items:flex-start;gap:13px;min-width:0;
  color:#42647b;font-size:.875rem;line-height:1.55
}
.icon-maps .nm-icon-legend__item strong{
  display:block;color:#113e66;font-size:.88rem;
  font-weight:800;line-height:1.4;margin-bottom:2px
}
.icon-maps .nm-icon-legend__symbol{
  flex:0 0 49px;display:inline-flex;justify-content:center;align-items:center;
  width:49px;height:39px;border-radius:9px;
  background:#edf5fb;color:#164c74;font-size:1.05rem;font-weight:800
}
.icon-maps .nm-icon-legend__symbol--temperature{
  background:linear-gradient(135deg,#69a4d3,#ffbe67);color:#143d60
}
.icon-maps .nm-icon-legend__symbol--city{background:#fff1f2;color:#ae1c26}
.icon-maps .nm-icon-legend__symbol--relief{background:#e8eff2;color:#647a86}
.icon-maps .nm-icon-legend__symbol--border{background:#edf5fb;color:#1c3348}
.icon-maps .nm-icon-legend__note{
  border-top:1px solid #d8e8f2;padding-top:13px;margin:17px 0 0;
  color:#55738a;font-size:.79rem;line-height:1.6
}
@media(max-width:760px){
  .icon-maps .nm-icon-legend{padding:19px 17px}
  .icon-maps .nm-icon-legend__grid{grid-template-columns:1fr;gap:17px}
  .icon-maps .nm-icon-legend__heading{gap:9px;margin-bottom:17px}
  .icon-maps .nm-icon-legend__item{font-size:.84rem}
  .icon-maps .nm-icon-legend__ticks{font-size:.66rem}
}

/* Additional parameter scales retain the existing legend-panel and menu design. */
.icon-maps .nm-icon-legend__bands{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 23px}
.icon-maps .nm-icon-legend__band{flex:1 1 70px;min-width:65px;color:#43617a;font-size:.73rem;font-variant-numeric:tabular-nums}
.icon-maps .nm-icon-legend__band i{display:block;height:20px;border:1px solid #c1d5e2;border-radius:6px;margin-bottom:7px}
.icon-maps .nm-icon-legend__band b{font-weight:750;white-space:nowrap}
@media(max-width:600px){.icon-maps .nm-icon-legend__band{flex-basis:62px;font-size:.68rem}}


/* Palette colors in external CSS for the site CSP. */
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(1) i{background:#f8fcff}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(2) i{background:#d2f4ef}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(3) i{background:#8dd8e8}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(4) i{background:#4a9bd1}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(5) i{background:#2861a6}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(6) i{background:#694a9b}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(7) i{background:#c1499b}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(8) i{background:#ed7653}
.icon-maps [data-icon-legend="TOT_PREC"] .nm-icon-legend__band:nth-child(9) i{background:#ffce44}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(1) i{background:#edf8ef}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(2) i{background:#b8e2cb}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(3) i{background:#6bcacb}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(4) i{background:#4c9ed9}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(5) i{background:#7868c6}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(6) i{background:#ca5eac}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(7) i{background:#df5347}
.icon-maps [data-icon-legend="WIND_10M"] .nm-icon-legend__band:nth-child(8) i{background:#f3b33b}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(1) i{background:#fff7c7}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(2) i{background:#e6f1f5}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(3) i{background:#c3d9e8}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(4) i{background:#9db1c7}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(5) i{background:#72829d}
.icon-maps [data-icon-legend="CLCT"] .nm-icon-legend__band:nth-child(6) i{background:#404d69}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(1) i{background:#56338f}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(2) i{background:#4775bf}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(3) i{background:#8acbd7}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(4) i{background:#e0f2d3}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(5) i{background:#fff09c}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(6) i{background:#f8b467}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(7) i{background:#dc6857}
.icon-maps [data-icon-legend="PMSL"] .nm-icon-legend__band:nth-child(8) i{background:#9d354c}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(1) i{background:#c89255}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(2) i{background:#e8bc78}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(3) i{background:#f8e8b5}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(4) i{background:#c4e6cb}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(5) i{background:#6cb8c7}
.icon-maps [data-icon-legend="RELHUM"] .nm-icon-legend__band:nth-child(6) i{background:#36659b}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(1) i{background:#253a91}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(2) i{background:#2c67b6}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(3) i{background:#69a4d3}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(4) i{background:#a2d8ec}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(5) i{background:#e4f4e0}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(6) i{background:#ffef97}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(7) i{background:#ffbe67}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(8) i{background:#ef7c46}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(9) i{background:#cd323f}
.icon-maps [data-icon-legend="TD_2M"] .nm-icon-legend__band:nth-child(10) i{background:#82113c}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(1) i{background:#f7fbfb}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(2) i{background:#d8f0f5}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(3) i{background:#a7d4ed}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(4) i{background:#70aad8}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(5) i{background:#4974bb}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(6) i{background:#7255a8}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(7) i{background:#ba70bb}
.icon-maps [data-icon-legend="SNOW_DEPTH"] .nm-icon-legend__band:nth-child(8) i{background:#e9b4dc}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(1) i{background:#253a91}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(2) i{background:#2c67b6}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(3) i{background:#69a4d3}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(4) i{background:#a2d8ec}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(5) i{background:#e4f4e0}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(6) i{background:#ffef97}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(7) i{background:#ffbe67}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(8) i{background:#ef7c46}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(9) i{background:#cd323f}
.icon-maps [data-icon-legend="SOIL_TEMP"] .nm-icon-legend__band:nth-child(10) i{background:#82113c}