.pcw2{--pcw2-ink:#a51c30;--pcw2-soft:#7d1424;--pcw2-card:rgba(255,250,246,.55);--pcw2-line:rgba(165,28,48,.25);--pcw2-sun:#e0a23a;--pcw2-rain:#5f8fa6;
    container-type:inline-size;width:100%;max-width:900px;margin:0 auto;font-family:inherit;color:var(--pcw2-ink)}
  .pcw2 p{margin:0}
  .pcw2-now{display:flex;align-items:center;gap:20px;padding:0 0 22px;border-bottom:1px solid var(--pcw2-line)}
  .pcw2-now-icon{width:84px;height:84px;flex:none}
  .pcw2-now-icon svg,.pcw2-ic svg{width:100%;height:100%;display:block}
  .pcw2-kicker{font-size:.8em;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
  .pcw2-temp{font-size:3.2em;line-height:1.05;font-weight:600}
  .pcw2-cond{opacity:.9}
  .pcw2-days{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
  .pcw2-day{background:var(--pcw2-card);border:1px solid var(--pcw2-line);border-radius:6px;padding:14px 6px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
  .pcw2-day.is-today{border-color:var(--pcw2-ink);box-shadow:inset 0 0 0 1px var(--pcw2-ink)}
  .pcw2-dname{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.82em}
  .pcw2-date{font-size:.78em;opacity:.8;margin-top:-4px}
  .pcw2-ic{width:42px;height:42px}
  .pcw2-hi{font-weight:600;font-size:1.15em}
  .pcw2-lo{opacity:.75;font-size:.95em}
  .pcw2-rainp{font-size:.78em;color:var(--pcw2-rain);min-height:1.2em}
  .pcw2-foot{margin-top:14px;font-size:.78em;opacity:.8;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between}
  .pcw2-foot a{color:inherit}
  @container (max-width:640px){
    .pcw2-days{grid-template-columns:1fr;gap:0}
    .pcw2-day{flex-direction:row;justify-content:space-between;text-align:left;background:none;border:0;border-bottom:1px solid var(--pcw2-line);border-radius:0;padding:10px 2px;gap:10px}
    .pcw2-day.is-today{box-shadow:none;border-color:var(--pcw2-line)}
    .pcw2-dgroup{flex:1;display:flex;flex-direction:column}
    .pcw2-date{margin-top:0}
    .pcw2-ic{width:34px;height:34px;order:2}
    .pcw2-rainp{order:3;width:3.2em;text-align:right}
    .pcw2-temps{order:4;width:5.6em;text-align:right}
    .pcw2-now-icon{width:64px;height:64px}.pcw2-temp{font-size:2.6em}
  }
  @container (min-width:641px){ .pcw2-dgroup{display:contents} .pcw2-temps{display:flex;flex-direction:column;align-items:center;gap:2px} }