:root{
  --ink:#1d1d1f;--muted:#6e6e73;--paper:#f5f5f7;--panel:#fff;--line:rgba(60,60,67,.18);
  --blue:#007aff;--blue-dark:#0062cc;--blue-soft:#e8f2ff;--green:#34c759;--danger:#ff3b30;--accent:#007aff;--accent-soft:#e8f2ff;
  --shadow:0 18px 50px rgba(0,0,0,.12);--soft-shadow:0 4px 22px rgba(0,0,0,.09);--radius:20px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,36px);background:rgba(248,248,250,.86);border-bottom:1px solid rgba(60,60,67,.14);position:sticky;top:0;z-index:1000;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}.brand-lockup{display:flex;align-items:center;min-width:0}.brand-copy{min-width:0}.brand-title-row{display:flex;align-items:center;gap:10px;min-width:0}.brand-wordmark{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--ink);white-space:nowrap;letter-spacing:-.035em}.wordmark-dp{font-size:21px;line-height:1;font-weight:800;color:var(--blue);letter-spacing:-.055em}.wordmark-name{font-size:18px;line-height:1.1;font-weight:720}.poc-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(0,122,255,.1);color:#0068d7;font-size:10px;font-weight:750;letter-spacing:.02em;white-space:nowrap}.brand-lockup p{margin:3px 0 0;color:var(--muted);font-size:12px;white-space:nowrap}.admin-link{text-decoration:none;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;background:rgba(118,118,128,.12);color:var(--ink)}
