:root{--bg:#f4f7fb;--surface:#fff;--text:#172033;--muted:#6d7688;--line:#dfe5ef;--accent:#3158d8;--soft:#edf2ff}html[data-theme=dark]{--bg:#0f1420;--surface:#181f2e;--text:#f6f8fb;--muted:#a8b2c4;--line:#303a4e;--accent:#9ab0ff;--soft:#243253}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px max(18px,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#6b52d9);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.72rem}.topbar nav{display:flex;gap:5px;margin-left:auto}.topbar button{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;cursor:pointer}.topbar nav button.active,.topbar button:hover{background:var(--surface);color:var(--text)}.icon{border:1px solid var(--line)!important}main{width:min(1180px,calc(100% - 28px));margin:auto;padding:44px 0 80px}.hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:44px}.hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98;letter-spacing:-.06em;margin:.1em 0}.hero>div>p:last-child{color:var(--muted);max-width:700px;line-height:1.6}.hero aside{background:var(--surface);border:1px solid var(--line);padding:15px 18px;border-radius:16px;min-width:240px}.hero aside span,.hero aside b{display:block}.hero aside span{color:var(--muted);font-size:.8rem;margin-top:3px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;margin:0 0 7px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.heading h2{margin:0;font-size:2rem}.heading small{color:var(--muted)}.filters{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:10px;background:var(--surface);padding:10px;border:1px solid var(--line);border-radius:18px}.filters input,.filters select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:0 12px}.filters input:focus,.filters select:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.primary{border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.meta{display:flex;justify-content:space-between;align-items:center;min-height:48px;color:var(--muted);font-size:.85rem}.meta button{border:0;background:transparent;color:var(--accent);cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.directory-card{background:var(--surface);border:1px solid var(--line);border-radius:18px}.directory-card{padding:20px}.card{display:flex;flex-direction:column;min-height:270px;overflow:hidden;transition:.2s;cursor:pointer}.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 40px rgba(30,45,80,.12);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));outline:none}.card-media{aspect-ratio:16/9;background:var(--soft);overflow:hidden}.card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.card:hover .card-media img{transform:scale(1.025)}.card-body{display:flex;flex:1;flex-direction:column;padding:20px}.tag{display:inline-block;width:max-content;padding:6px 9px;background:var(--soft);color:var(--accent);border-radius:999px;font-size:.72rem;font-weight:800}.card h3{font-size:1.12rem;line-height:1.3;margin:20px 0 10px}.card p{color:var(--muted);line-height:1.55;font-size:.9rem}.card footer{margin-top:auto;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.read-more{color:var(--accent);font-weight:700}.star{float:right;border:0;background:transparent;color:#d49a0a;font-size:1.1rem;cursor:pointer}.directory{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:18px;margin-top:16px;align-items:start}.directory-list{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.directory-list>.meta{position:sticky;top:0;z-index:2;margin:0;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line)}#directoryResults{max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding:10px;scrollbar-gutter:stable}.directory-card{margin-bottom:10px;padding:16px}.directory-card:last-child{margin-bottom:0}.directory-card.has-map-point{cursor:pointer}.directory-card.has-map-point:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--soft) 45%,var(--surface))}.directory-card h3{margin:0 0 7px}.directory-card p{color:var(--muted);font-size:.85rem;margin:5px 0;overflow-wrap:anywhere}.directory-card a{color:var(--accent);margin-right:12px}.directory-map{position:sticky;top:84px;height:568px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}footer{padding:25px;max-width:1180px;margin:auto;color:var(--muted);font-size:.8rem}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.directory{grid-template-columns:1fr}.directory-map{position:relative;top:auto;height:420px;order:-1}#directoryResults{max-height:440px}.hero{grid-template-columns:1fr}}@media(max-width:650px){.brand small{display:none}.topbar{gap:8px}.topbar nav{overflow:auto}.topbar nav button{padding:8px}.grid,.filters{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.grid{gap:10px}.directory{gap:12px}.directory-map{height:340px;border-radius:14px}#directoryResults{max-height:380px}.directory-card{padding:14px}}.empty-state{min-height:270px;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0;max-width:32ch}
.load-more-wrap{display:flex;justify-content:center;padding:26px 0 4px}.load-more{min-width:180px;min-height:46px;padding:0 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--accent);font-weight:800;cursor:pointer;transition:.2s}.load-more:hover{border-color:var(--accent);transform:translateY(-1px)}.load-more:disabled{opacity:.55;cursor:wait;transform:none}.load-more[hidden]{display:none}