.explorer-tabs{display:flex;gap:5px;padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0}
.explorer-tabs button{flex:1;padding:11px 8px;border-radius:8px;font-size:14px;font-weight:600;color:#657b8b;background:#f0f4f6}
.explorer-tabs button[aria-selected=true]{background:var(--navy);color:#fff}
.explorer-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.explorer-panel[hidden]{display:none}
.zone-head{padding:16px 22px 11px;flex-shrink:0}
.zone-head h1{font-size:26px;margin:0 0 9px}
.zone-intro{font-size:12px;color:#738694;line-height:1.7;margin:0 0 16px}
.zone-options{display:flex;gap:15px;align-items:center;font-size:12px;color:#536e80;margin-top:13px;flex-wrap:wrap}
.zone-options label{display:flex;align-items:center;gap:4px;cursor:pointer}
.zone-options input{accent-color:var(--navy);width:15px;height:15px;margin:0}
.zone-group-title{font-size:12px;color:#6f8290;letter-spacing:.6px;margin:17px 12px 7px}
.zone-dot{width:12px;height:12px;border:2px solid var(--zone-color);background:color-mix(in srgb,var(--zone-color) 18%,white);border-radius:3px;flex-shrink:0;margin-top:6px}
.zone-result{gap:10px}
.zone-result.selected{background:#fff6dc}
.zone-result .result-copy b{font-size:14px}
.zone-result small{font-size:11px}
.zone-coverage{font-size:10px;color:#89631b;white-space:nowrap;background:#fff4d7;padding:3px 5px;border-radius:4px;margin-top:3px}
.zone-coverage.outside{background:#edf1f4;color:#7b8a96}
.zone-footer{display:block;font-size:11px;line-height:1.6;padding:10px 20px}
.zone-footer p{margin:0 0 4px}.zone-footer a{color:#4e7089}
.zone-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.zone-layer svg{position:absolute;overflow:visible;pointer-events:none}
.zone-fill{stroke:none;fill-opacity:0;pointer-events:none}
.zone-layer.filled .zone-fill{fill-opacity:.07}
.zone-fill.selected{fill-opacity:.14!important}
.zone-context-fill{stroke:none;fill-opacity:0;pointer-events:none}
.zone-layer.filled .zone-context-fill{fill-opacity:.07}
.zone-context-fill.selected{fill-opacity:.14!important}
.zone-context-boundary{fill:none;stroke-width:1;stroke-opacity:.28;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;pointer-events:none}
.zone-context-boundary.selected{stroke-opacity:.4}
.zone-boundary,.zone-clip{fill:none;stroke-width:1.6;stroke-opacity:.85;vector-effect:non-scaling-stroke;pointer-events:none;stroke-linejoin:round}
.zone-boundary.selected{stroke-width:3;stroke-opacity:1}
.zone-layer.has-selection .zone-boundary:not(.selected){stroke-width:1;stroke-opacity:.2}
.zone-layer.has-selection .zone-clip:not(.selected){stroke-width:1;stroke-opacity:.25}
.zone-clip{stroke-dasharray:7 5;stroke-width:1.8;stroke-opacity:.95}
.zone-clip.selected{stroke-width:2.8;stroke-opacity:1}
.zone-visibility-control{min-height:44px;border:1px solid #ccd9e2;border-radius:6px;padding:8px 10px;font-size:13px}.zone-visibility-control[aria-pressed=true]{background:#172b3c;color:#fff}.zone-options{flex-wrap:wrap}
.zone-legend[hidden]{display:none}.zone-legend span{display:flex;align-items:center;gap:7px}.zone-legend i{width:23px;flex-shrink:0;border-top:2px solid #754bad}.zone-legend .legend-clip{border-top:2px dashed #596773}
@media(max-width:700px){.zone-legend{top:99px;left:15px;font-size:10px;padding:5px 7px}}
.zone-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;font-size:11px;font-weight:700;background:#fffffff0;border:1px solid var(--zone-color);color:var(--zone-color);border-radius:5px;padding:4px 7px;box-shadow:0 2px 7px #20384e12;line-height:1.3}
.zone-label{min-width:44px;min-height:36px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}
.zone-label:active{filter:brightness(.92)}
@media(max-width:1366px){.zone-label{min-width:56px;min-height:48px;padding:8px 11px;font-size:14px}}
.zone-label:hover,.zone-label.selected{background:var(--zone-color);color:#fff;z-index:3}
.zone-label.is-caption{pointer-events:none;cursor:default}
.zone-map-toggle{position:absolute;left:24px;top:70px;background:#fffffff2;box-shadow:0 2px 10px #15304b12;border:1px solid #dfe6eb;border-radius:7px;padding:8px 11px;font-size:12px;max-width:calc(100% - 100px)}
.zone-map-toggle[aria-pressed=true]::before{content:'▧ ';color:#aa761b}.zone-map-toggle[aria-pressed=false]{color:#8294a0}
.zone-detail-note{font-size:11px!important;color:#8a7a5a!important;line-height:1.6!important}
.zone-filter-banner{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#fff5d8;padding:9px 20px;font-size:12px;color:#6e571b;flex-shrink:0}
.zone-filter-banner[hidden]{display:none}.zone-filter-banner button{white-space:nowrap;text-decoration:underline}
.zone-fit{background:var(--navy)!important;color:#fff;border-color:var(--navy)!important}
.zone-head .filter-row{margin-top:12px}.zone-head .filter-row label{min-width:0}.zone-head .filter-row select{font-size:13px}.zone-head .zone-intro{margin-bottom:12px}
.map-tools,.map-heading,.map-footer,.detail,.zone-map-toggle{z-index:5}
.detail{max-height:calc(100% - 150px);overflow:auto}
@media(max-width:1000px){.zone-head{padding:17px 18px 11px}.zone-intro{font-size:11px}}
@media(max-width:700px){.explorer-tabs{padding:8px 14px;gap:6px}.explorer-tabs button{padding:9px 6px;font-size:13px}.zone-head{padding:10px 17px 8px}.zone-intro{display:none}.zone-options{margin-top:9px;font-size:11px;gap:12px}.zone-footer{padding:7px 17px;font-size:10px}.zone-footer p{display:none}.zone-group-title{margin:12px 8px 5px}.zone-result{padding:9px 7px}.zone-map-toggle{left:15px;top:61px;font-size:11px;padding:7px 9px}.zone-filter-banner{padding:7px 18px;font-size:11px}.detail{max-height:48%}.mobile-toggle{white-space:nowrap;padding:9px}.brand{font-size:15px}}

.zone-boundary.living-area{stroke-dasharray:6 4}.zone-fill.living-area{fill-opacity:.045}.zone-fill.living-area.selected{fill-opacity:.1!important}