/* GoOUT: field notes, five natural pigments. */
.extra-filters .dive-tab{border-color:#aabdb8;color:#426b70;padding:9px 11px;font-size:12px}.extra-filters .dive-tab.active{background:#426b70;color:white;border-color:#426b70}.dive-tab small{opacity:.75;margin-left:4px}
:root{--forest:#294b3c;--water:#426b70;--stone:#77756c;--wood:#826548;--fire:#a95735;--paper:#f2eee4;--ink:#29372e;--green:var(--forest);--cream:var(--paper);--line:#d9d1c1;--muted:#716e63;--lime:#d3c49c;--orange:var(--fire)}
body{background:var(--paper)}header{background:var(--paper);border-bottom:1px solid var(--line);padding:0 38px}.header-actions button,.lang-switch{border-radius:3px;background:transparent;border-color:var(--line)}.lang-switch button.active{background:var(--forest);border-radius:2px}.brand-logo{mix-blend-mode:multiply}.intro{padding:26px 40px 28px;gap:40px;align-items:center}.intro-copy{max-width:730px}.intro .eyebrow{color:var(--wood);letter-spacing:2px}.intro h1{font-family:'Noto Serif Thai',serif;font-size:clamp(28px,3.2vw,46px);line-height:1.4;letter-spacing:-1.5px;font-weight:500;margin:8px 0 10px}.intro h1 span{color:var(--forest)}.intro h1 .hero-line{color:var(--ink)}.intro p{max-width:580px;color:#71685c;font-size:13px}.terrain-note{width:300px;flex:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.terrain-note svg{width:100%;height:130px;color:#999c83}
#categories{display:flex;flex-wrap:wrap;gap:0;margin:0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;overflow:visible}#categories :is(button,a){display:flex;flex:1 1 auto;gap:7px;border:0!important;border-radius:0;background:transparent!important;padding:15px 12px;min-height:55px;white-space:nowrap;font-size:12px;line-height:1.4;text-align:left;color:var(--ink)}#categories :is(button,a) .cat-icon{color:var(--wood);font-size:19px}#categories :is(button,a) small{display:inline;font-size:10px;color:var(--muted)!important}#categories :is(button,a).active{background:var(--forest)!important;color:var(--paper)}#categories :is(button,a).active :is(.cat-icon,small){color:var(--paper)!important}#categories :is(button,a)[data-cat=dive]{color:var(--water)}#categories :is(button,a)[data-cat=dive].active{background:var(--water)!important}#categories a[data-cat=race]{margin-left:auto;color:var(--fire);border-left:1px solid var(--line)!important;flex-grow:0}#categories a[data-cat=race] small{display:none}#categories :is(button,a):hover{background:#e3dccd!important}#categories :is(button,a).active:hover{background:var(--forest)!important}
main{margin:0 26px 26px;border-radius:0;border-top:0;border-color:var(--line);grid-template-columns:390px 1fr;height:calc(100dvh - 190px);min-height:510px}.explore{background:#faf7f0}.search-wrap{border-radius:0;border:0;border-bottom:1px solid #aa9b83;background:transparent;margin:16px 20px 13px;padding:0 2px}.search-wrap input{font-size:13px}.filters select{border-radius:2px;background:#f4f0e6;border-color:var(--line)}.extra-filters>button{background:transparent;border-radius:2px;border-color:var(--line);font-size:11px}.extra-filters button.active{background:#dbd2be;border-color:#a18c6e}.category-help{color:#716e63;font-size:10px;margin:0 20px 9px}.results{padding:0 18px 18px}.card{grid-template-columns:24px minmax(0,1fr);gap:10px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0}.card:hover,.card.selected{background:#eae3d4;border-color:var(--line)}.card-icon{width:22px;height:30px;background:transparent!important;color:var(--wood);font-size:21px;border-radius:0}.card.dive .card-icon,.card.marine .card-icon{color:var(--water)}.card .region-tag{color:var(--wood);font-size:10px;letter-spacing:.4px}.place-title{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.place-open{border:0;background:transparent!important;padding:0;border-radius:0;text-align:left;min-width:0;flex:1;color:var(--ink)}.place-open h3{font-size:15px;line-height:1.6;margin:3px 0}.navigate-link{display:inline-flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid #c3b69f;border-radius:2px;text-decoration:none;white-space:nowrap;font-size:10px;color:var(--wood);min-height:32px;margin-top:3px;flex-shrink:0}.navigate-link:hover{color:var(--paper);background:var(--wood)}.card p{font-size:11px}.camp-price{color:var(--wood)!important}.tag{border-radius:0;background:transparent;border-left:2px solid #b7aa91;padding:1px 6px;color:#696558;font-size:10px}.card.dive .tag{border-color:var(--water);color:var(--water)}.list-foot{background:#eee7d9;color:#796c59}.map-panel{background:#d9ded2}.map-chip,.map-top button,.map-legend{border-radius:2px;color:var(--forest);background:#faf7efed}.marker{background:var(--forest)}.marker.camp{background:var(--wood);color:white}.marker.dive,.marker.marine{background:var(--water)}.marker.trail{background:var(--fire)}.marker.forest_park{background:#68785b}.marker.cluster{background:#d3c5a3;color:var(--forest);box-shadow:0 0 0 5px #d3c5a340}.marker.cluster:hover{background:#bca77b}.pin-name{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);max-width:180px;width:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#faf7f0f5;color:#2c3a30;font:600 11px 'Noto Sans Thai',sans-serif;padding:3px 6px;border:1px solid #c5baa3;border-radius:2px;box-shadow:0 2px 3px #342b1c20;pointer-events:none}.my-location-pin{width:18px;height:18px;border:3px solid white;background:#426b70;border-radius:50%;box-shadow:0 0 0 7px #426b7035}.my-location-pin span{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:var(--water);color:white;padding:4px 8px;white-space:nowrap;font-size:11px}
.detail{border-radius:3px;border-color:#bfb39e;background:#faf7f0;width:405px;padding:22px;box-shadow:0 8px 25px #302b202b}.detail-title{display:flex;align-items:start;gap:12px;margin:12px 0 8px}.detail-title h2{font-family:'Noto Serif Thai',serif;font-size:24px;margin:0;flex:1}.detail-title .navigate-link{margin-top:5px}.detail-top,.detail-top button{background:#faf7f0}.detail .secondary{background:#e9e0cf!important;color:var(--forest)!important}.detail :is(.weather,.metric,.park-camping,.camp-parent,.dive-info,.notice){border-radius:2px}.weather{background:#e0e5db}.dive-info{background:#e0e8e5;border-color:#aabdb8;border-left:3px solid var(--water)}.park-camping,.camp-parent{background:#e8eadc;border-color:#c7cbb6}.notice{background:#ece2ce;color:#796340}.photo-placeholder{min-height:62px;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:12px;gap:3px}.photo-placeholder>span,.photo-placeholder small{display:none}.photo-open{border-radius:2px}.nearby-controls button{background:var(--water);border-radius:2px;color:#fff;font-size:12px;margin:12px 0 0;min-height:42px}.nearby-controls p{font-size:10px;margin:7px 0;color:var(--muted)}.extended-filter-panel summary{font-size:11px}.mobile-switch{border-radius:3px}.detail a.action,.detail button.action{border-radius:2px}.difficulty{border-radius:2px}
@media(min-width:1600px){main{grid-template-columns:430px 1fr}}
@media(max-width:1100px){.terrain-note{width:230px}main{grid-template-columns:340px 1fr}#categories :is(button,a){font-size:11px;padding:12px 9px}.detail{width:auto}}
@media(max-width:650px){header{padding:0 14px}.intro{padding:20px 20px 18px;display:block}.intro h1{font-size:29px;line-height:1.45}.intro p{font-size:12px;line-height:1.7}.terrain-note{display:none}.intro .eyebrow{font-size:9px;letter-spacing:1.2px}#categories{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 10px;gap:0;scrollbar-width:thin}#categories :is(button,a){display:flex;flex:0 0 auto;min-height:54px;padding:10px 13px;font-size:12px;white-space:nowrap}#categories .cat-label{align-self:center}#categories .cat-icon{font-size:18px}#categories :is(button,a) small{align-self:center;display:inline}#categories a[data-cat=race]{margin:0}main{display:block;margin:0 10px 70px;height:calc(100dvh - 210px);min-height:480px;border-radius:0}.card{grid-template-columns:22px minmax(0,1fr);padding:15px 0}.card h3{font-size:15px}.navigate-link{min-height:38px;font-size:11px}.detail{inset:86px 9px 76px;padding:17px;border-radius:3px}.detail-top{background:#faf7f0}.detail-title{gap:8px}.detail-title h2{font-size:22px}.detail-title .navigate-link{font-size:11px}.pin-name{font-size:10px;max-width:135px}.map-top{gap:8px;justify-content:flex-end}.mobile-switch{font-size:13px}.extra-filters .nearby-controls button{min-height:44px}.photo-placeholder{min-height:62px}.detail .photo-placeholder strong{font-size:11px}}
#categories :is(button,a)[data-cat=dive].active{color:var(--paper)}
.navigate-link{background:#087fe3;color:#fff!important;border:1px solid #0872ce;border-radius:4px;padding:8px 12px;min-height:42px;font-size:13px;font-weight:700;box-shadow:0 2px 7px #07518c45}
.navigate-link:hover,.navigate-link:focus-visible{background:#0568bf;color:#fff!important;border-color:#045ba8;box-shadow:0 3px 9px #06477e60}
@media(max-width:650px){.navigate-link{min-height:44px;padding:9px 12px;font-size:13px}}