/* A tactile, sunlit geographic atlas. All markers remain tied to real coordinates. */
.scene-shade{background:linear-gradient(90deg,#061a21ed 0%,#061a21c4 16%,#061a2175 28%,#061a2124 43%,transparent 60%),linear-gradient(0deg,#061c25bd,transparent 28%,transparent 85%,#061c2544)}
.grain{opacity:.025}.sea-label{color:#9abcb29e;font-size:12px;letter-spacing:5px;left:40%;top:58%;text-shadow:0 1px 15px #002333}
.place-label{font-size:9px;color:#f0e9cc9c;letter-spacing:3.2px;text-shadow:0 2px 9px #162c28,0 0 25px #132e28;opacity:.8}.place-label.major{font-size:25px;letter-spacing:9px;color:#fff4d6ab;font-family:var(--serif);font-weight:400}
.map-marker{z-index:2;filter:none;transition:opacity .7s}.map-marker.selected,.map-marker:hover,.map-marker:focus-visible{z-index:8}.map-marker.dimmed{opacity:.12;filter:none}.map-marker .marker-stem{width:17px;border-left:1px solid #eed6a59c;transition:border-color .5s}.marker-stem:before{width:5px;height:5px;left:-3px;bottom:-3px;background:#fff1c8;box-shadow:0 0 10px #fff2b2,0 0 22px 4px #e7ce7144}.marker-stem:after{width:15px;height:15px;left:-8px;bottom:-8px;border:1px solid #f6dfb480;animation:none;background:#e0c28212}
.map-marker.selected .marker-stem:after{width:23px;height:23px;left:-12px;bottom:-12px;border-color:#f6dfb4aa;box-shadow:0 0 0 6px #e5d09c0b}.map-marker.selected .marker-stem:before{box-shadow:0 0 18px 5px #e9d3a077}.map-marker.approx .marker-stem{border-left-style:dashed}
.map-marker .marker-text{display:flex;align-items:center;gap:12px;min-width:153px;max-width:250px;padding:11px 13px;background:linear-gradient(120deg,#0b2b2bd9,#0c2929c7);border:1px solid #dbd8b43b;border-left-color:#dfc89699;backdrop-filter:blur(14px);box-shadow:0 8px 35px #00171d30;transition:background .4s,border-color .4s,transform .4s;white-space:nowrap}
.marker-text:after{content:'';position:absolute;right:-1px;top:-1px;width:4px;height:4px;border-right:1px solid #d2c594;border-top:1px solid #d2c594}.map-marker .marker-text strong{font-size:12px;letter-spacing:0;font-weight:400;line-height:1.4;color:#f6f1db;text-shadow:none}.map-marker .marker-text small{font-size:9px;color:#c6c5aa;margin-top:5px;text-shadow:none;letter-spacing:.3px}.marker-category{display:none;font-size:6px;letter-spacing:1.4px;color:#d7c694;margin-bottom:7px}.marker-text img{display:none;width:46px;height:59px;object-fit:cover;filter:saturate(.8)}.marker-arrow{display:none;color:#e7d4a8;margin-left:7px;font-size:19px;align-self:flex-end;font-weight:300}.map-marker.selected .marker-text{min-width:225px;background:linear-gradient(120deg,#243e35f5,#102e2bea);border-color:#dfcda785;box-shadow:0 10px 40px #00171d55}.map-marker.selected .marker-text img,.map-marker.selected .marker-category,.map-marker.selected .marker-arrow{display:block}.map-marker.selected .marker-text strong{font-size:14px;color:#fff3cc}.map-marker:hover .marker-text,.map-marker:focus-visible .marker-text{background:#29473bec;border-color:#ead4a6aa;transform:translateY(-3px)}
.atlas-controls{position:absolute;left:55%;bottom:155px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:12;transition:opacity .7s,visibility .7s;white-space:nowrap}.atlas-style{display:flex;padding:4px;border:1px solid #d0d0ab38;background:#0a2930bf;backdrop-filter:blur(16px);box-shadow:0 10px 25px #001a2420}.atlas-style button{display:flex;align-items:center;gap:8px;padding:11px 13px;font-size:9px;color:#b3c3b4;transition:.4s}.atlas-style button[aria-pressed=true]{background:#c8bd9324;color:#f1e2b9}.atlas-style svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1}.atlas-style button:hover{color:#ffe9bc}#coastFlight{display:flex;align-items:center;gap:12px;border:1px solid #d0d0ab38;background:#0a2930bf;backdrop-filter:blur(16px);padding:15px 17px;font-size:9px;color:#e0d7b6;transition:.4s}#coastFlight:hover,#coastFlight[aria-pressed=true]{border-color:#d2c594a1;background:#a9975d24}.flight-orbit{width:15px;height:15px;border:1px solid #c4c29688;border-radius:50%;position:relative;transform:rotate(-35deg) scaleY(.62)}.flight-orbit:before{content:'';width:5px;height:5px;border-radius:50%;background:#dccc99;position:absolute;top:-2px;left:5px}.flight-stop{display:none}.coast-flight .flight-start{display:none}.coast-flight .flight-stop{display:inline}.coast-flight .flight-orbit{animation:atlas-orbit 4s linear infinite}
.atlas-survey{position:absolute;left:44%;bottom:232px;z-index:4;color:#c1c8b5b0;pointer-events:none;transition:opacity .7s,visibility .7s}#mapPosition{font-size:7px;letter-spacing:1.2px;font-variant-numeric:tabular-nums;display:block;margin-bottom:24px}#mapScale{height:6px;border:1px solid #b6c3a976;border-top:0;position:relative;min-width:30px;max-width:250px}#mapScale:before{content:'';position:absolute;left:50%;bottom:0;height:4px;border-left:1px solid #b6c3a976}#mapScale:after{content:attr(data-label);font-size:8px;letter-spacing:1px;position:absolute;left:0;top:-16px;color:#d9d8b9}
.atlas-editorial{position:absolute;left:var(--pad);bottom:150px;opacity:0;visibility:hidden;transform:translateY(15px);z-index:4;pointer-events:none;transition:.8s}.atlas-editorial>span{font-size:8px;letter-spacing:2px;color:#bcc9ad}.atlas-editorial strong{display:block;font-family:var(--serif);font-size:clamp(36px,3.8vw,70px);line-height:1.04;font-weight:400;letter-spacing:-1px;color:#f2ebd3;margin:18px 0}.atlas-editorial em{font-weight:400;color:#d4c295}.atlas-editorial small{font-size:8px;letter-spacing:3px;color:#b2c5ae}
.compass{top:205px}.compass svg{width:61px;height:61px;opacity:.85}.compass small{display:none}.map-heading{color:#d3dcc4}.map-status{color:#d7ceb3a6}.map-tool{background:#0c2a3099;backdrop-filter:blur(12px);border-color:#d6d5b541}.map-tool:hover{background:#d5c59529;border-color:#dbca96aa}.feature-card{background:#0c2b30c4;backdrop-filter:blur(12px);border-color:#c8d0b637}.feature-info h3{color:#f1ead0}
body.map-explore .scene-shade{opacity:.48}body.map-explore .atlas-controls{left:50%;bottom:52px}body.map-explore .atlas-survey{left:var(--pad);bottom:57px}body.map-explore .atlas-editorial{opacity:1;visibility:visible;transform:none}body.map-explore .sea-label{opacity:.4}body.results-mode .atlas-controls,body.results-mode .atlas-survey,body.tour-mode .atlas-controls,body.tour-mode .atlas-survey{opacity:0;visibility:hidden;pointer-events:none}body.map-explore .atlas-controls,body.map-explore .atlas-survey{opacity:1;visibility:visible;pointer-events:auto}body.drawing .atlas-controls,body.drawing .atlas-survey,body.drawing .atlas-editorial{opacity:0;visibility:hidden;pointer-events:none}
@keyframes atlas-orbit{to{transform:rotate(325deg) scaleY(.62)}}
@media(min-width:1800px){.map-marker .marker-text strong{font-size:14px}.map-marker .marker-text small{font-size:10px}.map-marker.selected .marker-text strong{font-size:16px}.marker-category{font-size:7px}.atlas-controls{bottom:175px}.atlas-style button,#coastFlight{font-size:11px}.atlas-style button{padding:13px 17px}#coastFlight{padding:18px 21px}.atlas-survey{bottom:265px}#mapPosition{font-size:9px}.map-heading{font-size:10px}}
@media(max-height:790px) and (min-width:901px){.atlas-controls{bottom:113px;left:53%;gap:7px}.atlas-style button{font-size:8px;padding:9px 11px}#coastFlight{font-size:8px;padding:13px}.atlas-survey{bottom:185px;left:42%}.map-marker .marker-text{padding:9px 11px}.map-marker .marker-text strong{font-size:11px}.map-marker.selected .marker-text strong{font-size:12px}.marker-category{font-size:6px}.marker-text img{width:40px;height:50px}.map-marker.selected .marker-text{min-width:205px}.atlas-editorial{bottom:120px}.atlas-editorial strong{font-size:42px}.map-marker .marker-text small{font-size:8px}}
@media(max-width:1100px) and (min-width:901px){.atlas-controls{left:49%;flex-direction:column;bottom:105px;gap:6px}#coastFlight{padding:10px 15px}.atlas-survey{display:none}}
@media(max-width:900px){.scene-shade{background:linear-gradient(0deg,#061a21fc 6%,#061a21f0 35%,#061a2199 54%,transparent 78%),linear-gradient(180deg,#061a2188,transparent 25%)}.map-marker .marker-text{padding:7px 9px;min-width:110px;gap:7px}.map-marker .marker-text strong,.map-marker.selected .marker-text strong{font-size:10px}.map-marker .marker-text small{font-size:7px}.map-marker.selected .marker-text{min-width:150px}.marker-text img{width:30px;height:39px}.marker-category,.map-marker.selected .marker-category,.marker-arrow{display:none!important}.place-label{font-size:7px;letter-spacing:2px}.place-label.major{font-size:17px;letter-spacing:6px}.atlas-controls{left:24px;top:126px;bottom:auto;transform:none;gap:7px}.atlas-style{padding:3px}.atlas-style button{padding:8px 9px;font-size:8px;gap:6px}.atlas-style svg{width:12px;height:12px}#coastFlight{display:none}.atlas-survey{display:none}.atlas-editorial{display:none}body.map-explore .atlas-controls{left:24px;bottom:40px;top:auto;transform:none}body.map-explore #coastFlight{display:flex;font-size:8px;padding:13px}body.map-explore #mapTools{bottom:108px}.map-note{top:178px}.sea-label{display:none}.map-heading{top:87px}.map-status{top:102px}body.map-explore .scene-shade{opacity:.22}}
@media(prefers-reduced-motion:reduce){.flight-orbit{animation:none!important}.atlas-editorial,.atlas-controls,.atlas-survey,.map-marker .marker-text{transition:none}}
@media print{.atlas-controls,.atlas-survey,.atlas-editorial{display:none!important}}
.atlas-controls{pointer-events:auto}
/* Version 4: keep the whole coast in view and the continuation always in reach. */
#featured{display:none}
#mapTools{bottom:117px}
.atlas-controls{bottom:112px}
.atlas-survey{bottom:183px}
@media(min-width:901px){
 #journey{top:clamp(105px,11vh,155px);max-height:calc(100dvh - clamp(105px,11vh,155px) - 98px);display:flex;flex-direction:column;overflow:hidden;padding-right:5px}
 #journey h1{font-size:clamp(42px,min(4vw,6.6vh),74px);margin:clamp(12px,1.8vh,23px) 0;flex-shrink:0}
 #journey .eyebrow,#journey .intro,#journey .journey-actions,#journey .live-count{flex-shrink:0}
 #journey .intro{font-size:clamp(10px,1.25vh,14px);line-height:1.65;margin-bottom:clamp(12px,1.7vh,22px)}
 #journey #stepContent{flex:0 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#778371 transparent}
 #journey .journey-actions{margin-top:18px;position:relative;bottom:auto;background:none}
 #journey .live-count{margin-top:10px}
 .region-option,.region-option.all{padding:clamp(7px,1.1vh,15px) 0}
 .footer-caption{font-size:7px;letter-spacing:1px}
 .atlas-editorial strong{font-size:clamp(34px,3.5vw,62px)}
}
@media(min-width:901px) and (max-height:1000px){
 #journey{top:108px;max-height:calc(100dvh - 207px);width:clamp(345px,29vw,440px)}
 #journey h1{font-size:46px;margin:13px 0}
 #journey .intro{font-size:11px;margin-bottom:15px;max-width:365px}
 #journey .eyebrow{font-size:9px}
 .region-option,.region-option.all{padding:8px 0}.region-option .region-name{font-size:13px}.region-option .region-sub{font-size:9px}.region-caption{font-size:9px}
 .answer-option{min-height:78px;padding:14px}.answer-option strong{font-size:14px}.answer-option small{font-size:10px}
 .answer-grid .answer-option{min-height:86px;padding:13px 11px}.answer-grid .answer-option strong{font-size:12px}.answer-grid .answer-option small{font-size:9px}
 .primary{font-size:11px;padding:15px 20px}.question-note{font-size:9px}.question-group{margin-bottom:21px}
 .live-count{font-size:9px}.header-caption{font-size:8px}
}
@media(min-width:901px) and (max-height:790px){
 #journey{top:100px;max-height:calc(100dvh - 191px);width:345px}
 #journey h1{font-size:41px;margin:11px 0}#journey .intro{font-size:10px;line-height:1.6;margin-bottom:13px}
 #journey .eyebrow{font-size:8px}.region-option,.region-option.all{padding:6px 0}.region-option .region-name{font-size:11px}.region-option .region-sub{font-size:8px}.region-caption{font-size:8px}
 .answer-option{min-height:67px;padding:11px}.answer-option strong{font-size:12px}.answer-option small{font-size:9px}
 .answer-grid .answer-option{min-height:72px;padding:10px}.answer-grid .answer-option strong{font-size:11px}.answer-grid .answer-option small{font-size:8px}
 #journey .journey-actions{margin-top:15px}.primary{padding:13px 18px;font-size:10px}.live-count{font-size:8px}.question-group{margin-bottom:17px}
}
@media(max-width:900px){.atlas-controls{bottom:auto}.atlas-survey{display:none}#mapTools{bottom:auto}}
@media(min-width:901px){.atlas-controls{bottom:128px}.atlas-survey{bottom:202px}#mapHint{bottom:108px}.map-credit{bottom:94px}}
@media(min-width:901px) and (max-height:790px){.atlas-controls{bottom:112px}.atlas-survey{bottom:183px}#mapHint{bottom:89px}.map-credit{bottom:74px}}
@media(min-width:901px) and (max-height:1000px){.lifestyle-grid{grid-template-columns:repeat(3,1fr)}.lifestyle-option{min-height:91px;padding:14px 11px}.lifestyle-option svg{width:25px;height:25px;margin-bottom:12px}.lifestyle-option span{font-size:11px;line-height:1.45}}
@media(min-width:901px) and (max-height:790px){.lifestyle-option{min-height:77px;padding:10px 9px}.lifestyle-option svg{width:22px;height:22px;margin-bottom:9px}.lifestyle-option span{font-size:9px}}
.map-credit{pointer-events:auto}.map-credit a{color:inherit;text-underline-offset:2px}.map-credit a:hover{color:#e4d0a7}