@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#076953;--ink:#193e36;--muted:#697a74;--line:#e5ebe7;--paper:#fff;--yellow:#f5cc72}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px 'DM Sans',sans-serif;background:#f7f9f7}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:white;border-bottom:1px solid var(--line);gap:20px}.brand{font:800 23px Manrope,sans-serif;text-decoration:none;display:flex;align-items:center;white-space:nowrap}.brand>span:not(.brand-icon){font-weight:400}.brand small{align-self:flex-end;font-size:12px;margin:0 0 4px 2px;color:var(--muted)}.brand-icon{background:var(--green);color:var(--yellow);border-radius:12px;font-size:30px;width:40px;height:43px;text-align:center;margin-right:10px}nav{display:flex;height:100%;gap:34px;align-items:center}nav a{text-decoration:none;font-size:14px;height:100%;display:flex;align-items:center;color:var(--muted)}nav a.active{border-bottom:3px solid var(--green);color:var(--green)}.destination{font-size:12px;letter-spacing:1.8px}.destination span{color:#b07a18;font-size:24px;margin-left:18px}.explorer{display:flex;height:calc(100dvh - 82px)}.sidebar{width:410px;flex-shrink:0;overflow:auto;background:white;scrollbar-width:thin}.intro{padding:30px 28px 22px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--green)}h1{font:800 39px/1.15 Manrope,sans-serif;letter-spacing:-1.5px;margin:15px 0 10px}h1 em{font-style:normal;color:var(--green)}.intro p{color:var(--muted);font-size:14px;margin:0 0 22px}.search{display:flex;align-items:center;border:1px solid #dce4dd;border-radius:12px;padding:12px;gap:10px;background:#f9fbf8}.search>span{font-size:25px;line-height:1}.search input{border:0;background:transparent;min-width:0;width:100%;outline:none;font-size:14px}.search:focus-within{outline:2px solid var(--green)}kbd{color:#a1ada5;border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:12px}.filter-title{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin:25px 0 12px}.filter-title button{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}.styles{display:flex;gap:7px;flex-wrap:wrap}.styles button{border:1px solid var(--line);border-radius:8px;background:white;padding:9px 11px;font-size:13px;color:#4d6259}.styles button.selected{background:#e8f3eb;border-color:#8fb8a0;color:var(--green)}.results{border-top:1px solid var(--line);padding:20px 20px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:0 8px 16px}.results-heading h2{font-size:16px;margin:0}.results-heading>span{font-size:12px;color:var(--muted)}.place-card{width:100%;text-align:left;padding:10px;border:1px solid var(--line);border-radius:14px;background:white;display:flex;gap:14px;margin:0 0 12px;transition:.2s}.place-card:hover{border-color:#75a892;box-shadow:0 6px 18px #143b3010;transform:translateY(-1px)}.thumb{width:108px;height:110px;flex-shrink:0;border-radius:9px;object-fit:cover;background:#e2eeea;display:grid;place-items:center;font-size:34px}.card-info{padding:3px 0;min-width:0}.card-info small{font-size:10px;color:var(--green);font-weight:700;letter-spacing:1px;text-transform:uppercase}.card-info h3{font:800 16px Manrope;margin:6px 0}.card-info p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 10px}.card-meta{font-size:11px;color:#547361}.card-meta b{color:var(--green);font-weight:500}.map-shell{flex:1;position:relative;isolation:isolate;min-width:0;background:#cfe8e6}#map{position:absolute;inset:0;z-index:0}.map-filters{position:absolute;z-index:500;top:20px;left:22px;right:22px;display:flex;gap:8px;overflow:auto;padding-bottom:8px;scrollbar-width:none}.map-filters button{border:1px solid #d8e4dc;white-space:nowrap;background:white;border-radius:24px;padding:11px 17px;font-size:13px;color:#405e52;box-shadow:0 3px 10px #183c3010}.map-filters button.selected{background:var(--green);color:white;border-color:var(--green)}.map-heading{position:absolute;top:93px;left:25px;z-index:400;background:#fffffff2;box-shadow:0 4px 25px #153c3010;padding:15px 20px;border-radius:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.map-heading .eyebrow{font-size:9px}.map-heading strong{font:800 18px Manrope}.map-heading>span:last-child{font-size:12px;color:var(--muted)}.fit{position:absolute;bottom:40px;left:24px;z-index:400;background:white;border:1px solid #dbe5dd;border-radius:10px;padding:12px 17px;font-size:13px;box-shadow:0 3px 16px #123a3015}.map-key{position:absolute;right:15px;bottom:42px;background:#fffffff0;border-radius:8px;padding:11px;font-size:11px;z-index:400}.map-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#148c86;margin:0 4px 0 9px}.map-key i:nth-child(2){background:#b79440}.map-key i:nth-child(3){background:#9c669a}.pin{background:white;border:2px solid white;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);width:37px;height:37px;box-shadow:0 3px 9px #233e3540;display:grid;place-items:center;color:white}.pin span{transform:rotate(45deg);font-size:17px}.pin.beach{background:#128b87}.pin.nature{background:#37825c}.pin.experience{background:#b38a32}.pin.local{background:#95678d}.leaflet-control-zoom{border:0!important;box-shadow:0 4px 14px #133a301c!important;margin:85px 20px 0 0!important}.leaflet-control-zoom a{color:var(--ink)!important}.leaflet-tooltip{font:600 13px 'DM Sans';border:0;border-radius:8px;padding:7px 11px}.leaflet-container{font-family:'DM Sans',sans-serif}footer{padding:20px 28px 24px;font-size:11px;line-height:1.8;color:var(--muted)}footer a{font-size:12px}#mobile-toggle{display:none}#map-error{position:absolute;z-index:450;top:210px;left:25px;right:25px;background:white;padding:20px;border-radius:12px;font-size:14px}dialog{border:0;padding:0;border-radius:20px;width:min(600px,calc(100% - 24px));max-height:90dvh;box-shadow:0 20px 100px #153f3550;color:var(--ink)}dialog::backdrop{background:#123c3560;backdrop-filter:blur(3px)}#close-detail{position:absolute;right:15px;top:15px;z-index:1;background:white;border:0;border-radius:50%;height:38px;width:38px;font-size:25px}.detail-photo{width:100%;height:230px;object-fit:cover}.detail-body{padding:28px}.detail-body h2{font:800 30px Manrope;margin:8px 0 12px}.detail-body p{font-size:16px;line-height:1.7;color:#586f64}.tag{display:inline-block;background:#edf5ef;padding:6px 10px;border-radius:6px;font-size:12px;margin:4px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.action{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:12px 18px;border-radius:8px;font-size:14px;border:0}.action.secondary{background:#edf3ee;color:var(--green)}.note{font-size:12px!important;color:var(--muted)}.empty{padding:30px 10px;line-height:1.7;color:var(--muted)}.guide{max-width:1000px;margin:40px auto;padding:0 24px}.guide h1{font-size:46px}.guide p{line-height:1.8;color:#516a5e}.guide-hero{width:100%;max-height:420px;object-fit:cover;border-radius:20px}.guide-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:30px}.guide-box{background:white;padding:24px;border:1px solid var(--line);border-radius:14px;align-self:start}.guide h2{font:800 23px Manrope}.guide li{line-height:1.8;margin-bottom:12px}.guide .place-card{color:var(--ink);text-decoration:none}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:30px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide nav{flex-wrap:wrap;height:auto;gap:15px}.guide nav a{padding:5px 0;text-decoration:underline}.credit{font-size:11px!important}.guide-footer{margin-top:40px;border-top:1px solid var(--line);padding:24px 0}button:focus-visible,a:focus-visible{outline:3px solid #d0a648;outline-offset:3px}
@media(min-width:1600px){.sidebar{width:460px}.intro{padding:38px}.place-card .thumb{width:125px}}
@media(max-width:1000px){header{padding:0 20px}.destination{display:none}.sidebar{width:355px}.intro{padding:25px 22px}h1{font-size:35px}.map-key{display:none}.thumb{width:90px}.map-heading{max-width:230px}}
@media(max-width:700px){header{height:66px;padding:0 16px}.brand{font-size:19px}.brand-icon{width:32px;height:35px;font-size:26px}.brand small{display:none}nav{gap:0}nav a{font-size:12px}nav a.active{display:none}.explorer{height:calc(100dvh - 66px)}.sidebar{width:100%;padding-bottom:55px}.intro{padding-top:22px}h1 br{display:none}h1{font-size:31px}.intro p{margin-bottom:16px}.filter-title{margin-top:17px}.map-shell{display:none}.mobile-map .sidebar{display:none}.mobile-map .map-shell{display:block}.mobile-map .map-heading{top:87px}.map-filters{top:14px;left:12px;right:12px}.fit{bottom:85px;left:15px}#mobile-toggle{display:block;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:600;padding:13px 26px;background:var(--ink);color:white;border:1px solid white;border-radius:30px;box-shadow:0 4px 20px #193e3640;font-size:14px}.thumb{width:112px}.results{padding-top:16px}.guide{margin:25px auto}.guide h1{font-size:34px}.guide-grid,.category-grid{grid-template-columns:1fr}.detail-body{padding:22px}.guide-hero{height:240px}}

.styles button,.map-filters button,.card-info p,.card-meta,.intro p{font-size:14px}.card-info small,.eyebrow,.map-heading .eyebrow,.card-meta,.map-key,footer,.credit{font-size:12px}.place-card .thumb{height:120px}.map-heading{max-width:290px}.area-control{position:absolute;z-index:450;top:193px;left:25px;background:white;padding:10px 12px;border:1px solid #dce5df;border-radius:10px;font-size:14px;max-width:220px}.area-control select{border:0;color:var(--ink);max-width:170px;background:white}.leaflet-container{background:#cce4ed}@media(max-width:1000px){.area-control{top:235px}}@media(max-width:700px){.area-control{top:195px}.styles button{font-size:14px}}