/* /zones overview. Owned by pages helper B. */
.zo-map{height:min(520px,62vh);min-height:340px;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:#dfe5ea}
@media (max-width:700px){.zo-map{height:52vh;min-height:300px}}
.zo-sum{display:flex;flex-wrap:wrap;gap:8px 10px;margin:16px 0 0}
.zo-sum .pill{font-size:13.5px;padding:5px 12px}
.zo-sum a{text-decoration:none}

.zcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.zc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.zc .bar{height:5px;background:var(--c,#6b7280)}
.zc .body{padding:18px 20px 16px;flex:1;display:flex;flex-direction:column}
.zc .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.zc .zn{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.zc .zn b{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--c,#6b7280);font-size:13.5px;letter-spacing:0}
.zc h3{font-size:21px;margin:0 0 8px;letter-spacing:-.01em;line-height:1.25}
.zc h3 a{color:var(--ink);text-decoration:none}
.zc h3 a:hover{text-decoration:underline}
.zc p.now{margin:0 0 14px;font-size:15.5px}
.zc .want{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:6px;margin:-6px 0 12px}
.zc .want svg{width:16px;height:16px}
.tchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.tchips span{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;background:var(--tint);color:var(--navy-2);border-radius:6px;padding:3px 9px;font-weight:500}
.tchips svg{width:15px;height:15px}
.tchips span.hit{background:var(--navy);color:#fff}
.zc .facts{margin:auto 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:14.5px}
.zc .facts div{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.zc .facts svg{width:18px;height:18px;margin-top:2px}
.zc .facts b{color:var(--ink);font-weight:600}
.zc .facts a{font-weight:600;text-decoration:none}
.zc .more{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);font-size:15px;font-weight:700;text-decoration:none;background:#fbfbfa}
.zc .more:hover{background:var(--tint)}
.zc .more svg{width:18px;height:18px}
.zo-note{margin-top:20px;font-size:14.5px;color:var(--muted)}
@media (max-width:560px){.zcards{grid-template-columns:1fr}.zc .body{padding:16px}}

/* Whole card opens the zone page; the button at the bottom reads as a button */
.zc[data-href]{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.zc[data-href]:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,30,55,.12);border-color:#c5d0dc}
.zc .more{margin:0 16px 16px;border:0;border-radius:10px;background:var(--navy);color:#fff;padding:13px 18px}
.zc .more svg{color:#fff;transition:transform .15s ease}
.zc .more:hover,.zc[data-href]:hover .more{background:var(--navy-2)}
.zc[data-href]:hover .more svg{transform:translateX(3px)}

/* County self-deploy line on each zone card */
.zc-sd{display:flex;gap:6px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.4;color:#7a5410}
.zc-sd svg{width:15px;height:15px;flex:none;margin-top:1px}