:root{--bg:#fffaf5;--ink:#2a1f1a;--accent:#c2410c;--mut:#7a6a60}
@media(prefers-color-scheme:dark){:root{--bg:#1a1411;--ink:#f3e9e1;--accent:#fb923c;--mut:#b5a398}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}
main,.site-header,.site-footer{max-width:1100px;margin:0 auto;padding:16px}
.site-header{display:flex;justify-content:space-between;align-items:center}
.site-header a{color:var(--ink);margin-left:16px;text-decoration:none}
.site-header .brand{font-weight:700;color:var(--accent);margin:0}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.filters input,.filters select{padding:8px;border-radius:6px;border:1px solid var(--mut);background:var(--bg);color:var(--ink)}
#map{height:420px;border-radius:10px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card img,.yt img{width:100%;height:auto;border-radius:8px;display:block}
.card a{color:var(--ink);text-decoration:none}
.meta{color:var(--mut);margin:4px 0}
.stars{color:var(--accent);font-weight:600}
.yt{position:relative;display:block;max-width:480px}
.play{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#fff;text-shadow:0 2px 8px #000}
.review{margin:24px 0}
.site-footer{color:var(--mut);font-size:14px}
.pop{width:260px;font-size:14px;line-height:1.35}
.pop-yt{position:relative;display:block;margin-bottom:6px}
.pop-yt img{width:100%;height:auto;border-radius:6px;display:block}
.pop-yt .play{font-size:34px}
.pop-meta{color:#666;font-size:13px}
.pop p{margin:4px 0 6px}
.leaflet-popup-content{margin:10px 12px}
.take{margin:6px 0}
.pop .take{font-size:13px;margin:6px 0}

.crumbs{font-size:13px;margin:0 0 8px}.answer{background:#fff7ed;border-left:4px solid #c2410c;padding:10px 12px;border-radius:4px}.faq h3{margin:14px 0 4px;font-size:16px}.faq p{margin:0 0 8px}

.yt-player{display:block;width:100%;max-width:none;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}
article .yt{max-width:none;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#000}
article .yt img{width:100%;height:100%;object-fit:cover;border-radius:0}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cats a{padding:6px 12px;border:1px solid #c2410c;border-radius:999px;color:#c2410c;text-decoration:none;font-size:14px}.cats a[aria-current=page],.cats a:hover{background:#c2410c;color:#fff}
#fs{padding:8px 14px;border-radius:6px;border:1px solid var(--mut);background:var(--bg);color:var(--ink);cursor:pointer;margin:0 0 12px;font:inherit}
#mapwrap.fs{position:fixed;inset:0;z-index:2000;background:var(--bg);display:flex;flex-direction:column;padding:10px;overflow:auto}
#mapwrap.fs .filters{margin:0 0 8px}
#mapwrap.fs #fs{align-self:flex-start;margin:0 0 8px}
#mapwrap.fs #map{flex:1;height:auto;min-height:300px;margin:0;border-radius:6px}
body.fs-lock{overflow:hidden}