:root { --pad: 10px; }
    body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    .mapbar { padding: var(--pad) calc(var(--pad) * 1.2); display:flex; gap:12px; align-items:center; flex-wrap:wrap; background:#f8fafc; border-bottom:1px solid #e5e7eb; }
    .mapbar select, .mapbar input { padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px; }
    #map { height: calc(100vh - 58px); width: 100%; }
  



/* Phase 14 · 2A-3: Segmented toggle (light-theme friendly) */
.map-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 12px;
}

/* Base pill */
.segmented-toggle {
  display: inline-flex;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(6px);
}

/* Buttons */
.segmented-toggle .seg {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 8px 14px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  transition: background .15s ease, color .15s ease, transform .05s ease;
  color: inherit; /* follows your page text color */
}

.segmented-toggle .seg:focus { outline: none; }
.segmented-toggle .seg:focus-visible { outline: 3px solid #1d4ed8; outline-offset: -3px; }

/* Active state */
.segmented-toggle .seg.active {
  background: rgba(0,0,0,0.08);
}

/* Disabled */
.segmented-toggle .seg[disabled],
.segmented-toggle .seg.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.community-map #map { height: min(65vh, 620px); min-height: 340px; max-width: 1100px; margin: 0 auto; background: #eff6ff; }
.community-map .map-toolbar, .community-map .map-legend { max-width: 1100px; margin: 16px auto; padding: 0 16px; box-sizing: border-box; }
.community-map select, .community-map #refreshMapTotals, .community-map #mapGateRetry { font: inherit; padding: 10px 12px; border: 1px solid #64748b; border-radius: 8px; background: white; color: #172554; }
.community-map button:focus-visible, .community-map select:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 3px; }
.community-map .map-legend h2 { font-size: 1.1rem; }
.community-map .map-legend ul { display: flex; flex-wrap: wrap; gap: 10px 18px; list-style: none; padding: 0; }
.community-map .map-legend li { display: flex; align-items: center; gap: 6px; }
.community-map .map-legend li span { display: inline-block; width: 22px; height: 18px; border: 1px solid #64748b; }
.community-map #mapAggregateList { padding-left: 24px; line-height: 1.8; }
.community-map details { margin: 12px 0 18px; }
.community-map .state-resources { max-width: 1100px; margin: 24px auto; padding: 0 16px; box-sizing: border-box; line-height: 1.6; }
.community-map .state-resources h1 { line-height: 1.2; }
.community-map .resource-note { color: #475569; font-size: .92rem; }
.community-map #stateResourceResult { min-height: 70px; }
.community-map .state-resources a { color: #1d4ed8; text-underline-offset: .15em; }
.community-map summary { cursor: pointer; font-weight: 600; }
@media (max-width: 540px) {
  .community-map #map { height: 55vh; }
  .community-map #refreshMapTotals { margin-top: 10px; }
}


/* Ensure base is clickable */
.segmented-toggle .seg { cursor: pointer; }

/* Only look 'not-allowed' when truly disabled */
.segmented-toggle .seg[disabled],
.segmented-toggle .seg.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}