@font-face{font-family:'Inter';src:url('fonts/Inter-Regular-40d692fce188e447.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
    @font-face{font-family:'Inter';src:url('fonts/Inter-SemiBold-78a843fade9d4612.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
    @font-face{font-family:'Inter';src:url('fonts/Inter-Bold-288316099b1e0a47.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
    :root{--page:#07131F;--panel:#0B1B29;
      --raised:#102333;--border:#314657;
      --text:#F3F6F8;--secondary:#B9C4CC;
      --muted:#7F909C;--cyan:#35D6E7;
      --yellow:#FFD51F;--orange:#FF8A1F;
      --red:#F04438;--green:#55C02B;
      --unavailable:#667783;color-scheme:dark}
    *{box-sizing:border-box}html{background:var(--page)}
    body{margin:0;background:var(--page);color:var(--text);font-family:Inter,system-ui,sans-serif;
      font-variant-numeric:tabular-nums}
    .page{width:min(100%,1800px);margin:auto;padding:clamp(18px,2vw,32px);
      display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,1.2vw,20px)}
    .page-header{display:grid;
      grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
      gap:24px;align-items:end}h1{font-size:clamp(2rem,3vw,3.25rem);line-height:.98;
      margin:0 0 .25em;letter-spacing:.015em}.headline{font-size:clamp(1.3rem,2vw,2rem);
      font-weight:700;margin:.1em 0}.headline-aqi_emphasis{color:var(--yellow)}
    .issued{color:var(--secondary);font-weight:600;margin:.45rem 0 0;font-size:1rem}
    .overall{align-self:end;padding-bottom:.25rem}.overall h2{font-size:12.825000000000001pt;color:var(--secondary);text-transform:uppercase;margin:0 0 .25rem}
    .overall strong{display:block;font-size:9.2pt;
      text-transform:uppercase;margin-bottom:14.0px}
    .overall .segments{width:74%}
    .panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;
      overflow:hidden;padding:clamp(18px,1.5vw,28px)}.panel>h2{font-size:1rem;
      text-transform:uppercase;letter-spacing:.045em;margin:0 0 1rem}
    .narrative{display:flex;align-items:center;gap:24px}
    .narrative p{font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.45;margin:0}
    .wind-mark{font-size:3rem;color:var(--cyan);padding-right:24px;
      border-right:1px solid var(--border)}
    .primary-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,1fr);
      gap:clamp(14px,1.2vw,20px);align-items:start}
    .map-column{display:grid;grid-template-columns:minmax(0,1fr);
      gap:clamp(14px,1.2vw,20px);align-content:start}
    .map-panel{padding:0;position:relative;align-self:start;min-height:0}
    .map-panel>h2{position:absolute;z-index:4;top:14px;left:14px;width:max-content;
      max-width:calc(100% - 28px);padding:8px 11px;margin:0;background:var(--page);
      border:1px solid var(--border);border-radius:8px;line-height:1;
      pointer-events:none}
    .map-stack{position:relative;display:block;width:100%;overflow:hidden;
      background:var(--page)}
    .map-basemap,.map-overlay,.map-overlay>svg{position:absolute;inset:0;width:100%;height:100%;
      display:block}.map-basemap{object-fit:fill}.map-overlay{pointer-events:none}
    .timeline{align-self:start}.timeline-day+ .timeline-day{margin-top:1.4rem}
    .timeline-day h3{color:var(--cyan);font-size:.82rem;margin:0 0 .7rem}
    .period-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
    .period-card{background:var(--raised);border:1px solid var(--border);border-radius:8px;
      padding:14px}.period-card h4{display:flex;gap:8px;align-items:center;margin:0 0 .7rem;
      font-size:1rem}.period-card h4 span{color:var(--yellow)}
    .period-details{display:grid;gap:4px}.period-details>div{display:grid;
      grid-template-columns:44px 1fr;gap:4px;font-size:.78rem}
    .period-details>div>span{
      color:var(--muted);font-weight:700}.period-details strong{font-weight:600}
    .wind-speed{font-size:60%}
    .period-aqi{background:var(--aqi);color:#07131f;border:1px solid #fff;border-radius:6px;
      text-align:center;font-weight:700;margin-top:12px;padding:7px}
    .support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
      gap:clamp(14px,1.2vw,20px);align-items:stretch}
    .sources{position:relative;padding-bottom:50px}.sources ol,
      .status-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
    .sources li{display:grid;grid-template-columns:24px minmax(100px,1fr) minmax(80px,.8fr) auto;
      column-gap:10px;row-gap:5px;align-items:center;font-size:.82rem}.rank{color:var(--muted)}
    .source-track{height:7px;background:#263744;border-radius:9px;overflow:hidden}
    .source-track span{height:100%;display:block;border-radius:9px}
    .sources strong{font-size:.76rem}.source-detail{grid-column:2/-1;color:var(--secondary);
      font-size:.84rem;line-height:1.28;padding:0 0 3px}
    .panel-note{position:absolute;left:28px;bottom:18px;margin:0;color:var(--muted);font-size:.74rem}
    .status-panel li{display:grid;
      grid-template-columns:14px minmax(110px,1fr) minmax(90px,.7fr) 100px;
      gap:10px;align-items:center;font-size:.82rem}.status-panel strong{text-align:right}
    .status-dot,.status-square{width:8px;height:8px;background:var(--secondary);
      justify-self:center}.status-dot{border-radius:50%}.status-square{border-radius:2px}
    .segments{display:flex;gap:3px;height:7px}.segment{flex:1;background:#263744;border-radius:2px}
    .segments .filled{background:var(--status-color)}
    footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);
      font-size:.75rem;padding:4px 8px}footer p{margin:0}.visually-hidden{position:absolute;
      width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);
      white-space:nowrap;border:0}.unavailable{color:var(--muted)}
    @media(max-width:1100px){.primary-layout{grid-template-columns:1fr}
      .support-grid{grid-template-columns:1fr 1fr}.sources{grid-column:1/-1}}
    @media(max-width:700px){.page{display:flex;flex-direction:column;padding:14px}
      .page-header{grid-template-columns:1fr}.overall{max-width:340px}
      .support-grid{display:flex;flex-direction:column}
      .sources li{grid-template-columns:22px 1fr auto}
      .source-track{grid-column:2/4}.status-panel li{grid-template-columns:12px 1fr 90px}
      .status-panel strong{grid-column:2/4;text-align:left}footer{flex-direction:column}
      .narrative{align-items:flex-start}}
    @media(max-width:430px){.period-grid{grid-template-columns:1fr}}
    @media print{body{print-color-adjust:exact;-webkit-print-color-adjust:exact}
      .page{width:100%;max-width:none;padding:12mm}}