/* Alert-specific graphics for Roads & Weather NWS card and site-level alert banner. */
.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}

.townhq-top-alert{width:min(1180px,calc(100% - 20px));margin:0 auto 14px;padding:13px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #d89a32;border-radius:18px;background:linear-gradient(135deg,#fff8df,#ffedbc);box-shadow:0 12px 28px rgba(90,62,12,.12);color:#3d2f14}
.townhq-top-alert[hidden]{display:none!important}
.townhq-top-alert-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:25px;box-shadow:0 6px 14px rgba(90,62,12,.1)}
.townhq-top-alert-copy{min-width:0}
.townhq-top-alert-label{display:block;margin-bottom:2px;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#76531b}
.townhq-top-alert-copy strong{display:block;font-size:18px;line-height:1.15;color:#34260f}
.townhq-top-alert-copy p{margin:4px 0 0;color:#5d4926;line-height:1.35;font-size:13px}
.townhq-top-alert-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.townhq-top-alert-actions button,.townhq-top-alert-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid rgba(82,57,16,.22);border-radius:999px;background:#fff;color:#3c2e13;text-decoration:none;font-weight:900;white-space:nowrap}
.townhq-top-alert-actions button:hover,.townhq-top-alert-actions a:hover{background:#fffdf7;border-color:rgba(82,57,16,.38)}
.townhq-top-alert.flood{border-color:#6b9fca;background:linear-gradient(135deg,#eef8ff,#dceeff)}
.townhq-top-alert.wind{border-color:#8aa6bc;background:linear-gradient(135deg,#f4f8fb,#e8f1f6)}
.townhq-top-alert.winter{border-color:#9fbad6;background:linear-gradient(135deg,#f7fbff,#eaf3ff)}
.townhq-top-alert.fire{border-color:#d87943;background:linear-gradient(135deg,#fff2e7,#ffd9c2)}
.townhq-top-alert.air{border-color:#a49c8d;background:linear-gradient(135deg,#f7f4ec,#ebe6d8)}
.townhq-top-alert.storm{border-color:#7f8cc4;background:linear-gradient(135deg,#f0f2ff,#e2e6ff)}

@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}.townhq-top-alert{grid-template-columns:auto 1fr;padding:12px}.townhq-top-alert-actions{grid-column:1/-1;justify-content:flex-start}.townhq-top-alert-icon{width:42px;height:42px}.townhq-top-alert-copy strong{font-size:17px}.townhq-top-alert-copy p{font-size:12px}}