.app-shell{height:calc(100dvh - 72px);padding:12px;max-width:1800px;margin:0 auto}.directory-layout{height:100%;display:grid;grid-template-columns:minmax(350px,405px) minmax(0,1fr);background:#fff;border:1px solid rgba(60,60,67,.12);border-radius:24px;overflow:hidden;box-shadow:0 8px 35px rgba(0,0,0,.08)}.list-pane{height:100%;overflow:auto;background:rgba(248,248,250,.97);border-right:1px solid rgba(60,60,67,.14);scrollbar-width:thin}.sidebar-tools{position:sticky;top:0;z-index:30;padding:16px 14px 10px;background:rgba(248,248,250,.9);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid rgba(60,60,67,.08)}.search-box{height:46px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(60,60,67,.12)}.search-box:focus-within{box-shadow:0 0 0 3px rgba(0,122,255,.14),0 0 0 1px rgba(0,122,255,.45)}.search-box svg{width:19px;height:19px;fill:none;stroke:#8e8e93;stroke-width:1.8;flex:0 0 auto}.search-box input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:16px}.search-box input::placeholder{color:#8e8e93}.filter-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.filter-row select,.secondary-button{height:38px;border:0;border-radius:11px;background:rgba(118,118,128,.12);padding:0 11px;color:var(--ink);font-size:13px;font-weight:600;outline:none}.filter-row select{min-width:0}.secondary-button span{display:inline-grid;place-items:center;margin-left:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px}.tag-panel{margin-top:10px;padding:12px;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 0 0 1px rgba(60,60,67,.12)}.tag-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px}.icon-button{border:0;background:rgba(118,118,128,.12);width:28px;height:28px;border-radius:50%;color:#6e6e73;font-size:20px;line-height:1}.tag-options{display:flex;gap:7px;flex-wrap:wrap}.tag-option{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:rgba(118,118,128,.1);font-size:12px}.tag-option:has(input:checked){background:var(--blue);color:#fff}.tag-option input{position:absolute;opacity:0}.clear-filter-button{width:100%;margin-top:10px;border:0;background:transparent;color:var(--blue);font-weight:600;font-size:12px;padding:5px}.results-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.results-head strong{font-size:13px}.results-head span{color:var(--muted);font-size:13px}.text-button{border:0;background:transparent;color:var(--blue);font-weight:600;padding:7px;font-size:12px}.sample-notice{margin:0 14px 8px;padding:8px 10px;border-radius:10px;background:rgba(255,204,0,.11);color:#735c00;font-size:11px}.sample-notice a{color:inherit;font-weight:600}.resource-list{display:flex;flex-direction:column;gap:8px;padding:0 10px 20px}.resource-card{width:100%;border:0;border-radius:17px;background:#fff;padding:14px 15px;text-align:left;box-shadow:0 0 0 1px rgba(60,60,67,.1),0 2px 8px rgba(0,0,0,.035);transition:transform .16s ease,box-shadow .16s ease}.resource-card:hover,.resource-card:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(0,122,255,.24),0 5px 18px rgba(0,0,0,.075);outline:none}.resource-card.selected{box-shadow:0 0 0 2px var(--blue),0 8px 22px rgba(0,122,255,.12)}.card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-category{font-size:11px;color:var(--blue);font-weight:650}.card-chevron{width:24px;height:24px;border-radius:50%;background:rgba(118,118,128,.1);display:grid;place-items:center;color:#8e8e93;font-size:16px;flex:0 0 auto}.resource-card h3{font-size:17px;line-height:1.22;letter-spacing:-.012em;margin:4px 0 5px}.card-address{font-size:12px;color:var(--muted);line-height:1.35;margin-bottom:8px}.card-description{font-size:13px;line-height:1.42;color:#4a4a4d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.mini-tag{font-size:10.5px;background:rgba(118,118,128,.1);border-radius:999px;padding:4px 7px;color:#66666b}.empty-state{padding:55px 24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:6px}.empty-state strong{color:var(--ink)}
.map-pane{position:relative;min-width:0;background:#e8edf1}.map-pane #map{position:absolute;inset:0}.map-float{position:absolute;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);box-shadow:var(--soft-shadow);border:1px solid rgba(60,60,67,.12);color:#5d5d62}.map-hint{left:14px;bottom:14px;padding:8px 11px;border-radius:999px;font-size:11px;pointer-events:none}.reset-map{right:14px;bottom:14px;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:650}.maplibregl-ctrl-top-right{top:10px;right:10px}.maplibregl-ctrl-group{border-radius:13px!important;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.13)!important;background:rgba(255,255,255,.92)!important}.maplibregl-ctrl-group button{width:38px!important;height:38px!important}.maplibregl-ctrl-attrib{font-size:9px!important;background:rgba(255,255,255,.74)!important}.maplibregl-popup{max-width:260px!important}.maplibregl-popup-content{border-radius:16px!important;padding:12px 14px!important;box-shadow:0 12px 35px rgba(0,0,0,.16)!important;font-family:inherit!important}.maplibregl-popup-close-button{width:26px;height:26px;font-size:18px;color:#8e8e93}.popup-cat{font-size:10px;color:var(--blue);font-weight:650;margin-bottom:3px}.popup-title{font-size:14px;font-weight:700;line-height:1.2;padding-right:16px;margin-bottom:4px}.popup-address{font-size:11px;color:var(--muted);line-height:1.35}.map-marker{width:42px;height:42px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;outline:none}.map-marker-dot{width:31px;height:31px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 3px 10px rgba(0,0,0,.28);display:grid;place-items:center;transition:transform .16s ease,box-shadow .16s ease;will-change:transform}.map-marker-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}.map-marker:hover .map-marker-dot,.map-marker:focus-visible .map-marker-dot{transform:scale(1.12)}.map-marker.selected .map-marker-dot{transform:scale(1.28);box-shadow:0 4px 16px rgba(0,122,255,.4),0 0 0 5px rgba(0,122,255,.16)}.mobile-view-toggle{display:none}
.detail-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:1900;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.detail-panel{position:fixed;z-index:2000;right:22px;top:94px;width:min(410px,calc(100vw - 44px));max-height:calc(100dvh - 116px);background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border:1px solid rgba(60,60,67,.14);box-shadow:0 24px 70px rgba(0,0,0,.19);border-radius:24px;padding:23px 22px 24px;overflow:auto;transform:translateY(10px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}.detail-panel.open{transform:translateY(0) scale(1);opacity:1}.sheet-handle{display:none}.detail-close{position:absolute;right:14px;top:14px;border:0;background:rgba(118,118,128,.14);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.detail-close svg{width:15px;height:15px;fill:none;stroke:#6e6e73;stroke-width:2}.detail-category{font-size:11px;font-weight:650;color:var(--blue);margin:4px 36px 6px 0}.detail-panel h2{font-size:27px;letter-spacing:-.03em;line-height:1.06;margin:0 38px 7px 0}.detail-address{color:var(--muted);line-height:1.4;font-size:13px}.detail-description{font-size:14px;line-height:1.55;margin:18px 0;color:#38383b}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.detail-field{background:rgba(118,118,128,.08);padding:11px;border-radius:13px;font-size:12px;line-height:1.4}.detail-field strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8e8e93;margin-bottom:4px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:10px 13px;font-weight:650;font-size:13px}.primary-link{background:var(--blue);color:#fff}.secondary-link{color:var(--blue);background:var(--blue-soft)}
@media(max-width:880px){.detail-backdrop{display:block}.site-header{height:64px;padding:0 14px}.wordmark-dp{font-size:19px}.wordmark-name{font-size:16px}.brand-lockup p{display:none}.poc-badge{height:20px;padding:0 7px;font-size:9px}.app-shell{height:calc(100dvh - 64px);padding:8px}.mobile-view-toggle{height:36px;display:flex;background:rgba(118,118,128,.12);border-radius:11px;padding:2px;margin:0 0 8px}.view-toggle{flex:1;border:0;background:transparent;border-radius:9px;padding:6px;font-weight:600;font-size:13px;color:var(--muted)}.view-toggle.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}.directory-layout{height:calc(100% - 44px);display:block;border-radius:20px}.list-pane{height:100%;border-right:0}.map-pane{height:100%;display:none}.directory-layout.map-view .list-pane{display:none}.directory-layout.map-view .map-pane{display:block}.sidebar-tools{padding:12px 10px 9px}.search-box{height:44px}.resource-list{padding:0 8px 18px}.results-head{padding:12px 12px 6px}.sample-notice{margin:0 10px 7px}.map-hint{display:none}.reset-map{bottom:12px;right:12px}.detail-backdrop{background:rgba(0,0,0,.12)}.detail-panel{top:auto;right:0;bottom:0;width:100%;max-height:78dvh;border-radius:24px 24px 0 0;padding:29px 18px calc(25px + env(safe-area-inset-bottom));transform:translateY(105%);opacity:1}.detail-panel.open{transform:translateY(0)}.sheet-handle{display:block;position:absolute;top:8px;left:50%;transform:translateX(-50%);width:38px;height:5px;border-radius:999px;background:#d1d1d6}.detail-panel h2{font-size:25px}.detail-grid{grid-template-columns:1fr}.maplibregl-ctrl-top-right{top:8px;right:8px}}
@media(max-width:430px){.brand-title-row{gap:7px}.brand-wordmark{gap:5px}.wordmark-dp{font-size:17px}.wordmark-name{font-size:14px}.poc-badge{font-size:8px;padding:0 6px}.filter-row{grid-template-columns:minmax(0,1fr) auto}.admin-link{font-size:12px;padding:7px 10px}.resource-card{padding:13px}.detail-actions>a{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.resource-card,.map-marker-dot,.detail-panel{transition:none!important}}