<!--
  ForThePatient.org v5.9 (Session B-FLAG-SCOPE — June 21 2026)
  Minimal DETAIL-CARD-ONLY frontend change for the demoted payment-penalty
  signal (S-20 / Q-58 / Decision 148). Pairs with app.js v1.5. No backend RPC
  signature change (the new facilities columns ride into facility_detail via the
  existing to_jsonb(f.*)); NO map/marker change; DESKTOP (>768px) layout
  byte-for-byte unchanged (Invariant #29); NO new colors (Invariant #18).
  Changelog vs v5.8:
    B-FLAG-SCOPE (CSS here; logic in app.js v1.5): the enforcement flag (the red
          FLAGGED marker + severity ring + "Under active enforcement" banner) now
          reflects active SURVEY enforcement ONLY. Routine Medicare payment
          penalties (HRRP readmissions / HAC) — which hit ~75-80% of hospitals a
          year and were firing the red flag on 45.5% of all hospitals — are
          DEMOTED to a separate, NEUTRAL "Medicare payment penalties" line on the
          detail card (new .payment-penalty-block, built from neutral tokens
          only). The map marker path is untouched: a payment-only hospital simply
          no longer renders a red ring (it isn't has_active_enforcement). The new
          facility fields has_payment_penalty + payment_penalty_detail arrive on
          the 'facility' object with no RPC change. This is what makes the flag
          mean something serious again (the S-20 dilution fix).
  ----------------------------------------------------------------------------
  ForThePatient.org v5.8 (Session GEO-DOT — June 2026)
  MOBILE-FORWARD frontend change (the geo dot also helps desktop, but the intent
  is the mobile first-open experience). Pairs with app.js v1.4. No backend, RPC,
  schema, or scoring change. DESKTOP (>768px) layout byte-for-byte unchanged
  (Invariant #29): the only additions are a new map-marker style + its keyframes.
  Changelog vs v5.7:
    GEO-DOT (CSS here; logic in app.js v1.4): a slightly larger PULSING BLUE
          "you are here" dot (.ftp-geo-dot) marks the visitor's exact geolocation
          on the map so proximity to nearby facilities is readable at a glance.
          Blue (#2D7DF6) is a deliberate NON-facility UI color — never a score,
          classification, or enforcement signal (the documented Invariant #18
          carve-out, same basis as the enforcement reds) — so it can't be mistaken
          for a facility rating. White halo for legibility on any basemap; an
          expanding pulse ring (respects prefers-reduced-motion → static dot).
          Rendered in its own userLocationLayer, above the facility markers.
    GEO-DEFAULT (logic in app.js v1.4): the DEFAULT mobile view on first open is
          now the MAP (not the List). On geolocation success the user lands on the
          map centered on their metro with the blue dot, and can toggle to List
          with one tap. The List itself is unchanged — only the default view that
          appears first changed. (sheetView already defaulted to 'map'; v1.4 simply
          stops forcing 'list' in the geolocation success callback.)
-->
<!--
  ForThePatient.org v5.7 (Session MOBILE-CLOSE-FIX — June 2026)
  MOBILE-ONLY one-line hotfix. Pure CSS; no JS, markup, backend, RPC, schema,
  or scoring change. DESKTOP (>768px) byte-for-byte unchanged (Invariant #29).
  Changelog vs v5.6:
    MCF-1: The mobile facility-detail overlay height was
          calc(100dvh - var(--safe-top) - 8px), i.e. it did NOT subtract the
          fixed header's height the way the LIST view already does. Because the
          sheet is position:fixed;bottom:0, that extra header's-worth of height
          pushed the overlay's TOP edge (and the sticky .sheet-detail-bar that
          carries Back + Close) up UNDER the fixed header (z-index 1000 vs the
          sheet's 800), so the Close button was obscured and untappable — users
          got stuck on a card and had to reload (founder report). Fix: subtract
          var(--header-h) too, matching the list-view rule, so the overlay's top
          (and the Close button) sits flush BELOW the header and stays reachable
          in portrait and landscape. Reinforces Invariant #34 (the detail card
          must always be exitable). One selector changed; nothing else touched.
-->
<!--
  ForThePatient.org v5.6 (Session MOBILE-CLEAN-1 — June 2026)
  Mobile-only redesign of the bottom surface + initial-geolocation zoom fix.
  Pure frontend; consumes the live B-ENF-FLAG contract read-only — NO backend/
  scoring/schema change, NO new RPC, NO new RPC param (Invariant #6). DESKTOP
  (>768px) IS BYTE-FOR-BYTE UNCHANGED (Invariant #29): every change below is
  inside the mobile markup, the @media(max-width:768px) query, or the shared
  detail-card/geolocation logic guarded by isMobile.
  Changelog vs v5.5:
    MC1-ZOOM: On first load, if the visitor allows geolocation, the map now
          centers on their METRO area (zoom 11) instead of the old regional
          zoom 6 that showed several states. userLocation is also set so the
          nearby list is distance-sorted immediately. (app.js initMap.)
    MC1-STATIC-BAR: The mobile bottom surface is no longer a draggable
          peek/half/full "home sheet." It is a STATIC control bar — the
          List/Map toggle on top, the facility-type chips below — and nothing
          else. The facility search box, the "Near me" button, the "Recent CMS
          enforcement" toggle, and the in-sheet Capabilities panel were all
          REMOVED from the mobile surface to declutter it (request #2). (Geo is
          already granted, so "Near me" was redundant; name-search remains
          reachable on desktop and via deep links.)
    MC1-LIST-COVERS: Tapping LIST expands the sheet to cover the map and shows
          the scrollable nearby list under the same static bar. Tapping MAP
          collapses it back to just the bar — the list can NEVER peek through
          in Map view (request #4). Heights are CSS-driven off [data-view]/
          [data-mode] on #detail-sheet — no JS-measured drag heights, no
          touch-drag handle (the .sheet-handle element is gone).
    MC1-DETAIL-EXIT: The facility detail card is a full overlay with a STICKY
          header bar carrying a prominent Back (to the list) and Close (×). A
          patient can never get stuck on a card (request #3). The redundant
          in-content header-actions row is hidden on mobile.
    MC1-DECLUTTER: General mobile visual pass (request #5): single-row
          scrollable chip rail, larger touch targets, cleaner spacing, and the
          map reserves space so the static bar never overlaps it. This is the
          first of possibly several mobile-polish passes (see MOBILE-CLEAN-2
          in the handoff).
    Desktop unchanged: the floating filter bar (with the enforcement chip and
          the Capabilities dropdown), the side info-panel, the map legend, and
          name-search are all exactly as in v5.5.
-->
<!--
  ForThePatient.org v5.5 (Session CAP-VIZ — June 2026)
  Capability filter + de-clustered markers + red enforcement gradient + component-
  weight removal + map legend. CSS + markup here; logic in app.js v1.2. Pure
  frontend; consumes the live B-ENF-FLAG contract read-only — no backend/scoring/
  schema changes; NO new RPC and NO new RPC param (Invariant #6).
  Changelog vs v5.4:
    C1-RING: The enforcement marker RING is now a graduated RED scale
          (MINOR #EF9A9A → MODERATE #EF5350 → SEVERE #E53935 → CRITICAL #B71C1C),
          so severity is legible at a glance on the map. Parallel red gradient on
          the detail-card banner left edge + the mobile FLAGGED pill. JS still only
          sets the sev-<word> class; the hexes live here.
    C2-CAP: NEW "Capabilities" filter. Desktop: a trigger button in the filter bar
          (#cap-filter-btn) opening a checklist dropdown (#cap-menu). Mobile: a
          collapsible <details> panel (#sheet-cap) in the home sheet. Lets a patient
          require NICU / ER / cardiac cath / trauma / teaching (the five live
          nearby_facilities params) PLUS cardiac surgery / MRI / burn unit /
          transplant / higher-complexity CMI (client-side over already-fetched rows,
          graceful when a column is absent). Built/wired/synced from app.js.
    C3-NOCLUSTER: All marker-cluster pie charts are gone at every zoom. Every
          facility is its own dot (markercluster CSS retained, not instantiated —
          dependency intact). Only the national state bubbles remain (zoom < 7).
    C4-NOWEIGHT: The detail-card "Component breakdown" rows drop the weight % cell;
          .component-row is now a 2-column grid (name + 1–10 score). Section-note
          copy updated.
    C5-LEGEND: A small rating-color legend sits top-left under the search/filter bar
          (#map-legend, desktop); a compact strip remains in the mobile sheet list.
          Documented classification palette only — no new colors.
    C6: New marker/banner reds are confined to the enforcement-severity scale (the
          documented enforcement signal), not the score/brand palette. Desktop
          (>768px) layout otherwise preserved (#29); sheet/modes/snaps/toggle/theme
          preserved (#30).
-->
<!--
  ForThePatient.org v5.4 (Session TRANSLATE-1 — June 2026)
  Plain-language patient summary on the detail card (closes S-4). CSS-only here;
  all logic is in app.js v1.1. Changelog vs v5.3:
    T1-CSS: .patient-summary block — a calm "What this means for you" reading
          placed first in the detail-card body, on BOTH the desktop side panel and
          the mobile sheet (shared buildFacilityDetailHtml). A left accent bar
          shifts with the overall tone (good/mid/low/flag). Colors are the
          documented classification palette + accent + the existing #C0392B tint;
          the one good-tone bar (#5FA85F) is a darker shade of --cls-excep used
          only as a 4px accent (same treatment Invariant #18 grants the banner-icon
          tints) — no new brand/surface color. Also: .section-note (a one-line
          plain-language helper under "Component breakdown") and a clearer
          "1 (weakest) to 10 (strongest)" score-scale label. Desktop (>768px)
          layout otherwise unchanged (#29); sheet/modes/snaps/toggle/theme
          preserved (#30). The app.js v1.1 logic (buildPatientSummary) renders the
          copy; see its header for the percentile-phrasing and NULL-fallback
          decisions (Q-40).
-->
<!--
  ForThePatient.org v5.3 (Session ENF-VIZ-2 — June 2026)
  Enforcement filter + state drill-down dots + collapsed survey findings.
  Pure frontend; no backend/scoring/schema changes. Consumes the live B-ENF-FLAG
  contract read-only.
  Changelog vs v5.2:
    EV2-1: "RECENT CMS ENFORCEMENT" FILTER. A toggle in the desktop filter bar
          (a warning-tinted chip, distinct from the facility-type chips) and a
          matching full-width switch at the top of the mobile home sheet. When on,
          only facilities with has_active_enforcement are shown on the map, in the
          mobile list, and in the in-view stats. It is a CLIENT-SIDE view filter
          over the rows already fetched (visibleFacilities()) — it re-renders in
          place and does NOT issue a new RPC. Dedicated empty states ("No flagged
          facilities in view") on both surfaces. State var enforcementOnly (was
          declared-but-unused) now drives it; reset by Clear Filters.
    EV2-2: STATE DRILL-DOWN = INDIVIDUAL DOTS. When a state is selected from the
          national zoomed-out view (filteredState set), every facility is rendered
          as its own larger, brighter, white-bordered dot (.ftp-statedot, saturate
          boost) in an un-clustered layer (stateFacilityLayer) INSTEAD of the
          color-coded cluster pies. Dot color still reflects the rating; the
          enforcement ring still applies and, in this mode, shows for every
          severity (the whole state is laid out at once). Clustering is unchanged
          for the ordinary (non-state-filtered) facility view. Still L.divIcon,
          never circleMarker (#7); JS-resolved documented colors (#8, #18).
    EV2-3: SURVEY FINDINGS COLLAPSED BY DEFAULT. The detail card's "Survey findings
          (N)" no longer renders the first 4 rows up front. It now shows ONLY a
          single disclosure button ("Show N survey findings"); the full,
          newest-first list is revealed (and hidden) on click. Per-instance panel
          id + aria-expanded so it works in both the desktop panel and the mobile
          sheet. Replaces the old show-first-4 + "Show all" behavior.
    EV2-4: No backend/scoring/schema/methodology-code changes. No new dependencies,
          no new colors (enforcement warning tint #C0392B is the existing ENF-VIZ
          banner-icon tint, reused). Desktop (>768px) layout otherwise unchanged
          (Hard Invariant #29); sheet/modes/snaps/toggle/theme preserved (#30).
-->
<!--
  ForThePatient.org — frontend changelog (older sessions, trimmed to a pointer)
  The full per-session history lives in SESSION_HANDOFF.md (Session Execution
  History) and in git. Trimmed here at ENF-VIZ-2 to keep the single file under
  the 1,000-line code budget (Hard Invariant #16 / Decision 131). Summary of
  what remains in force and must not regress:
    v5.2 ENF-VIZ: severity-weighted map marker RINGS (4-tier enforcement_severity;
          dot fill keeps the score color; CRITICAL pulses; MODERATE/MINOR rings
          gated to zoom>=11 in the normal view); detail-card enforcement banner
          (active vs ungated expired-label vs none) + hospital_enforcement[] survey
          history; severity-aware mobile FLAGGED pill; desktop popup enforcement
          line. L.divIcon only, documented palette, escapeHtml all facility text.
    v5.1 K5-MOBILE-FT: "Near me" state machine w/ single in-flight guard + 4s
          timeout keeping a background watchPosition AND an explicit "Try again"
          (Q-42); nearby list + search dropdown hardened for 320-414px.
    v5.0 K5-MOBILE: mobile control model inverted into a persistent bottom "home
          sheet" (peek/half/full; home|detail modes; List/Map toggle); desktop
          (>768px) keeps the floating filter bar + side info-panel UNCHANGED;
          theme toggle retained; first-use guidance + score legend.
    v4.x K1-K3: state-bubble default view + geolocation centering; Hospitals-only
          default; client-side state scoping + dismissible state badge; early
          <head> theme init; JS-resolved cluster SVG colors; state-filter-aware
          empty state; Method nav hidden <=380px; 16px mobile inputs; >=40px touch
          targets; DEBUG-gated console; resize/orientation re-snap; inline About
          removed; header anchors.
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">
    <title>For The Patient — Healthcare Quality Map</title>
    <meta name="description" content="Independent quality scores for 48,000+ Medicare-certified facilities. Hospitals, nursing homes, dialysis, home health, hospice, IRF, LTCH. Built from compulsory CMS data. Zero industry funding.">
    <meta name="theme-color" content="#FDF8F0">
    <script>
    // Early theme init: apply persisted theme before body renders to prevent flash.
    (function(){try{var t=localStorage.getItem('theme');if(t==='dark'){document.documentElement.setAttribute('data-theme','dark');document.querySelector('meta[name="theme-color"]').content='#1A1F36'}}catch(e){}})();
    </script>
    <link rel="preconnect" href="https://unpkg.com">
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://nhajnwffxlztmoadqcdl.supabase.co">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css" crossorigin=""/>
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css" crossorigin=""/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root{--bg:#FDF8F0;--card-bg:#FFFFFF;--accent:#5B85C7;--text-primary:#2C3E50;--text-secondary:#7F8C8D;--border:#E1E8ED;--hover-bg:rgba(91,133,199,0.1);--button-hover:rgba(91,133,199,0.15);--focus-ring:rgba(91,133,199,0.45);--skeleton-base:#E1E8ED;--skeleton-shine:#F5F5F5;--cls-poor:#E8A0A0;--cls-below:#F0B8A0;--cls-average:#F8D08A;--cls-above:#B8E6A0;--cls-excep:#A0D8A0;--cls-unrated:#BDC3C7;--header-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--detail-w:380px}
        [data-theme="dark"]{--bg:#1A1F36;--card-bg:#2C3E50;--accent:#7FB3D3;--text-primary:#ECF0F1;--text-secondary:#BDC3C7;--border:#34495E;--hover-bg:rgba(127,179,211,0.1);--button-hover:rgba(127,179,211,0.15);--focus-ring:rgba(127,179,211,0.45);--skeleton-base:#34495E;--skeleton-shine:#3D5166}
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
        html{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}
        body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;background:var(--bg);color:var(--text-primary);overflow:hidden;height:100vh;height:100dvh;width:100vw;line-height:1.5;transition:background-color .3s,color .3s;overscroll-behavior:none}
        :focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}
        :focus:not(:focus-visible){outline:none}

        .header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);transition:all .3s}
        [data-theme="dark"] .header{background:rgba(44,62,80,.95)}
        .header-inner{max-width:1400px;margin:0 auto;padding:0 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:8px}
        .logo-link{display:flex;align-items:baseline;text-decoration:none;color:inherit;min-width:0}
        .logo{font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap}
        .logo-sub{font-size:.68rem;color:var(--text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.06em;margin-left:8px;white-space:nowrap}
        .header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
        .nav-btn{color:var(--text-secondary);text-decoration:none;font-size:.8rem;font-weight:500;padding:6px 10px;border-radius:6px;border:none;background:none;cursor:pointer;font-family:inherit;transition:color .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;min-height:32px}
        .nav-btn:hover,.nav-btn.active{color:var(--accent);background:var(--hover-bg)}
        .toggle-switch{position:relative;width:44px;height:26px;background:var(--border);border-radius:13px;cursor:pointer;transition:background .3s;border:none;min-width:44px;flex-shrink:0}
        .toggle-switch.active{background:var(--accent)}
        .toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--card-bg);border-radius:50%;transition:transform .3s;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-secondary)}
        .toggle-switch.active .toggle-slider{transform:translateX(18px)}

        .main{margin-top:calc(var(--header-h) + var(--safe-top));height:calc(100vh - var(--header-h) - var(--safe-top));height:calc(100dvh - var(--header-h) - var(--safe-top));position:relative;overflow:hidden}
        #map{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);touch-action:none}

        .filter-bar{position:absolute;top:12px;left:12px;right:12px;z-index:500;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:0 2px 16px rgba(0,0,0,.06);display:flex;align-items:center;gap:8px;transition:all .3s}
        [data-theme="dark"] .filter-bar{background:rgba(44,62,80,.92)}
        .search-compact{position:relative;flex-shrink:0}
        .search-compact input{width:180px;padding:7px 10px 7px 30px;border:1px solid var(--border);border-radius:8px;font-size:.8rem;background:var(--card-bg);color:var(--text-primary);font-family:inherit;transition:border-color .2s,width .3s;min-height:36px}
        .search-compact input:focus{border-color:var(--accent);width:240px}
        .search-compact .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-secondary);pointer-events:none}
        .search-compact .name-results{position:absolute;top:100%;left:0;width:320px;max-width:calc(100vw - 24px - var(--safe-left) - var(--safe-right));background:var(--card-bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 16px rgba(0,0,0,.1);max-height:280px;overflow-y:auto;display:none;z-index:600}
        .search-compact .name-results.active{display:block}
        .filter-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}
        .chip-scroll-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}
        .chip-scroll{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding-right:2px}
        .chip-scroll::-webkit-scrollbar{display:none}
        .f-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border);border-radius:16px;font-size:.72rem;font-weight:500;cursor:pointer;background:var(--card-bg);color:var(--text-secondary);transition:all .15s;user-select:none;white-space:nowrap;min-height:32px;flex-shrink:0;font-family:inherit}
        .f-chip:hover{background:var(--hover-bg);color:var(--text-primary)}
        .f-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}
        .f-chip.spec{border-style:dashed}
        .f-chip.spec.active{border-style:solid}
        .f-chip.disabled{opacity:.35;cursor:default}
        .f-chip i{font-size:.68rem}
        .stats-inline{display:flex;gap:10px;align-items:center;flex-shrink:0;margin-left:auto;font-size:.72rem;color:var(--text-secondary);white-space:nowrap}
        .stats-inline strong{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}
        .stats-inline .stat-item{display:inline-flex;align-items:center;gap:3px}
        .stats-inline .stat-item + .stat-item::before{content:"·";opacity:.5;margin-right:4px;font-weight:400}

        .state-filter-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;background:var(--accent);color:#fff;border:none;border-radius:14px;font-size:.72rem;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;line-height:1;transition:opacity .15s,background .15s;min-height:30px}
        .state-filter-badge:hover{opacity:.9}
        .state-filter-badge .state-filter-x{font-size:.7rem;opacity:.85;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.18)}
        .state-filter-badge[hidden]{display:none!important}

        .info-panel{position:absolute;top:68px;right:12px;width:var(--detail-w);max-height:calc(100dvh - var(--header-h) - var(--safe-top) - 100px);overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);z-index:450;display:none;transition:all .3s}
        .info-panel.active{display:block}
        .info-panel.pinned{top:0;right:0;height:100%;max-height:100%;border-radius:0;border-right:none;border-top:none;border-bottom:none}
        .resize-handle{position:absolute;top:0;left:-4px;width:8px;height:100%;cursor:col-resize;z-index:10}
        .resize-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:32px;border-radius:2px;background:var(--border);opacity:0;transition:opacity .2s}
        .resize-handle:hover::after,.resize-handle:active::after{opacity:1}

        .facility-info{padding:22px;position:relative;padding-top:14px;padding-left:max(22px,calc(22px + var(--safe-left)));padding-right:max(22px,calc(22px + var(--safe-right)))}
        .detail-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-bottom:8px}
        .detail-action-btn{background:none;border:none;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;font-family:inherit}
        .detail-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}
        .facility-header{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:16px}
        .facility-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3;word-wrap:break-word;overflow-wrap:anywhere}
        .facility-type-line{font-size:.72rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
        .score-block{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}
        .score-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:700;color:#2C3E50;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
        .score-circle.unrated{color:var(--text-secondary)}
        .score-meta{flex:1;min-width:0}
        .classification-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:600;color:#2C3E50}
        .classification-badge.unrated{color:var(--text-secondary);background:var(--cls-unrated)}
        .score-out-of{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:4px}
        .cms-stars{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:2px}
        .cms-stars .star-icon{color:#f5b80b}
        .section-header{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:18px 0 10px}
        .component-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.82rem}
        .component-row:last-child{border-bottom:none}
        .component-name{color:var(--text-primary);min-width:0;overflow-wrap:anywhere}
        .component-score{font-weight:600;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}
        .component-bar{grid-column:1/-1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:4px}
        .component-bar-fill{height:100%;border-radius:2px;transition:width .3s}
        .component-na{color:var(--text-secondary);font-style:italic;font-size:.75rem}
        .specialty-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
        .spec-badge{font-size:.68rem;padding:3px 8px;background:var(--hover-bg);color:var(--accent);border-radius:10px;font-weight:500}
        .enforcement-block{margin-top:14px;padding:12px;background:rgba(232,160,160,.12);border:1px solid rgba(232,160,160,.4);border-radius:8px;font-size:.78rem}
        .enforcement-title{font-weight:600;color:var(--text-primary);margin-bottom:4px}
        .enforcement-amt{font-size:.7rem;color:var(--text-secondary)}
        .addr-block{margin-top:16px;font-size:.8rem;color:var(--text-secondary);line-height:1.55;overflow-wrap:anywhere}
        .addr-block i{width:16px;color:var(--accent);margin-right:4px}
        .directions-btn{display:block;text-align:center;margin-top:16px;padding:12px;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;min-height:48px;line-height:24px}

        .name-result-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--border);font-size:.82rem;min-height:48px;display:flex;flex-direction:column;justify-content:center}
        .name-result-item:last-child{border-bottom:none}
        .name-result-item:hover,.name-result-item.kb-active{background:var(--hover-bg)}
        .name-result-name{font-weight:600;color:var(--text-primary)}
        .name-result-meta{font-size:.72rem;color:var(--text-secondary);margin-top:2px}
        .name-result-score{display:inline-block;padding:1px 6px;border-radius:8px;font-size:.68rem;font-weight:600;color:#2C3E50}

        .state-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:'Inter',-apple-system,sans-serif;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.12);border:2px solid rgba(255,255,255,.8)}
        .state-bubble:hover{transform:scale(1.12);box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:1000!important}
        .state-bubble .st-abbr{font-weight:700;line-height:1}
        .state-bubble .st-count{font-weight:500;opacity:.85;line-height:1}
        [data-theme="dark"] .state-bubble{border-color:rgba(255,255,255,.3)}
        .ftp-dot{border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer;transition:transform .1s}
        .ftp-dot:hover{transform:scale(1.3);z-index:1000!important}
        .marker-cluster{background:none!important}
        .marker-cluster div{width:36px;height:36px;margin-left:2px;margin-top:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#2C3E50;background:var(--cls-average);box-shadow:0 1px 6px rgba(0,0,0,.15)}
        .marker-cluster-small div{background:var(--cls-above)}
        .marker-cluster-medium div{background:var(--cls-average)}
        .marker-cluster-large div{background:var(--cls-below)}
        .cluster-pie{position:absolute;top:0;left:0}

        @keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
        .skeleton-block{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:6px}
        .skeleton-circle{width:64px;height:64px;border-radius:50%}
        .skeleton-line{height:12px;margin-bottom:8px}
        .skeleton-line.w70{width:70%}.skeleton-line.w50{width:50%}.skeleton-line.w90{width:90%}.skeleton-line.w40{width:40%}
        .skeleton-bar{height:4px;width:100%;margin-top:6px}

        .empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}
        .empty-state i,.error-state i{font-size:2rem;margin-bottom:12px;color:var(--border)}
        .empty-state h4,.error-state h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}
        .empty-state p,.error-state p{font-size:.875rem;margin-bottom:12px}
        .clear-btn,.retry-btn{padding:12px 22px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;min-height:48px;transition:opacity .2s}
        .clear-btn:hover,.retry-btn:hover{opacity:.85}
        .error-link{display:block;margin-top:8px;font-size:.75rem;color:var(--accent)}

        .query-loading{position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:600;opacity:0;transition:opacity .2s}
        .query-loading.active{opacity:1;animation:indeterminate 1.4s infinite linear}
        @keyframes indeterminate{0%{transform:translateX(-100%) scaleX(.3)}50%{transform:translateX(0%) scaleX(.6)}100%{transform:translateX(100%) scaleX(.3)}}
        .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s}
        .loading-overlay.hidden{opacity:0;pointer-events:none}
        .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
        @keyframes spin{to{transform:rotate(360deg)}}
        .offline-toast{position:fixed;top:calc(var(--header-h) + var(--safe-top) + 10px);left:50%;transform:translateX(-50%);background:#E74C3C;color:#fff;padding:10px 20px;border-radius:8px;font-size:.82rem;font-weight:500;z-index:2000;display:none;box-shadow:0 4px 16px rgba(0,0,0,.2)}
        .offline-toast.active{display:block}

        .leaflet-popup-content-wrapper{background:var(--card-bg);color:var(--text-primary);border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.1)}
        .leaflet-popup-content{margin:14px;font-size:.82rem;line-height:1.4}
        .leaflet-popup-tip{background:var(--card-bg)}
        .leaflet-control-zoom{display:none!important}
        .leaflet-control-attribution{font-size:.62rem!important;padding:1px 5px!important}

        .footer-bar{position:absolute;bottom:calc(12px + var(--safe-bottom));left:50%;transform:translateX(-50%);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.68rem;display:flex;gap:12px;z-index:350;box-shadow:0 2px 12px rgba(0,0,0,.06);max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}
        .footer-bar::-webkit-scrollbar{display:none}
        [data-theme="dark"] .footer-bar{background:rgba(44,62,80,.92)}
        .footer-bar a{color:var(--text-secondary);text-decoration:none;transition:color .15s;flex-shrink:0}
        .footer-bar a:hover{color:var(--accent)}

        /* ── MOBILE-CLEAN-1 (v5.6): static control bar, no draggable snaps ──────
           The mobile bottom surface has three discrete, CSS-driven states set via
           a data-view / data-mode attribute on #detail-sheet — never a JS-measured
           drag height. MAP = a fixed bar (toggle + chips). LIST = the same bar with
           the scroll region expanded to cover the map. DETAIL = a full overlay with
           a sticky Close header. */
        .bottom-sheet{display:none;position:fixed;left:0;right:0;bottom:0;z-index:800;background:var(--card-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.12);max-height:100dvh;overflow:hidden;flex-direction:column;box-sizing:border-box;transition:height .28s cubic-bezier(.25,.1,.25,1)}
        .sheet-close-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--hover-bg);border:none;color:var(--text-primary);font-size:1.05rem;cursor:pointer;border-radius:10px;font-family:inherit;padding:0;flex-shrink:0}
        .sheet-close-btn:hover,.sheet-close-btn:focus-visible{background:var(--button-hover)}
        .sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 0 calc(20px + var(--safe-bottom))}

        ::-webkit-scrollbar{width:6px;height:6px}
        ::-webkit-scrollbar-track{background:var(--bg)}
        ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
        ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}
        [data-tooltip]{position:relative}
        [data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--text-primary);color:var(--card-bg);padding:4px 8px;border-radius:4px;font-size:.68rem;white-space:nowrap;z-index:1000;pointer-events:none}

        @media(max-width:768px){
            .filter-bar{top:8px;left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));padding:6px 8px;gap:6px}
            .search-compact input{width:120px;padding:8px 10px 8px 28px;font-size:16px;min-height:40px}
            .search-compact input:focus{width:160px}
            .search-compact .search-icon{font-size:.78rem}
            .filter-bar{display:none!important}
            .map-legend{display:none!important}
            .footer-bar{display:none!important}
            .info-panel{display:none!important}
            .bottom-sheet{display:flex}
            .stats-inline{font-size:.64rem;gap:5px;margin-left:4px}
            .stats-inline .stats-label{display:none}
            .stats-inline .stat-item + .stat-item::before{margin-right:2px}
            .logo-sub{display:none}
            .nav-btn{padding:8px 10px;min-height:36px;font-size:.82rem}
            .f-chip{padding:7px 12px;min-height:36px;font-size:.78rem}
            .detail-action-btn{min-width:40px;min-height:40px;font-size:.95rem}
            .detail-action-btn[data-pin]{display:none!important}
            .chip-scroll-wrap{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 18px),transparent 100%)}
            .state-filter-badge{font-size:.66rem;padding:4px 6px 4px 8px;min-height:28px}
            .footer-bar{bottom:calc(10px + var(--safe-bottom));padding:5px 12px;font-size:.64rem;gap:10px;left:calc(50%);right:auto;max-width:calc(100% - 16px)}
            .facility-info{padding:18px;padding-top:14px;padding-left:max(16px,calc(16px + var(--safe-left)));padding-right:max(16px,calc(16px + var(--safe-right)))}
            .facility-name{font-size:1.05rem}
            /* MOBILE-CLEAN-1: the sticky .sheet-detail-bar carries Close + Back, so
               hide the in-content header-actions row entirely on mobile (it was the
               source of the "can't exit the card" confusion — request #3). */
            .sheet-detail .detail-header-actions{display:none!important}
            .header-inner{padding:0 12px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));gap:6px}
            .header-right{gap:6px}
        }
        @media(max-width:768px) and (orientation:landscape){
            :root{--header-h:40px}
            .footer-bar{display:none}
        }
        @media(max-width:380px){
            .nav-btn{padding:6px 8px;font-size:.76rem;min-height:34px}
            .logo{font-size:1rem}
            .header-right{gap:4px}
            .search-compact input{width:100px}
            .search-compact input:focus{width:130px}
            .filter-bar{padding:5px 6px;gap:5px}
            .stats-inline{font-size:.6rem;gap:4px;margin-left:2px}
            .toggle-switch{width:40px;min-width:40px;height:24px}
            .toggle-switch .toggle-slider{width:20px;height:20px}
            .toggle-switch.active .toggle-slider{transform:translateX(16px)}
            .nav-btn[href="/methodology"]{display:none}
        }
        @media print{
            body{background:#fff;color:#000;overflow:visible;height:auto}
            .header,#map,.filter-bar,.map-legend,.footer-bar,.loading-overlay,.query-loading,.bottom-sheet,.offline-toast,.detail-action-btn,.resize-handle,.directions-btn{display:none!important}
            .main{margin-top:0;height:auto;overflow:visible;position:static}
            .info-panel{display:block!important;position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;border:none!important;box-shadow:none!important;border-radius:0!important;background:#fff!important}
            .facility-info{padding:20px 0}
            .component-bar-fill,.score-circle,.classification-badge,.spec-badge,.enforcement-block{print-color-adjust:exact;-webkit-print-color-adjust:exact}
            .print-methodology-url{display:block!important;margin-top:24px;font-size:.8rem;color:#555}
        }
        /* ── MOBILE-CLEAN-1 (v5.6): static control bar + list overlay ─────────
           Replaces the v5.0–v5.5 draggable "home sheet" (peek/half/full) with a
           clean, non-draggable two-state surface. The bottom-sheet height is driven
           entirely by [data-view] on #detail-sheet (set in JS), with CSS doing the
           layout/animation — no JS-measured drag heights, no touch-drag handle. */
        .sheet-home{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
        /* The static bar: List/Map toggle + facility-type chips. Never moves, never
           obscures the map in MAP view. This is the ONLY persistent mobile chrome. */
        .sheet-bar{flex-shrink:0;padding:10px 14px 10px;padding-left:max(14px,calc(14px + var(--safe-left)));padding-right:max(14px,calc(14px + var(--safe-right)));border-bottom:1px solid transparent;background:var(--card-bg)}
        .view-toggle{display:flex;background:var(--border);border-radius:10px;padding:3px;gap:3px;margin-bottom:9px}
        .view-toggle button{flex:1;border:none;background:none;font-family:inherit;font-size:.84rem;font-weight:700;color:var(--text-secondary);padding:9px 0;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;transition:color .15s,background .15s}
        .view-toggle button.on{background:var(--card-bg);color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,.12)}
        .view-toggle button i{font-size:.8rem}
        /* Chips: a single horizontally-scrollable row (no wrap) so the bar height is
           fixed and predictable in MAP view. */
        .sheet-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1px}
        .sheet-chips::-webkit-scrollbar{display:none}
        .sheet-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border:1px solid var(--border);border-radius:16px;font-size:.78rem;font-weight:600;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;font-family:inherit;min-height:38px;white-space:nowrap;flex-shrink:0;transition:all .15s}
        .sheet-chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}
        .sheet-chip i{font-size:.72rem}
        /* The scroll region (list) is collapsed to zero in MAP view and expands to
           fill the sheet in LIST view. */
        .sheet-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:8px 14px calc(18px + var(--safe-bottom));padding-left:max(14px,calc(14px + var(--safe-left)));padding-right:max(14px,calc(14px + var(--safe-right)))}
        .sheet-statsrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}
        .sheet-stats{font-size:.8rem;color:var(--text-secondary)}
        .sheet-stats strong{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums}
        .sheet-state-pill{display:none;align-items:center;gap:6px;padding:5px 8px 5px 11px;background:var(--accent);color:#fff;border:none;border-radius:14px;font-size:.74rem;font-weight:600;cursor:pointer;font-family:inherit;min-height:30px}
        .sheet-state-pill.active{display:inline-flex}
        .sheet-state-pill .x{font-size:.68rem;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.2)}
        .sheet-list{display:flex;flex-direction:column}
        /* DETAIL overlay header: an always-present, prominent Close (and Back) so a
           patient can NEVER get stuck on a facility card (request #3). */
        .sheet-detail-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;padding-left:max(12px,calc(12px + var(--safe-left)));padding-right:max(12px,calc(12px + var(--safe-right)));border-bottom:1px solid var(--border);background:var(--card-bg)}
        .sheet-back-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;padding:8px 10px 8px 6px;border-radius:9px;min-height:42px}
        .sheet-back-btn:hover,.sheet-back-btn:focus-visible{background:var(--hover-bg);color:var(--text-primary)}
        .sheet-back-btn i{font-size:.85rem}
        .sheet-frow{display:flex;align-items:center;gap:9px;padding:11px 2px;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}
        .sheet-frow:last-of-type{border-bottom:none}
        .sheet-frow:active{background:var(--hover-bg)}
        .sheet-frow .sc{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;color:#2C3E50;flex-shrink:0}
        .sheet-frow .sc.unrated{color:var(--text-secondary)}
        .sheet-frow .fmeta{flex:1 1 auto;min-width:0}
        .sheet-frow .fnm{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .sheet-frow .fsub{display:block;font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .sheet-frow .fdist{font-size:.7rem;color:var(--text-secondary);font-weight:600;flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:42px}
        .sheet-flag{font-size:.56rem;font-weight:700;color:#fff;background:var(--cls-poor);border-radius:5px;padding:2px 6px;flex:0 0 auto;letter-spacing:.03em;white-space:nowrap}
        .sheet-guide{padding:28px 12px;text-align:center;color:var(--text-secondary)}
        .sheet-guide i{font-size:1.6rem;color:var(--border);margin-bottom:10px;display:block}
        .sheet-guide h4{font-size:.92rem;font-weight:700;color:var(--text-secondary);margin-bottom:5px}
        .sheet-guide p{font-size:.8rem;line-height:1.5;max-width:34ch;margin:0 auto}
        .sheet-legend{font-size:.7rem;color:var(--text-secondary);line-height:1.55;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
        .sheet-legend .lg-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 1px;vertical-align:middle}
        .sheet-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
        .sheet-links a{font-size:.74rem;color:var(--text-secondary);text-decoration:none}
        .sheet-links a:hover{color:var(--accent)}
        .sheet-detail{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
        /* ── MOBILE-CLEAN-1 (v5.6): the three discrete sheet states ────────────
           Heights are CSS-driven off [data-view] / [data-mode] on #detail-sheet.
           MAP: the sheet is exactly the static bar (toggle + chips); the scroll
                region is collapsed so the list can never peek through (request #4).
           LIST: the sheet covers most of the map; the bar stays pinned, the list
                 scrolls underneath it.
           DETAIL: a full overlay with the sticky Close header. */
        .bottom-sheet[data-mode="home"][data-view="map"]{height:auto}
        .bottom-sheet[data-mode="home"][data-view="map"] .sheet-scroll{flex:0 0 0;height:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}
        .bottom-sheet[data-mode="home"][data-view="map"] .sheet-bar{border-bottom-color:transparent}
        .bottom-sheet[data-mode="home"][data-view="list"]{height:calc(100dvh - var(--header-h) - var(--safe-top) - 8px)}
        .bottom-sheet[data-mode="home"][data-view="list"] .sheet-bar{border-bottom-color:var(--border)}
        .bottom-sheet[data-mode="detail"]{height:calc(100dvh - var(--header-h) - var(--safe-top) - 8px)}
        .bottom-sheet[data-mode="detail"] .sheet-home{display:none}
        .bottom-sheet[data-mode="home"] .sheet-detail{display:none}
        /* ── ENF-VIZ: enforcement markers + survey history ─────────────────── */
        /* Marker ring: severity styles the RING (is something wrong here),
           the dot fill keeps the score-classification color (the quality score).
           Colors are the documented classification palette — no new colors. */
        .ftp-flag{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}
        .ftp-flag .ftp-dot{position:relative;z-index:2}
        .ftp-flag .enf-ring{position:absolute;inset:0;border-radius:50%;z-index:1}
        /* CAP-VIZ (C1-RING): graduated RED severity scale. MINOR → CRITICAL reads
           light-red → deep-red, so a patient can tell a minor finding from a
           critical one at a glance without opening the card. */
        .enf-ring.sev-critical{box-shadow:0 0 0 3px #B71C1C,0 0 8px 2px rgba(183,28,28,.85)}
        .enf-ring.sev-severe{box-shadow:0 0 0 3px #E53935,0 0 6px 1px rgba(229,57,53,.7)}
        .enf-ring.sev-moderate{box-shadow:0 0 0 2px #EF5350,0 0 4px 1px rgba(239,83,80,.55)}
        .enf-ring.sev-minor{box-shadow:0 0 0 2px #EF9A9A}
        @media(prefers-reduced-motion:no-preference){
            .enf-ring.sev-critical{animation:enfPulse 2s ease-in-out infinite}
        }
        @keyframes enfPulse{0%,100%{box-shadow:0 0 0 3px #B71C1C,0 0 6px 1px rgba(183,28,28,.6)}50%{box-shadow:0 0 0 3px #B71C1C,0 0 10px 3px rgba(183,28,28,.95)}}
        /* ── GEO-DOT (v5.8): the visitor's own "you are here" location marker ──
           A slightly larger PULSING BLUE dot (distinct from rating/score dots and
           from the red enforcement rings) marking the user's exact position so
           proximity to nearby facilities is readable at a glance. Blue (#2D7DF6)
           is a deliberate non-facility UI color (the documented carve-out, like
           the enforcement reds): it is never used for a score, classification, or
           enforcement signal, so it can't be confused with a facility's rating.
           A white halo keeps it legible on both light and dark basemaps; an
           expanding pulse ring draws the eye. Reduced-motion users get a static
           dot (no pulse). Non-interactive: it's a position marker, not a tap target. */
        .ftp-geo-dot{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;pointer-events:none}
        .ftp-geo-dot .ftp-geo-core{position:relative;z-index:2;width:16px;height:16px;border-radius:50%;background:#2D7DF6;border:3px solid #fff;box-shadow:0 0 0 1px rgba(45,125,246,.55),0 1px 4px rgba(0,0,0,.35)}
        .ftp-geo-dot .ftp-geo-pulse{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;background:rgba(45,125,246,.45);transform:translate(-50%,-50%);z-index:1}
        [data-theme="dark"] .ftp-geo-dot .ftp-geo-core{border-color:#1A1F36}
        @media(prefers-reduced-motion:no-preference){
            .ftp-geo-dot .ftp-geo-pulse{animation:geoPulse 2.2s ease-out infinite}
        }
        @keyframes geoPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}70%{transform:translate(-50%,-50%) scale(3.2);opacity:0}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
        /* Detail card: enforcement banner + per-survey history */
        .enf-banner{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:8px;font-size:.82rem;border:1px solid}
        .enf-banner i{margin-top:1px;font-size:.95rem;flex-shrink:0}
        .enf-banner .enf-banner-body{min-width:0}
        .enf-banner .enf-banner-head{font-weight:700;color:var(--text-primary);margin-bottom:2px}
        .enf-banner .enf-banner-sub{color:var(--text-secondary);font-size:.74rem;line-height:1.45}
        .enf-banner.sev-critical{background:rgba(183,28,28,.12);border-color:rgba(183,28,28,.5);border-left:4px solid #B71C1C}
        .enf-banner.sev-critical i{color:#B71C1C}
        .enf-banner.sev-severe{background:rgba(229,57,53,.1);border-color:rgba(229,57,53,.45);border-left:4px solid #E53935}
        .enf-banner.sev-severe i{color:#E53935}
        .enf-banner.sev-moderate{background:rgba(239,83,80,.08);border-color:rgba(239,83,80,.4);border-left:4px solid #EF5350}
        .enf-banner.sev-moderate i{color:#EF5350}
        .enf-banner.sev-minor{background:rgba(239,154,154,.12);border-color:rgba(239,154,154,.5);border-left:4px solid #EF9A9A}
        .enf-banner.sev-minor i{color:#C62828}
        .enf-banner.expired{background:var(--hover-bg);border-color:var(--border)}
        .enf-banner.expired i{color:var(--text-secondary)}
        /* B-FLAG-SCOPE: the DEMOTED payment-penalty signal. Deliberately NEUTRAL
           (no enforcement red, no new colors — Invariant #18): it must read as
           "informational", clearly distinct from the red active-enforcement
           banner above it. Uses only the existing neutral tokens. */
        .payment-penalty-block{margin-top:14px;padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:var(--hover-bg);font-size:.82rem}
        .payment-penalty-head{font-weight:700;color:var(--text-primary);margin-bottom:3px;display:flex;align-items:center;gap:8px}
        .payment-penalty-head i{color:var(--text-secondary);font-size:.9rem;flex-shrink:0}
        .payment-penalty-sub{color:var(--text-secondary);font-size:.74rem;line-height:1.45}
        .enf-history{margin-top:6px}
        .enf-row{padding:9px 0;border-bottom:1px solid var(--border);font-size:.78rem}
        .enf-row:last-child{border-bottom:none}
        .enf-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        .enf-date{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}
        .enf-tag{color:var(--text-secondary);font-size:.72rem}
        .enf-level{font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:5px;color:#2C3E50;white-space:nowrap}
        .enf-level.lvl-critical{background:#E8A0A0}
        .enf-level.lvl-significant{background:#F0B8A0}
        .enf-level.lvl-minor{background:#F8D08A}
        .enf-status{font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:5px;white-space:nowrap}
        .enf-status.current{background:var(--cls-poor);color:#fff}
        .enf-status.resolved{background:var(--border);color:var(--text-secondary)}
        .enf-desc{color:var(--text-secondary);margin-top:3px;line-height:1.45;overflow-wrap:anywhere}
        .enf-more{font-size:.72rem;color:var(--text-secondary);margin-top:8px}
        .enf-toggle{background:none;border:none;color:var(--accent);font-family:inherit;font-size:.74rem;font-weight:600;cursor:pointer;padding:8px 0 0;min-height:32px}
        /* Mobile FLAGGED pill upgraded to severity-aware (Decision 127) */
        .sheet-flag.sev-critical{background:#B71C1C;color:#fff}
        .sheet-flag.sev-severe{background:#E53935;color:#fff}
        .sheet-flag.sev-moderate{background:#EF5350;color:#fff}
        .sheet-flag.sev-minor{background:#EF9A9A;color:#7B1212}
        /* ── ENF-FILTER: "Recent CMS Enforcement" toggle (desktop filter bar) ──
           Styled as a warning filter, NOT a facility-type chip: it carries the
           enforcement-critical tint when active so it reads as "show only the
           flagged" rather than "another category." */
        .enf-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:16px;font-size:.72rem;font-weight:600;cursor:pointer;background:var(--card-bg);color:var(--text-secondary);transition:all .15s;user-select:none;white-space:nowrap;min-height:32px;flex-shrink:0;font-family:inherit}
        .enf-filter-chip i{font-size:.7rem;color:#C0392B;transition:color .15s}
        .enf-filter-chip:hover{background:rgba(232,160,160,.14);color:var(--text-primary);border-color:rgba(232,160,160,.6)}
        .enf-filter-chip[aria-pressed="true"]{background:#C0392B;color:#fff;border-color:#C0392B}
        .enf-filter-chip[aria-pressed="true"] i{color:#fff}
        .enf-filter-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
        /* ── ENF-FILTER (mobile): removed in MOBILE-CLEAN-1 (v5.6) — the in-sheet
           enforcement toggle markup was dropped from the mobile surface. The
           desktop filter-bar enforcement chip (.enf-filter-chip) is UNCHANGED. ── */
        /* ── STATE DOTS: individual facility dots when a state is drilled into ──
           Larger, brighter, bordered dots replace the color-coded clusters so the
           whole state reads as discrete rated facilities, not pies. */
        .ftp-statedot{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 1px 5px rgba(0,0,0,.3);filter:saturate(1.25)}
        [data-theme="dark"] .ftp-statedot{border-color:rgba(255,255,255,.92)}
        .ftp-flag.statedot-flag .ftp-dot{border:2px solid #fff}
        [data-theme="dark"] .ftp-flag.statedot-flag .ftp-dot{border-color:rgba(255,255,255,.92)}
        /* ── Survey findings: collapsed-by-default disclosure ── */
        .enf-disclosure{margin-top:6px}
        .enf-disc-btn{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--card-bg);color:var(--text-primary);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;min-height:44px;transition:background .15s,border-color .15s}
        .enf-disc-btn:hover{background:var(--hover-bg);border-color:var(--accent)}
        .enf-disc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
        .enf-disc-btn .ed-ic{flex-shrink:0;color:var(--text-secondary);font-size:.8rem;transition:transform .2s}
        .enf-disc-btn[aria-expanded="true"] .ed-ic{transform:rotate(90deg)}
        .enf-disc-btn .ed-label{flex:1;min-width:0}
        .enf-disc-btn .ed-caret{flex-shrink:0;color:var(--text-secondary);font-size:.7rem}
        .enf-disc-panel[hidden]{display:none}
        .enf-disc-panel{margin-top:4px}
        /* ── TRANSLATE-1: plain-language patient summary ───────────────────────
           A calm reading of the data, placed first in the card body (persona-1
           wins). The left accent bar shifts with the overall tone; every color is
           from the documented classification palette / accent — no new colors
           (Invariant #18). Distinct from the alarm-toned .enf-banner. */
        .patient-summary{margin:16px 0 4px;padding:14px 16px 12px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;background:var(--hover-bg)}
        .patient-summary .ps-eyebrow{display:flex;align-items:center;gap:7px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:8px}
        .patient-summary .ps-eyebrow i{font-size:.78rem;color:var(--accent)}
        .patient-summary .ps-line{font-size:.92rem;line-height:1.5;color:var(--text-primary);margin:0 0 8px}
        .patient-summary .ps-line:last-of-type{margin-bottom:6px}
        .patient-summary .ps-foot{font-size:.7rem;color:var(--text-secondary);line-height:1.45;border-top:1px solid var(--border);padding-top:8px;margin-top:2px}
        .patient-summary .ps-foot a{color:var(--accent);text-decoration:none}
        .patient-summary .ps-foot a:hover{text-decoration:underline}
        /* tone bar + eyebrow icon by overall reading */
        .patient-summary.tone-good{border-left-color:#5FA85F}
        .patient-summary.tone-good .ps-eyebrow i{color:#5FA85F}
        .patient-summary.tone-mid{border-left-color:var(--accent)}
        .patient-summary.tone-low{border-left-color:#C0392B}
        .patient-summary.tone-low .ps-eyebrow i{color:#C0392B}
        .patient-summary.tone-flag{border-left-color:#C0392B;background:rgba(232,160,160,.12)}
        .patient-summary.tone-flag .ps-eyebrow i{color:#C0392B}
        [data-theme="dark"] .patient-summary.tone-good{border-left-color:#A0D8A0}
        [data-theme="dark"] .patient-summary.tone-good .ps-eyebrow i{color:#A0D8A0}
        .section-note{font-size:.74rem;color:var(--text-secondary);line-height:1.45;margin:-4px 0 10px}
        /* ── CAP-VIZ (C2-CAP): capabilities filter — desktop trigger + dropdown ── */
        .cap-filter{position:relative;flex-shrink:0}
        .cap-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--border);border-radius:16px;font-size:.72rem;font-weight:600;cursor:pointer;background:var(--card-bg);color:var(--text-secondary);transition:all .15s;white-space:nowrap;min-height:32px;font-family:inherit}
        .cap-filter-btn i{font-size:.7rem}
        .cap-filter-btn .cap-caret{font-size:.6rem;opacity:.7;transition:transform .2s}
        .cap-filter-btn[aria-expanded="true"] .cap-caret{transform:rotate(180deg)}
        .cap-filter-btn:hover{background:var(--hover-bg);color:var(--text-primary)}
        .cap-filter-btn.has-active{background:var(--accent);color:#fff;border-color:var(--accent)}
        .cap-filter-btn.has-active i{color:#fff}
        .cap-filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
        .cap-count{display:none;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#fff;color:var(--accent);font-size:.62rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
        .cap-filter-btn:not(.has-active) .cap-count{background:var(--accent);color:#fff}
        .cap-menu{position:absolute;top:calc(100% + 8px);left:0;width:300px;max-width:calc(100vw - 32px);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16);z-index:650;display:none;overflow:hidden}
        .cap-menu.open{display:block}
        .cap-menu-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}
        .cap-clear{background:none;border:none;color:var(--accent);font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:6px;text-transform:none;letter-spacing:0}
        .cap-clear:hover{background:var(--hover-bg)}
        .cap-menu-list{max-height:min(60vh,360px);overflow-y:auto;padding:6px}
        .cap-menu-foot{padding:9px 14px;border-top:1px solid var(--border);font-size:.68rem;color:var(--text-secondary);line-height:1.4}
        .cap-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:background .12s}
        .cap-opt:hover{background:var(--hover-bg)}
        .cap-opt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
        .cap-opt .cap-ic{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);color:var(--accent);font-size:.82rem}
        .cap-opt .cap-text{flex:1;min-width:0;line-height:1.25}
        .cap-opt .cap-label{display:block;font-size:.82rem;font-weight:600}
        .cap-opt .cap-hint{display:block;font-size:.68rem;color:var(--text-secondary)}
        .cap-opt .cap-check{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;transition:all .12s}
        .cap-opt .cap-check i{opacity:0}
        .cap-opt.on .cap-ic{background:var(--accent);color:#fff}
        .cap-opt.on .cap-check{background:var(--accent);border-color:var(--accent)}
        .cap-opt.on .cap-check i{opacity:1}
        /* ── CAP-VIZ (C5-LEGEND): map rating legend (desktop), top-left under bar ── */
        .map-legend{position:absolute;top:64px;left:12px;z-index:440;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:10px;padding:9px 12px;box-shadow:0 2px 12px rgba(0,0,0,.06);font-size:.68rem;color:var(--text-secondary);max-width:210px}
        [data-theme="dark"] .map-legend{background:rgba(44,62,80,.92)}
        .map-legend .lg-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px}
        .map-legend .lg-rows{display:flex;flex-direction:column;gap:3px}
        .map-legend .lg-row{display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:.7rem;line-height:1.3}
        .map-legend .lg-swatch{flex-shrink:0;width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
        .map-legend .lg-enf{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);line-height:1.35;font-size:.66rem}
        .map-legend .lg-ring{flex-shrink:0;width:11px;height:11px;margin-top:1px;border-radius:50%;background:var(--cls-average);box-shadow:0 0 0 2px #B71C1C}
        /* (MOBILE-CLEAN-1 v5.6: the mobile in-sheet capabilities panel and the
           in-sheet enforcement toggle were removed from the mobile surface to
           declutter it; their CSS is dropped here. The desktop filter-bar
           Capabilities dropdown and enforcement chip are UNCHANGED.) */
        .print-methodology-url{display:none}
    </style>
</head>
<body>
    <div class="loading-overlay" id="loading"><div class="spinner"></div></div>
    <div class="offline-toast" id="offline-toast" role="alert" aria-live="assertive"><i class="fas fa-wifi" style="margin-right:6px;opacity:.7"></i> You're offline.</div>

    <header class="header" role="banner">
        <div class="header-inner">
            <a href="/" class="logo-link" aria-label="ForThePatient home"><div class="logo">For The Patient</div><span class="logo-sub">Healthcare Quality</span></a>
            <div class="header-right">
                <a class="nav-btn active" href="/" aria-label="Map" aria-current="page">Map</a>
                <a class="nav-btn" href="/about" aria-label="About">About</a>
                <a class="nav-btn" href="/methodology" aria-label="Methodology">Method</a>
                <button class="toggle-switch" id="theme-toggle-btn" onclick="toggleTheme()" role="switch" aria-checked="false" aria-label="Toggle dark mode" type="button"><div class="toggle-slider"><i class="fas fa-sun" aria-hidden="true"></i></div></button>
            </div>
        </div>
    </header>

    <main class="main" id="map-page" role="main">
        <div id="map" role="application" aria-label="Healthcare facility map"></div>
        <div class="query-loading" id="query-loading" role="progressbar" aria-label="Loading"></div>
        <div class="filter-bar" id="filter-bar" role="search" aria-label="Filters">
            <div class="search-compact"><i class="fas fa-search search-icon" aria-hidden="true"></i><input type="text" id="name-search" placeholder="Search facility…" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="combobox" aria-expanded="false" aria-controls="name-results" aria-autocomplete="list" aria-label="Search facility by name"><div class="name-results" id="name-results" role="listbox"></div></div>
            <div class="filter-divider" aria-hidden="true"></div>
            <button class="state-filter-badge" id="state-filter-badge" type="button" hidden aria-label="Clear state filter"><span id="state-filter-name"></span><i class="fas fa-times state-filter-x" aria-hidden="true"></i></button>
            <button class="enf-filter-chip" id="enf-filter-chip" type="button" aria-pressed="false" aria-label="Show only facilities under recent CMS enforcement" title="Show only facilities under recent CMS enforcement"><i class="fas fa-gavel" aria-hidden="true"></i> Recent CMS enforcement</button>
            <div class="cap-filter">
                <button class="cap-filter-btn" id="cap-filter-btn" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="cap-menu" aria-label="Filter by capabilities" title="Filter by capabilities (NICU, ER, cardiac cath, MRI, and more)"><i class="fas fa-list-check" aria-hidden="true"></i> Capabilities<span class="cap-count" aria-hidden="true"></span><i class="fas fa-chevron-down cap-caret" aria-hidden="true"></i></button>
                <div class="cap-menu" id="cap-menu" role="dialog" aria-label="Required capabilities"></div>
            </div>
            <div class="chip-scroll-wrap"><div class="chip-scroll" id="chip-scroll" role="group" aria-label="Filters"></div></div>
            <div class="stats-inline" aria-live="polite"><span class="stat-item"><strong id="total-count">0</strong><span class="stats-label">&nbsp;in view</span></span><span class="stat-item"><span class="stats-label">avg&nbsp;</span><strong id="avg-score">—</strong></span></div>
        </div>
        <div class="map-legend" id="map-legend" aria-label="Map rating legend"></div>
        <aside class="info-panel" id="info-panel" role="dialog" aria-modal="false" aria-label="Facility details"><div class="resize-handle" id="resize-handle" aria-hidden="true"></div><div id="facility-info-content"><div class="empty-state"><i class="fas fa-map-marker-alt" aria-hidden="true"></i><h4>Select a Facility</h4><p>Click any point on the map to view detailed quality scores</p></div></div></aside>
        <div class="footer-bar" aria-label="Legal"><a href="/about">About</a><a href="/methodology">Methodology</a><a href="/medical-disclaimer">Disclaimer</a><a href="/dispute-process">Dispute</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></div>
    </main>

    <!--
      MOBILE-CLEAN-1 (v5.6): the mobile surface is now a STATIC bottom control bar,
      not a draggable peek/half/full sheet. In MAP view it is a fixed bar (the
      List/Map toggle + the facility-type chips) and nothing else — no search, no
      Near-me, no enforcement toggle, no capabilities, no list — leaving the map
      fully visible and uncluttered. Tapping LIST expands the sheet to cover the
      map and show the scrollable nearby list under the same static bar. DETAIL is
      a full overlay with an always-present, prominent Close button.
    -->
    <div class="bottom-sheet" id="detail-sheet" aria-label="Facilities" role="region" aria-hidden="false">
        <!-- HOME mode: static control bar (Map view) / expands to cover map (List view) -->
        <div class="sheet-home" id="sheet-home">
            <div class="sheet-bar" id="sheet-bar">
                <div class="view-toggle" id="view-toggle" role="group" aria-label="List or map view">
                    <button type="button" data-view="map" class="on" aria-pressed="true"><i class="fas fa-map" aria-hidden="true"></i> Map</button>
                    <button type="button" data-view="list" aria-pressed="false"><i class="fas fa-list-ul" aria-hidden="true"></i> List</button>
                </div>
                <div class="sheet-chips" id="sheet-chips" role="group" aria-label="Facility types"></div>
            </div>
            <div class="sheet-scroll" id="sheet-scroll">
                <div class="sheet-statsrow">
                    <span class="sheet-stats" id="sheet-stats" aria-live="polite"></span>
                    <button class="sheet-state-pill" id="sheet-state-pill" type="button" aria-label="Clear state filter"><span id="sheet-state-name"></span><i class="fas fa-times x" aria-hidden="true"></i></button>
                </div>
                <div class="sheet-list" id="sheet-list"></div>
            </div>
        </div>
        <!-- DETAIL mode: facility detail (shared renderer) with sticky close header -->
        <div class="sheet-detail" id="sheet-detail" hidden>
            <div class="sheet-detail-bar">
                <button class="sheet-back-btn" id="sheet-back-btn" type="button" aria-label="Back to results"><i class="fas fa-arrow-left" aria-hidden="true"></i> Back</button>
                <button class="sheet-close-btn" id="sheet-close-btn" type="button" aria-label="Close facility details"><i class="fas fa-times" aria-hidden="true"></i></button>
            </div>
            <div class="sheet-body" id="detail-sheet-body"></div>
        </div>
    </div>

    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
    <script src="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js" crossorigin=""></script>
    <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
    <script src="app.js"></script>
</body>
</html>