/* Content and server-rendered pages: incident reports, city directory, place pages. */
body.wz-page{background:var(--wz-bg)}
.wz-page-main{max-width:960px;margin:0 auto;padding:20px var(--wz-gutter) 32px;box-sizing:border-box}
.wz-page-main h1{font-size:var(--wz-t-xl);line-height:1.25;font-weight:700;margin:8px 0;letter-spacing:-.01em}
@media(min-width:900px){.wz-page-main{padding-top:32px}.wz-page-main h1{font-size:var(--wz-t-2xl)}}
.wz-page-main h2{font-size:var(--wz-t-lg);font-weight:600;margin:0 0 8px}
.wz-page-main p,.wz-page-main li{font-size:var(--wz-t-md);line-height:1.6}
.wz-page-main ul{padding-left:20px}
.wz-page-main .city-list{columns:3;column-width:220px;padding-left:0;list-style:none}.wz-page-main .city-list li{break-inside:avoid;padding:4px 0}
.wz-page-main table{width:100%;border-collapse:collapse;font-size:var(--wz-t-sm)}.wz-page-main td,.wz-page-main th{padding:10px 8px;text-align:left;border-bottom:1px solid var(--wz-line)}
.wz-page-main time{white-space:nowrap}
.wz-page-main details{background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);padding:12px 16px;margin:12px 0}
.wz-page-main details>summary{font-weight:600;cursor:pointer;min-height:32px}
/* Incident */
.wz-incident{display:flex;flex-direction:column;gap:14px}
.wz-incident>*{margin:0}
.wz-incident-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wz-incident .wz-card{margin:0}
.wz-todo{background:var(--wz-warn-soft);border-color:var(--wz-warn-line)}
.wz-incident.is-severe .wz-todo{background:var(--wz-danger-soft);border-color:var(--wz-danger-line)}
.wz-todo p{margin:0;white-space:pre-line}
.wz-notice{display:grid;gap:12px;margin:0}
.wz-notice div,.wz-facts div{display:grid;grid-template-columns:96px 1fr;gap:12px}
.wz-notice dt,.wz-facts dt{font-size:var(--wz-t-sm);color:var(--wz-muted);font-weight:600}
.wz-notice dd,.wz-facts dd{margin:0;font-size:var(--wz-t-md)}
.wz-facts{display:grid;gap:10px;margin:0}
.wz-incident-desc{white-space:pre-line}
.wz-incident-map{padding:0;overflow:hidden}
.wz-incident-map-canvas{aspect-ratio:4/3;background:#D7E6EC}.wz-incident-map-canvas canvas{display:block;width:100%;height:100%}
.wz-incident-map figcaption{padding:10px 16px;font-size:var(--wz-t-sm);color:var(--wz-muted)}
.wz-incident-actions{display:flex;flex-wrap:wrap;gap:8px}
.wz-incident-actions .wz-btn{flex:1 1 200px}
@media(min-width:700px){.wz-incident-actions .wz-btn{flex:0 0 auto}}
.wz-timeline{list-style:none;margin:0;padding:0}
.wz-timeline li{padding:10px 0;border-top:1px solid var(--wz-line-soft);display:grid;gap:2px}.wz-timeline li:first-child{border-top:0}
.wz-timeline b{font-size:var(--wz-t-sm);font-weight:600}.wz-timeline small{font-size:var(--wz-t-sm);color:var(--wz-muted)}
.wz-incident-note{font-size:var(--wz-t-sm)!important;color:var(--wz-muted)}
/* Overrides for older content sheets (learn.css, account.css). */
body.wz-page{font-size:var(--wz-t-md);line-height:1.6;color:var(--wz-ink)}
.wz-page-main article,.wz-page-main>p,.wz-page-main .intro{max-width:720px}
.wz-page-main .intro,.wz-page-main article .intro{font-size:var(--wz-t-lg);line-height:1.5;color:var(--wz-muted)}
.wz-page-main .eyebrow{margin:0;font-size:var(--wz-t-xs);font-weight:700;letter-spacing:.06em;color:var(--wz-muted)}
.wz-page-main .takeaway,.wz-page-main aside{padding:16px;border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);background:var(--wz-surface);margin:16px 0}
.wz-page-main .grid{gap:12px;margin:20px 0}
.wz-page-main .lesson-card{padding:16px;border-radius:var(--wz-r-lg);border-color:var(--wz-line)}
.wz-page-main .lesson-card h2{font-size:var(--wz-t-lg)}.wz-page-main .lesson-card p{font-size:var(--wz-t-sm)}
.wz-page-main .lesson-card:hover{transform:none;border-color:var(--wz-brand)}
.wz-page-main .button{min-height:var(--wz-tap);padding:0 18px;border-radius:var(--wz-r);font-weight:600;display:inline-flex;align-items:center;background:var(--wz-brand)}
.wz-page-main input:not([type=checkbox]):not([type=radio]){min-height:var(--wz-tap);border:1px solid var(--wz-line);border-radius:var(--wz-r);padding:0 12px;font-size:var(--wz-t-md)}
.wz-page-main a{color:var(--wz-brand)}
.wz-page-main a.button,.wz-page-main .button:hover{color:#fff;text-decoration:none}
.wz-page-main a.wz-btn,.wz-page-main a.wz-btn:hover{color:#fff;text-decoration:none}
.wz-page-main a.wz-btn.secondary,.wz-page-main a.wz-btn.secondary:hover{color:var(--wz-ink)}
.wz-page-main .wz-lang-switch{margin:0 0 4px;font-size:var(--wz-t-sm)}
.wz-incident-lead{color:var(--wz-ink)}