/* Hurricane tracker. Tokens in tokens.css, page frame in pages.css. */
.wz-hz .wz-page-main>.eyebrow{font-size:var(--wz-t-xs);font-weight:700;letter-spacing:.06em;color:var(--wz-muted);margin:0}
.wz-hz .intro{color:var(--wz-muted);margin:4px 0 16px}
.wz-hz section{margin:0 0 16px}
.hz-card{padding:16px;border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);background:var(--wz-surface)}
.hz-card h2,#hz-storms h2{font-size:var(--wz-t-lg);margin:0 0 8px}
.hz-place{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--wz-surface);border:1px solid var(--wz-line);border-radius:var(--wz-r-lg);padding:12px}
.hz-place-name{flex:1 0 100%;font-size:var(--wz-t-md)}
.hz-place input{flex:1;min-width:180px;height:var(--wz-tap);padding:0 12px;font-size:var(--wz-t-md);border:1px solid var(--wz-line);border-radius:var(--wz-r);box-sizing:border-box}
.hz-place button{min-height:var(--wz-tap);padding:0 16px;border-radius:var(--wz-r);border:0;background:var(--wz-brand);color:#fff;font-weight:600;font-size:var(--wz-t-sm);cursor:pointer}
.hz-place .hz-secondary{background:var(--wz-surface);color:var(--wz-ink);border:1px solid #C9D2D6}
.hz-results{list-style:none;padding:0;margin:0;width:100%}.hz-results button{width:100%;text-align:left;background:var(--wz-bg);color:var(--wz-ink);border:1px solid var(--wz-line);margin:3px 0;font-weight:500}
.hz-zone-big{font-size:var(--wz-t-xl);font-weight:700;color:var(--wz-ink);margin:4px 0}
.hz-zone-in{border-color:var(--wz-danger-line);background:var(--wz-danger-soft)}
.hz-storm{margin:0 0 10px;padding:16px;border-radius:var(--wz-r-lg);border:1px solid var(--wz-line);background:var(--wz-surface)}
.hz-storm.cone{border-color:var(--wz-danger-line);background:var(--wz-danger-soft)}
.hz-storm-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hz-storm h3{margin:0 0 6px;font-size:var(--wz-t-md)}
.hz-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--wz-pill);font-size:var(--wz-t-xs);font-weight:700;background:var(--wz-bg);color:var(--wz-muted)}
.hz-storm.cone .hz-badge{background:var(--wz-danger);color:#fff}
.hz-meta{color:var(--wz-muted);font-size:var(--wz-t-sm);margin:6px 0}
.hz-storm p,.hz-card p{font-size:var(--wz-t-sm)}
#hz-prep ul{padding-left:20px;font-size:var(--wz-t-sm)}
#hz-note{color:var(--wz-muted);font-size:var(--wz-t-sm)}
.wz-hz .app-section{border-radius:var(--wz-r-lg)}
.wz-hz .hz-cta,.wz-hz .hz-cta:hover{color:#fff;text-decoration:none}
.hz-card p.hz-zone-big{font-size:var(--wz-t-xl);font-weight:700;margin:2px 0 6px}
/* Use my location: the detected point is shown on the shared pin map and confirmed before it is used. */
.hz-place .hz-pin{flex:1 0 100%;display:grid;gap:8px;margin-top:4px;min-width:0;scroll-margin:calc(var(--wz-header) + 12px) 0 calc(var(--wz-tabs) + env(safe-area-inset-bottom,0px) + 12px)}
.hz-place .hz-pin[hidden]{display:none}
.hz-pin-title{margin:0;font-size:var(--wz-t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wz-muted)}
.hz-pin-label{margin:0;font-weight:600;font-size:var(--wz-t-md);line-height:1.35;overflow-wrap:anywhere}
.hz-pin .small{margin:0;font-size:var(--wz-t-sm);color:var(--wz-muted)}
.hz-pin-status{margin:0;font-size:var(--wz-t-sm);color:var(--wz-muted)}
.hz-pin-status:empty{display:none}
.hz-pin-actions{display:flex;flex-wrap:wrap;gap:8px}
.hz-place .hz-pin-actions button{flex:1 1 150px}