.hub{padding-bottom:72px}
.hub *{scroll-margin-top:96px}
.hub .crumbs{padding-top:20px}
.hub-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;align-items:center;padding:6px 0 18px}
.hub-intro .lead{max-width:520px}
.hub-find{position:relative;margin-top:26px;max-width:520px}
.hub-find label{display:block;margin-bottom:8px;font-size:15px;font-weight:800;color:var(--ink)}
.hub-q{display:flex;gap:10px}
.hub-q input{flex:1;min-width:0;height:52px;padding:0 18px;border:1.5px solid var(--line-2);border-radius:999px;background:#fffdf9;font:inherit;font-size:16px;font-weight:600;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
.hub-q input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(44,140,46,.14)}
.hub-q .btn-g{min-height:52px;padding:0 24px}
.hub-hint{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.hub-sug{position:absolute;left:0;right:0;top:92px;z-index:5;margin:0;padding:6px;list-style:none;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.hub-sug button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:none;text-align:left;font-size:15px;font-weight:700;color:var(--ink)}
.hub-sug button span{font-size:13px;font-weight:600;color:var(--muted)}
.hub-sug button:hover,.hub-sug button:focus-visible,.hub-sug button[aria-selected=true]{background:var(--green-l)}
.hub-res:empty{display:none}
.hub-res{margin-top:16px;padding:18px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.hub-res h2{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.15;margin:0 0 6px}
.hub-res p{margin:6px 0 0;font-size:15.5px;color:var(--ink-2)}
.hub-res .z{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:3px 11px;border-radius:999px;font-size:13px;font-weight:800}
.hub-res .z-in{background:var(--green-l);color:var(--green-d)}
.hub-res .z-edge{background:var(--orange-l);color:var(--orange-ink)}
.hub-res .z-out{background:var(--cream-2);color:var(--ink-2)}
.hub-res .links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
.hub-res a{color:var(--green-d);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.hub-res .links a{display:inline-flex;align-items:center;min-height:32px}

.hub-mapbox{margin:0;padding:18px 18px 14px;border-radius:26px;background:var(--card);border:1px solid var(--line)}
.hub-map{display:block;width:100%;height:auto}
.hub-map .dots path{fill:none;stroke-linecap:round;stroke-width:7.6;animation:hub-in .55s var(--ease) both}
.hub-map .b0,.hub-legend .b0{stroke:#1e6b20;background:#1e6b20}
.hub-map .b1,.hub-legend .b1{stroke:#3a8a3a;background:#3a8a3a}
.hub-map .b2,.hub-legend .b2{stroke:#5aa152;background:#5aa152}
.hub-map .b3,.hub-legend .b3{stroke:#74b36b;background:#74b36b}
.hub-map .b4,.hub-legend .b4{stroke:#8fbf87;background:#8fbf87}
.hub-map .dots .b1{animation-delay:.12s}
.hub-map .dots .b2{animation-delay:.24s}
.hub-map .dots .b3{animation-delay:.36s}
.hub-map .dots .b4{animation-delay:.48s}
@keyframes hub-in{from{opacity:0}to{opacity:1}}
.hub-map .pt circle{fill:#fff;stroke:var(--ink);stroke-width:3;transition:r .15s}
.hub-map .pt text{font-family:var(--sans);paint-order:stroke;stroke:#fff;stroke-width:4.5px;stroke-linejoin:round}
.hub-map .pt .n{font-size:14px;font-weight:800;fill:var(--ink)}
.hub-map .pt .k{font-size:12px;font-weight:700;fill:#3f4a41}
.hub-map .pt:hover circle,.hub-map .pt.is-hi circle,.hub-map .pt:focus-visible circle{r:9;stroke:var(--orange-ink)}
.hub-map .pt:hover .n,.hub-map .pt.is-hi .n{fill:var(--green-d)}
.hub-map .pt:focus-visible{outline:none}
.hub-map .pt:focus-visible circle{stroke-width:4.5}
.hub-map .home circle{fill:var(--orange);stroke:#fff;stroke-width:3}
.hub-map .home .dot,.hub-inset .home .dot{fill:#fff;stroke:none}
.hub-map .home-l{font:800 13.5px var(--sans);fill:var(--orange-ink);paint-order:stroke;stroke:#fff;stroke-width:4.5px;stroke-linejoin:round}
.hub-map .find{fill:none;stroke:var(--orange);stroke-width:3.5}
.hub-inset .zone{fill:var(--green-l);stroke:var(--green);stroke-width:1.4}
.hub-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 8px;padding:0;list-style:none;font-size:13px;font-weight:700;color:var(--ink-2)}
.hub-legend li{display:flex;align-items:center;gap:6px}
.hub-legend .sw{width:12px;height:12px;border-radius:50%}
.hub-mapbox figcaption{margin:6px 4px 0}
.hub-mapbox figcaption p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}

.hub-sec{margin-top:52px}
.hub-sec h2{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.15}
.hub-sub{margin:8px 0 0;max-width:720px;font-size:15.5px;color:var(--ink-2)}
.hub-sub a,.hub-zone a,.hub-rules a{color:var(--green-d);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.hub-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:18px 0 0}
.hub-rules div{padding:18px 0;border-top:1.5px solid var(--line-2)}
.hub-rules dt{font-size:17px;font-weight:800;color:var(--ink)}
.hub-rules dd{margin:6px 0 0;max-width:560px;font-size:15.5px;color:var(--ink-2)}

.hub-table{margin-top:18px;overflow-x:auto;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.hub-table:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.hub-table table{width:100%;border-collapse:collapse;font-size:15px}
.hub-table th,.hub-table td{padding:12px 16px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}
.hub-table thead th{border-top:0;font-size:13px;font-weight:800;color:var(--muted)}
.hub-table tbody th{font-weight:800}
.hub-table tbody th a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.hub-table .num{text-align:right;font-variant-numeric:tabular-nums}
.hub-table tbody tr{transition:background .12s}
.hub-table tbody tr.is-hi,.hub-table tbody tr:hover{background:var(--green-l)}
.hub-table tbody tr.is-hi th a,.hub-table tbody tr:hover th a{color:var(--green-d);text-decoration-color:currentColor}
.hub-table .tag{display:inline-flex;padding:2px 10px;border-radius:999px;background:var(--green-l);color:var(--green-d);font-size:13px;font-weight:800}

.hub-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center}
.hub-zone-in p{margin:12px 0 0;max-width:620px;font-size:16px;color:var(--ink-2)}
.hub-cities{font-weight:600}
.hub-insetbox{margin:0;padding:12px;border-radius:26px;background:var(--card);border:1px solid var(--line)}
.hub-inset{display:block;width:100%;height:auto}
.hub-inset .ring{fill:none;stroke:#cfc7b3;stroke-width:.4;stroke-dasharray:1 2}
.hub-inset .tw circle{fill:var(--ink)}
.hub-inset .tw text{font:600 3.3px var(--sans);fill:var(--ink-2)}
.hub-inset a.tw text{font-weight:800;fill:var(--green-d);text-decoration:underline}
.hub-inset a.tw circle{fill:var(--green-d)}
.hub-inset .home circle{fill:var(--orange)}
.hub-inset .zone-l{font:800 3.4px var(--sans);fill:var(--green-d)}

.hub-faq details{border-top:1px solid var(--line);max-width:860px}
.hub-faq details:last-of-type{border-bottom:1px solid var(--line)}
.hub-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 2px;cursor:pointer;list-style:none}
.hub-faq summary::-webkit-details-marker{display:none}
.hub-faq summary h3{margin:0;font-family:var(--sans);font-size:17px;font-weight:800;color:var(--ink)}
.hub-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2.5px solid var(--green-d);border-bottom:2.5px solid var(--green-d);transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
.hub-faq details[open] summary::after{transform:rotate(225deg) translateX(-3px)}
.hub-faq details p{margin:0 0 16px;max-width:760px;font-size:15.5px;color:var(--ink-2)}
.hub-faq .hub-sub{margin-top:16px}
.hub-cta{margin-top:52px}
.hub-cta .hub-sub{margin:4px 0 0;color:rgba(255,255,255,.78)}

@media (max-width:1100px){
  .hub-hero{grid-template-columns:minmax(0,1fr);gap:24px}
  .hub-intro .lead,.hub-find{max-width:none}
}
@media (max-width:900px){
  .hub-zone{grid-template-columns:minmax(0,1fr)}
  .hub-rules{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .hub .wrap{padding:0 16px}
  .hub-q{flex-direction:column}
  .hub-q .btn-g{width:100%}
  .hub-sug{top:150px}
  .hub-mapbox{padding:10px 8px 10px;border-radius:20px}
  .hub-map .pt text{display:none}
  .hub-map .pt circle{r:10}
  .hub-map .home-l{font-size:26px}
  .hub-map .home circle:first-child{r:14}
  .hub-map .dots path{stroke-width:8.4}
  .hub-table th,.hub-table td{padding:10px 12px}
  .hub-table .col-cap{display:none}
  .hub-sec{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){.hub *{transition:none!important;animation:none!important}}