/* Alert-specific graphics for Roads & Weather NWS card. */
.tp-alert-graphic{border:1px solid rgba(91,119,150,.35);border-radius:18px;padding:12px 14px;margin-bottom:10px;background:#fffef9;box-shadow:0 10px 20px rgba(18,53,84,.08)}
.tp-alert-graphic-head{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start}
.tp-alert-icon{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.78);box-shadow:0 8px 16px rgba(18,53,84,.10)}
.tp-alert-graphic b{display:block;font-size:18px;line-height:1.05;color:#15324a}
.tp-alert-graphic small{display:block;margin-top:4px;line-height:1.32;color:#4a5d73}
.tp-alert-day-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.tp-alert-day-pill{min-width:62px;border-radius:12px;padding:8px 10px;background:rgba(255,255,255,.72);border:1px solid rgba(91,119,150,.26);text-align:center}
.tp-alert-day-pill b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#495e72}
.tp-alert-day-pill em{display:block;font-style:normal;font-weight:950;font-size:18px;color:#15324a}
.tp-alert-graphic.heat{background:linear-gradient(180deg,#fff8e8,#fff0c7);border-color:#eeae43}
.tp-alert-graphic.heat .tp-alert-icon{background:linear-gradient(135deg,#fff7cc,#ffd27a)}
.tp-alert-graphic.flood{background:linear-gradient(180deg,#eef7ff,#ddeefe);border-color:#78a9dc}
.tp-alert-graphic.flood .tp-alert-icon{background:linear-gradient(135deg,#eef8ff,#b8daf6)}
.tp-alert-graphic.wind{background:linear-gradient(180deg,#f4f8fc,#e8f1f8);border-color:#9eb6cd}
.tp-alert-graphic.wind .tp-alert-icon{background:linear-gradient(135deg,#ffffff,#dceaf4)}
.tp-alert-graphic.winter{background:linear-gradient(180deg,#f7fbff,#edf5ff);border-color:#b7cde7}
.tp-alert-graphic.winter .tp-alert-icon{background:linear-gradient(135deg,#ffffff,#d9ebff)}
.tp-alert-graphic.fire{background:linear-gradient(180deg,#fff3eb,#ffe0cf);border-color:#e58d54}
.tp-alert-graphic.fire .tp-alert-icon{background:linear-gradient(135deg,#ffe3ca,#ffad71)}
.tp-alert-graphic.air{background:linear-gradient(180deg,#f7f5ef,#ece8dc);border-color:#b8b0a2}
.tp-alert-graphic.air .tp-alert-icon{background:linear-gradient(135deg,#fffef8,#ded8c8)}
.tp-alert-graphic.storm{background:linear-gradient(180deg,#f1f3ff,#e7e9ff);border-color:#929bd0}
.tp-alert-graphic.storm .tp-alert-icon{background:linear-gradient(135deg,#ffffff,#d8dcff)}
.tp-alert-graphic.generic{background:linear-gradient(180deg,#fffdf6,#f4f7fb);border-color:#aab8c7}
.tp-alert-visual.active{margin-top:0}
@media(max-width:720px){.tp-alert-day-pill{min-width:52px;padding:7px 8px}.tp-alert-graphic-head{grid-template-columns:42px 1fr}.tp-alert-icon{width:42px;height:42px}}