/* /degree-days/ — generated by scripts/hdd_page.py. Loads after nino.css.
   Violet = SEAS5, ink = observed, grey = the 1991–2020 record; blue = colder. */
.ddctl .ctlrow{flex-wrap:wrap;gap:6px 10px}
.ddsep{font-family:'Overpass Mono',monospace;font-size:10.5px;font-weight:700;color:var(--mut);
  text-transform:uppercase;letter-spacing:.06em;margin:0 2px 0 8px;align-self:center}
svg.ddchart{width:100%;height:auto;display:block;background:var(--card);
  border:1px solid var(--line);border-radius:8px}
svg .ddm{fill:var(--n-mm);opacity:.45}
svg .ddbox{fill:var(--n-mm);opacity:.16}
svg .ddmed{stroke:var(--n-mm);stroke-width:3.5;stroke-linecap:round}
svg .ddnorm{stroke:var(--ink);stroke-width:2;stroke-dasharray:5 3}
svg .ddrec{stroke:var(--n-ctx);stroke-width:6;stroke-linecap:round;opacity:.45}
svg .ddobs{fill:var(--n-obs);stroke:var(--card);stroke-width:2}
svg .ddraw{fill:none;stroke:var(--mut);stroke-width:1.5}
svg .ddlab{fill:var(--ink2);font-size:12px;text-anchor:middle;font-family:"Overpass Mono",ui-monospace,monospace}
svg .ddval{fill:var(--ink);font-size:12px;font-weight:700;text-anchor:middle;font-variant-numeric:tabular-nums}
svg .ddpct{fill:var(--mut);font-size:11px;text-anchor:middle}
.ddcap{margin-top:.5rem;color:var(--ink2);font-size:.84rem;line-height:1.45}
.ddtab[hidden],.ddctab[hidden],figure.ddmap[hidden]{display:none}
.scrollx{overflow-x:auto;padding:0;margin:6px 0}
table.heat.ddt{min-width:760px}
table.heat.ddv{min-width:720px}
table.heat tr.ddgrp th{background:none;font-family:'Overpass Mono',monospace;font-size:11px;
  color:var(--mut);text-transform:uppercase;letter-spacing:.06em;padding:12px 4px 4px}
table.heat td.ddseason{box-shadow:inset 3px 0 0 var(--ink)}
.ddmaps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0}
@media (max-width:800px){.ddmaps{grid-template-columns:1fr}}
figure.ddmap{margin:0;background:var(--card);border:1px solid var(--line);border-radius:8px;
  padding:6px;overflow:hidden}
figure.ddmap img{width:100%;height:auto;display:block}
.lede.sm{font-size:15px;max-width:70ch}
.qdir{font-weight:700;color:var(--ink2)}
svg .fsbg{fill:var(--card)}.fscred{fill:var(--mut);font-size:10.5px;letter-spacing:.02em}.fscred.site{fill:#04663d;font-weight:800;letter-spacing:.08em;font-family:'Overpass Mono',ui-monospace,monospace}