.points-explorer-body{background:#f3f8fa}.spot-hero{position:relative;overflow:hidden;padding:58px 0 46px;background:linear-gradient(135deg,#063d55 0%,#087da3 60%,#22a7bd 100%);color:#fff}.spot-hero:after{content:"";position:absolute;right:-120px;bottom:-180px;width:500px;height:500px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.05),0 0 0 110px rgba(255,255,255,.035)}.spot-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:36px;align-items:center}.spot-hero .eyebrow{color:#a8e8f2}.spot-hero h1{max-width:780px;margin:12px 0 14px;color:#fff;font-size:clamp(2.15rem,5vw,4.2rem);line-height:1.07;letter-spacing:-.055em}.spot-hero p{max-width:760px;color:#d9f0f4;line-height:1.85}.spot-hero .secondary{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.1);color:#fff}.spot-hero-card{padding:25px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(3,40,58,.44);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(1,36,52,.22)}.spot-hero-card strong{font-size:1.06rem}.spot-hero-card ol{margin:15px 0 0;padding-left:22px;color:#dff3f6;line-height:2}.spot-browser-section{padding:38px 0 72px}.spot-browser-shell{display:grid;grid-template-columns:315px minmax(0,1fr);gap:22px;align-items:start}.spot-sidebar{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:1px solid #d4e5e9;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(11,72,91,.08)}.spot-search label{display:block;margin-bottom:8px;color:#244d5a;font-size:.78rem;font-weight:900}.spot-search>div{display:flex;border:1px solid #c9dde2;border-radius:12px;overflow:hidden;background:#f9fcfd}.spot-search input{min-width:0;flex:1;border:0;background:transparent;padding:13px 12px;outline:0}.spot-search button{width:42px;border:0;background:transparent;color:#789098;font-size:1.3rem;cursor:pointer}.zone-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.zone-tabs button{border:1px solid #d5e5e9;border-radius:10px;background:#f6fafb;color:#486873;padding:10px 6px;font-weight:900;cursor:pointer}.zone-tabs button small{display:block;margin-top:2px;font-size:.62rem;font-weight:700}.zone-tabs button.active{border-color:#087da3;background:#087da3;color:#fff;box-shadow:0 8px 17px rgba(8,125,163,.2)}.region-tree-head{display:flex;justify-content:space-between;align-items:center;padding:11px 2px 9px;border-top:1px solid #e7eff1}.region-tree-head strong{color:#234b57}.region-tree-head button,.favorite-shortcut button{border:0;background:transparent;color:#087da3;font-size:.74rem;font-weight:900;cursor:pointer}.region-tree{display:grid;gap:6px}.region-group{border:1px solid #e0ebee;border-radius:12px;overflow:hidden;background:#fbfdfd}.region-group summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:11px 12px;color:#315661;font-size:.82rem;font-weight:900;cursor:pointer}.region-group summary::-webkit-details-marker{display:none}.region-group summary:after{content:"+";color:#0a8bad}.region-group[open] summary:after{content:"−"}.region-point-list{display:grid;border-top:1px solid #e7eff1}.region-point-list button{display:flex;justify-content:space-between;gap:8px;border:0;border-bottom:1px solid #edf2f3;background:#fff;padding:10px 12px;text-align:left;color:#49656e;cursor:pointer}.region-point-list button:last-child{border-bottom:0}.region-point-list button:hover,.region-point-list button.active{background:#eaf7f9;color:#086e8f}.region-point-list button span{font-size:.77rem;font-weight:800}.region-point-list button small{white-space:nowrap;color:#7b9096}.favorite-shortcut{padding-top:12px}.favorite-shortcut button{width:100%;padding:11px;border:1px dashed #bcd8df;border-radius:10px;background:#f1f9fa}.favorite-shortcut button.active{background:#fff4d8;color:#76511b;border-color:#e5c272}.spot-main{min-width:0}.selected-spot-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 26px;border-radius:22px;background:#073f56;color:#fff;box-shadow:0 16px 40px rgba(7,63,86,.15)}.spot-breadcrumb{margin-bottom:11px;color:#9ed7e1;font-size:.76rem}.selected-label{color:#8dd8e7;font-size:.67rem;font-weight:900;letter-spacing:.12em}.selected-spot-card h2{margin:6px 0;color:#fff;font-size:1.65rem}.selected-spot-card p{max-width:650px;margin:0;color:#d6e9ed;line-height:1.65}.selected-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.selected-badges span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#e8f6f8;font-size:.7rem}.selected-spot-actions{display:grid;min-width:175px;gap:8px}.selected-spot-actions .btn,.spot-favorite{text-align:center}.spot-favorite{border:1px solid rgba(255,255,255,.3);border-radius:10px;background:transparent;color:#fff;padding:11px;font-weight:900;cursor:pointer}.spot-favorite.active{background:#fff2c7;color:#6b4c13;border-color:#fff2c7}.selected-spot-card .secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}.spot-map-wrap{position:relative;margin-top:16px;border:1px solid #d1e3e7;border-radius:22px;overflow:hidden;background:#dcebed;box-shadow:0 14px 34px rgba(6,62,81,.08)}#spotMap{height:480px}.spot-map-overlay{position:absolute;z-index:500;left:16px;bottom:16px;max-width:280px;padding:12px 15px;border-radius:13px;background:rgba(5,48,66,.9);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}.spot-map-overlay span,.spot-map-overlay small{display:block;color:#b9e0e7;font-size:.68rem}.spot-map-overlay strong{display:block;margin:3px 0;font-size:.9rem}.spot-result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:34px 0 14px}.spot-result-head h2{margin:5px 0 3px;color:#173f4b}.spot-result-head p{margin:0;color:#698087;font-size:.83rem}.spot-view-actions{display:flex;gap:6px;align-items:center}.spot-view-actions select,.spot-view-actions button{height:40px;border:1px solid #cfdee2;border-radius:9px;background:#fff;color:#45626c;padding:0 11px;font-weight:800}.spot-view-actions button{cursor:pointer}.spot-view-actions button.active{background:#087da3;color:#fff;border-color:#087da3}.spot-results{display:grid;gap:10px}.spot-result-item{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(260px,1fr) auto;gap:18px;align-items:center;padding:17px 18px;border:1px solid #d7e6e9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(7,63,86,.045);transition:.2s}.spot-result-item:hover{transform:translateY(-2px);border-color:#92c9d4;box-shadow:0 12px 28px rgba(7,63,86,.09)}.spot-result-title{min-width:0}.spot-result-title span{display:block;color:#0b8bad;font-size:.68rem;font-weight:900}.spot-result-title h3{margin:5px 0 3px;color:#173f4b;font-size:1.03rem}.spot-result-title small{color:#70858c}.spot-distance{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eaf7f9;color:#087da3;font-size:.72rem;font-weight:900}.spot-result-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spot-result-meta div{padding:9px;border-radius:10px;background:#f5f9fa}.spot-result-meta span{display:block;color:#7a8e94;font-size:.63rem}.spot-result-meta b{display:block;margin-top:3px;color:#385660;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-result-actions{display:grid;gap:6px}.spot-result-actions a,.spot-result-actions button{min-width:108px;border:1px solid #cbdde1;border-radius:9px;background:#fff;color:#46646d;padding:9px 11px;text-align:center;font-size:.73rem;font-weight:900;cursor:pointer}.spot-result-actions .primary{background:#087da3;color:#fff;border-color:#087da3}.spot-results.card-view{grid-template-columns:repeat(2,minmax(0,1fr))}.card-view .spot-result-item{display:flex;flex-direction:column;align-items:stretch}.card-view .spot-result-meta{grid-template-columns:1fr 1fr}.card-view .spot-result-actions{grid-template-columns:1fr 1fr}.spot-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:20px}.spot-pagination button{min-width:38px;height:38px;border:1px solid #cbdde1;border-radius:9px;background:#fff;color:#49656e;font-weight:900;cursor:pointer}.spot-pagination button.active{background:#073f56;color:#fff;border-color:#073f56}.spot-safety-note{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:26px;padding:18px 20px;border-left:4px solid #efad43;border-radius:13px;background:#fff7e8;color:#684c22}.spot-safety-note p{margin:0;line-height:1.6;font-size:.82rem}.spot-safety-note a{color:#8a5d12;font-weight:900}.spot-help-section{background:#fff}.leaflet-popup-content b{color:#143f4d}.point-popup-link{display:inline-block;margin-top:7px;color:#087da3;font-weight:900}.current-location-marker{filter:hue-rotate(145deg)}
@media(max-width:1050px){.spot-browser-shell{grid-template-columns:270px minmax(0,1fr)}.spot-result-item{grid-template-columns:1fr auto}.spot-result-meta{grid-column:1/-1;order:3}.spot-results.card-view{grid-template-columns:1fr}.spot-hero-grid{grid-template-columns:1fr .65fr}}
@media(max-width:820px){.spot-hero-grid{grid-template-columns:1fr}.spot-browser-shell{display:block}.spot-sidebar{position:relative;top:auto;max-height:none;margin-bottom:16px}.region-tree{max-height:330px;overflow:auto}.selected-spot-card{display:block}.selected-spot-actions{grid-template-columns:repeat(3,1fr);margin-top:18px}.spot-result-head{display:block}.spot-view-actions{margin-top:13px}.spot-safety-note{grid-template-columns:1fr}.spot-map-wrap #spotMap{height:390px}}
@media(max-width:600px){.spot-hero{padding:40px 0 34px}.spot-hero h1{font-size:2.35rem}.spot-browser-section{padding-top:20px}.spot-sidebar{padding:14px;border-radius:17px}.zone-tabs{grid-template-columns:repeat(3,1fr)}.selected-spot-card{padding:20px;border-radius:17px}.selected-spot-actions{grid-template-columns:1fr}.spot-map-wrap{border-radius:17px}#spotMap{height:340px}.spot-map-overlay{right:12px;left:12px;bottom:12px;max-width:none}.spot-result-item{display:block;padding:15px}.spot-result-meta{grid-template-columns:1fr 1fr;margin:13px 0}.spot-result-actions{grid-template-columns:1fr 1fr}.spot-result-actions a,.spot-result-actions button{min-width:0}.spot-view-actions{display:grid;grid-template-columns:1fr 1fr}.spot-view-actions select{grid-column:1/-1}.card-view .spot-result-meta{grid-template-columns:1fr 1fr}}