/* Isolated landing directions. Source photographs and geography are the canvas. */
:root{color-scheme:dark;--ink:#f2f0e5;--muted:#bbcbc7;--ground:#061c23;--glass:rgba(5,23,29,.88);--line:rgba(225,238,229,.23);--accent:#dfc487;--sans:"Avenir Next","Segoe UI",system-ui,sans-serif;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--panel:380px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--ground);color:var(--ink);font:16px/1.5 var(--sans)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}button:hover{color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#dfc487;color:#102d31}input{caret-color:var(--accent)}*{scrollbar-color:#617e7a transparent;scrollbar-width:thin}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;text-wrap:balance}h1{font-size:clamp(48px,4.7vw,76px);line-height:1.03;letter-spacing:-.035em}h2{font-size:32px;line-height:1.1;letter-spacing:-.02em}[hidden]{display:none!important}.icons,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:8px;left:12px;z-index:100;transform:translateY(-160%);background:var(--ground);padding:10px}.skip:focus{transform:translateY(0)}
.masthead{position:relative;height:94px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:20;background:var(--ground);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;line-height:1.15;min-width:200px}.brand:hover{text-decoration:none}.brand img{width:39px;height:39px;filter:brightness(0) invert(.86) sepia(.35)}.brand>span{font-size:17px;font-weight:500}.brand>span>span{display:block;font:16px var(--serif);color:var(--muted);margin-top:4px}.directions{display:flex;align-items:center;gap:28px;height:100%;font-size:14px;color:var(--muted)}.directions a{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;white-space:nowrap}.directions a[aria-current]{color:var(--ink);border-color:var(--accent)}.directions a:hover{text-decoration:none;color:var(--ink)}.utilities{display:flex;gap:25px;align-items:center;font-size:14px;white-space:nowrap}.utilities>button{display:flex;align-items:center;gap:10px;padding:10px 0}.utilities kbd{font:13px var(--sans);border:1px solid var(--line);border-radius:3px;padding:0 6px;color:var(--muted)}
#workspace{position:relative;height:calc(100dvh - 132px);isolation:isolate}.map-stage{position:absolute;inset:0;z-index:0;overflow:hidden}#map{position:absolute;inset:0;background:var(--ground)}.maplibregl-map{font-family:var(--sans)}.maplibregl-ctrl-attrib{font-size:11px!important;background:rgba(5,23,29,.85)!important;color:#d0dad3!important}.maplibregl-ctrl-attrib a{color:#d0dad3!important}.maplibregl-ctrl-bottom-right{bottom:44px!important;right:18px!important}.maplibregl-canvas:focus-visible{outline-offset:-4px}.map-actions{position:absolute;right:25px;top:27px;display:flex;align-items:center;gap:3px;padding:5px;background:var(--glass);border-radius:6px;z-index:2;box-shadow:0 4px 18px #00121636}.map-actions button{display:grid;place-items:center;width:40px;height:40px}.map-actions button+button{border-left:1px solid var(--line)}#breadcrumbs{position:absolute;left:32px;right:190px;top:29px;display:flex;gap:12px;align-items:center;min-height:45px;z-index:2;flex-wrap:wrap;font-size:14px}#breadcrumbs:not(:empty){width:fit-content;max-width:calc(100% - 220px);padding:10px 16px;background:var(--glass);border-radius:5px}#breadcrumbs button{padding:0}#breadcrumbs .crumb-separator{opacity:.45}#breadcrumbs .current{color:var(--accent)}.map-layers{position:absolute;right:25px;top:92px;background:var(--glass);border-radius:6px;display:flex;padding:4px;gap:4px;z-index:2}.map-layers:empty{display:none}.map-layers button{font-size:13px;min-height:37px;padding:0 13px;border-radius:3px}.map-layers button[aria-pressed=true]{background:#e1e4d7;color:#153437}.map-bottom{position:absolute;left:32px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:20px;align-items:center;z-index:1;font-size:12px;color:#d5dfd7;pointer-events:none;text-shadow:0 2px 3px #000}#map-key{display:flex;align-items:center;gap:14px;padding:6px 10px;border-radius:4px;background:rgba(5,23,29,.78)}#map-key span{display:flex;align-items:center;gap:6px;white-space:nowrap}#position{padding:6px 9px;background:rgba(5,23,29,.78);border-radius:4px;font-variant-numeric:tabular-nums}.key-site,.key-gcp,.key-sample,.key-event{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #fff;background:#355c59}.key-gcp{background:#8bd2ee;border-color:#182c36}.key-sample{background:#eed097;transform:rotate(45deg);border-radius:0}.key-event{background:#f0f0de}.map-notice{position:absolute;bottom:65px;right:25px;max-width:340px;background:var(--glass);padding:14px 18px;border-radius:6px;font-size:14px;z-index:2}
.navigator{position:absolute;top:66px;left:48px;bottom:65px;width:var(--panel);display:flex;flex-direction:column;z-index:3;transition:background .35s;pointer-events:none}.navigator>*{pointer-events:auto}#heading{padding-bottom:25px}#heading .intro{max-width:300px;margin-top:24px;font-size:16px;color:var(--muted);line-height:1.6}#heading .context{font-size:14px;color:var(--muted);margin-top:17px}.region-list{margin-top:24px;display:flex;flex-direction:column;gap:0}.region-button{min-height:58px;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:10px 0;border-bottom:1px solid var(--line);font-size:19px}.region-button .region-name{flex:1}.region-button .count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.region-button svg{width:18px;transition:transform .3s var(--ease)}.region-button:hover svg{transform:translateX(4px)}.region-button[aria-current=true]{color:var(--accent)}.back{display:flex;align-items:center;gap:9px;font-size:14px;align-self:flex-start;margin:0 0 24px;padding:0;min-height:30px;color:var(--muted)}.back svg{width:19px}.island-filter{display:flex;align-items:center;gap:12px;min-height:45px;border-bottom:1px solid var(--line);margin-bottom:17px}.island-filter label{color:var(--muted);font-size:14px}.island-filter select{color:var(--ink);background:var(--ground);border:0;width:100%;padding:8px 0;cursor:pointer;min-width:0}.list-caption{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin-bottom:8px}.site-list{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding-right:10px}.site-row{display:flex;width:100%;align-items:center;gap:14px;text-align:left;padding:16px 1px;border-bottom:1px solid var(--line);min-height:68px}.site-row .site-code{font-size:13px;min-width:52px;color:var(--muted);font-variant-numeric:tabular-nums}.site-row .row-name{display:block;font-size:16px;line-height:1.3}.site-row .row-meta{font-size:13px;color:var(--muted);display:block;margin-top:5px}.site-row .row-copy{flex:1}.site-row svg{width:16px}.site-row:hover .row-name{color:var(--accent)}.site-row[aria-current=true] .row-name{color:var(--accent)}#directory{display:flex;flex-direction:column;flex:1;min-height:0}.directory-note{font-size:13px;color:var(--muted);margin-top:16px}.empty{padding:18px 0;color:var(--muted);font-size:15px}.selected-photo{width:100%;height:190px;object-fit:cover;border-radius:5px}.photo-placeholder{background:#173a40;display:flex;align-items:center;justify-content:center;color:var(--muted)}.site-meta{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:13px}.site-summary{font-size:15px;line-height:1.65;margin-top:17px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.coverage{font-size:13px;line-height:1.8;margin-top:18px;color:var(--muted)}.primary-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:12px 0;border-bottom:1px solid var(--accent);color:var(--accent);font-size:16px}.primary-link:hover{text-decoration:none;color:var(--ink)}.secondary-link{font-size:13px;display:inline-block;margin-top:14px;color:var(--muted)}#site-preview{overflow:auto;padding-right:10px}.photo-caption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:9px}#heading .site-code-line{font-size:14px;color:var(--accent);margin-top:17px}
.page-footer{height:38px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;background:var(--ground);color:var(--muted);border-top:1px solid var(--line);position:relative;z-index:10}.prototype-label{white-space:nowrap}#photo-credit:empty{display:none}#loading{position:absolute;inset:0;z-index:5;background:var(--ground);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--serif);font-size:25px}.search-panel{position:absolute;right:32px;top:18px;bottom:30px;width:420px;background:#102d33;padding:25px 28px;border-radius:8px;z-index:10;box-shadow:0 18px 55px #0006;display:flex;flex-direction:column}.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-head label{font:26px var(--serif)}.icon-button{display:grid;place-items:center;width:36px;height:36px}.search-input{display:flex;align-items:center;gap:12px;margin-top:25px;border-bottom:1px solid var(--line)}.search-input input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:12px 0;font-size:15px}.search-input input::placeholder{color:var(--muted)}#search-count{font-size:13px;color:var(--muted);margin:18px 0 6px}#search-results{overflow:auto;overscroll-behavior:contain;padding-right:5px}.search-panel .site-row{min-height:82px}.search-panel .site-row .site-code{min-width:50px}.no-script{position:absolute;inset:150px 30px;z-index:20;background:var(--ground);padding:30px}
.map-marker{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#214b50;border:1.5px solid #e7e9d2;color:#fff;font:600 13px var(--sans);box-shadow:0 2px 7px #0006;cursor:pointer}.map-marker:hover,.map-marker:focus-visible{background:#c8b879;color:#102d31;z-index:5}.map-marker.site{width:12px;height:12px;padding:0;border:2px solid #f5e5bb;background:#517873}.map-marker.site.active{width:20px;height:20px;background:#e4c888;border-color:#082127}.map-marker .marker-label{position:absolute;left:18px;top:-8px;display:block;font-size:12px;white-space:nowrap;color:#f4f0dc;background:rgba(5,23,29,.86);padding:4px 7px;border-radius:3px;font-weight:500;pointer-events:none;max-width:190px;overflow:hidden;text-overflow:ellipsis}.map-marker.region{width:16px;height:16px;border:2px solid #eee0b5;background:#526e69}.map-marker.region .marker-label{left:23px;top:-12px;font-size:14px;padding:6px 9px}.map-marker.region[data-region="turks-and-caicos"] .marker-label{top:17px;left:28px}.map-marker.region[data-region="barbados"] .marker-label{top:46px;left:40px}.map-marker.event{width:22px;height:22px;background:#f0eee1;border-color:#355253;color:#123238;font-size:11px}.map-marker.gcp{width:16px;height:16px;background:#8cd6ee;border:2px solid #14333a;border-radius:3px}.map-marker.gcp:after{content:"";width:6px;height:6px;border:1px solid #153439;border-radius:50%}.map-marker.sample{width:22px;height:22px;border-radius:3px;background:#eed096;border:2px solid #172f31;color:#132f35;font-size:11px}.map-marker.approximate{border-style:dashed}.maplibregl-popup-content{background:#102d33;color:#f4f0e4;border-radius:7px;padding:18px 22px;font:14px/1.5 var(--sans);box-shadow:0 8px 24px #0005;max-width:290px}.maplibregl-popup-content a{display:block;margin-top:10px;color:#e1c488}.maplibregl-popup-tip{border-top-color:#102d33!important;border-bottom-color:#102d33!important}.maplibregl-popup-close-button{right:5px;top:3px;font-size:20px}.maplibregl-popup-content strong{font-weight:500}
/* A: the globe and its contents are one uninterrupted surface. */
body[data-direction=atlas] .map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061c23 0%,rgba(6,28,35,.95) 16%,rgba(6,28,35,.60) 26%,transparent 45%);z-index:1}body[data-direction=atlas] .navigator{width:330px}body[data-direction=atlas] #breadcrumbs{left:440px}body[data-direction=atlas] .map-bottom{left:440px}body[data-direction=atlas][data-level=world] #breadcrumbs{display:none}body[data-direction=atlas] #heading h1{font-size:clamp(50px,4.8vw,80px)}body[data-direction=atlas]:not([data-level=world]) #heading h1{font-size:clamp(38px,3.3vw,54px)}body[data-direction=atlas]:not([data-level=world]) .navigator{top:30px;bottom:30px;background:rgba(6,28,35,.88);padding:22px;border-radius:8px;left:25px;width:365px;backdrop-filter:blur(3px)}body[data-direction=atlas] .journey-scene,body[data-direction=atlas] #journey-regions{display:none}
/* B: one place in the field, with geography always beside it. */
body[data-direction=journeys]{--panel:44%}.journey-scene{position:absolute;left:0;top:0;bottom:0;width:44%;overflow:hidden;background:#143038}.journey-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease)}.journey-scene img.visible{opacity:1}.journey-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,25,.62),transparent 37%,rgba(4,20,25,.15) 52%,rgba(4,20,25,.93) 100%);pointer-events:none}body[data-direction=journeys] .map-stage{left:44%}body[data-direction=journeys] .navigator{width:calc(44% - 92px);left:46px;top:auto;bottom:48px;max-height:calc(100% - 190px)}body[data-direction=journeys] #heading{padding-bottom:0}body[data-direction=journeys] #heading h1{font-size:clamp(46px,4.8vw,80px);text-shadow:0 2px 5px #08212740}body[data-direction=journeys] #heading .intro{max-width:410px;margin-top:18px;color:#e1e6da}body[data-direction=journeys] #directory:empty{display:none}#journey-regions{position:absolute;left:46px;top:28px;z-index:4;width:calc(44% - 92px);display:flex;flex-wrap:wrap;gap:4px 21px}#journey-regions button{font-size:14px;color:#f2f0e5;padding:9px 0;border-bottom:1px solid transparent;text-shadow:0 2px 4px #000}#journey-regions button[aria-current=true]{color:#f1d79a;border-color:#f1d79a}#journey-feature .feature-title{font:26px var(--serif);margin-top:22px}#journey-feature .feature-description{font-size:15px;line-height:1.6;max-width:420px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e2e4db}#journey-feature .feature-actions{display:flex;align-items:center;gap:27px;margin-top:24px;flex-wrap:wrap}#journey-feature .feature-actions a{display:flex;align-items:center;gap:22px;font-size:15px;padding:12px 0;border-bottom:1px solid var(--accent);color:var(--accent)}#journey-feature .feature-actions button{font-size:14px;padding:12px 0}body[data-direction=journeys][data-browsing=true] .journey-scene img{opacity:.16}body[data-direction=journeys][data-browsing=true] .navigator{top:125px;bottom:30px;max-height:none}body[data-direction=journeys][data-browsing=true] #heading h1{font-size:46px}body[data-direction=journeys][data-browsing=true] #heading{padding-bottom:22px}body[data-direction=journeys][data-level=site] .navigator{top:125px;bottom:30px;max-height:none}body[data-direction=journeys][data-level=site] #heading h1{font-size:46px}body[data-direction=journeys][data-level=site] .journey-scene img{opacity:.13}body[data-direction=journeys] .selected-photo{height:clamp(160px,23vh,270px);object-fit:contain;background:rgba(3,20,24,.55)}body[data-direction=journeys] #site-preview{margin-top:22px}.journey-scene,.navigator{transition:opacity .3s var(--ease)}
/* C: quiet paper index, generous geographic workspace. */
body[data-direction=index]{--panel:370px;--ground:#e8e8dc;--ink:#183b3b;--muted:#526763;--line:rgba(39,76,70,.22);--accent:#316e68;--glass:rgba(10,36,40,.92);color-scheme:light}body[data-direction=index] .masthead{background:#f1f0e6}body[data-direction=index] .brand img{filter:brightness(.46) sepia(.2)}body[data-direction=index] .map-stage{left:var(--panel)}body[data-direction=index] .navigator{inset:0 auto 0 0;width:var(--panel);padding:34px 30px 25px;background:#f1f0e6;pointer-events:auto}body[data-direction=index] h1{font-size:47px}body[data-direction=index] #heading .intro{font-size:15px;line-height:1.6;margin-top:18px}body[data-direction=index] .region-list{margin-top:12px}body[data-direction=index] .region-button{min-height:72px;font-size:19px}body[data-direction=index] .region-button svg{color:#4c7971}body[data-direction=index] .map-stage{color:#f3f0e4}body[data-direction=index] .map-stage .current{color:#e4ce96}body[data-direction=index] .map-actions{--line:rgba(225,238,229,.23);--accent:#dfc487}body[data-direction=index] .page-footer{background:#f1f0e6}body[data-direction=index] .island-filter select{background:#f1f0e6}body[data-direction=index] .back{margin-bottom:20px}body[data-direction=index] .selected-photo{height:160px}body[data-direction=index] .site-summary{-webkit-line-clamp:3}body[data-direction=index] .primary-link{margin-top:20px}body[data-direction=index] .journey-scene,body[data-direction=index] #journey-regions{display:none}body[data-direction=index] .search-panel{color:#f2f0e5;--ink:#f2f0e5;--muted:#bbcbc7;--line:rgba(225,238,229,.23);--accent:#dfc487}body[data-direction=index] .site-row:hover .row-name{color:#215f57}body[data-direction=index] .search-panel .site-row:hover .row-name{color:#dfc487}body[data-direction=index] #loading{background:#e8e8dc}
@media(min-width:1700px){:root{--panel:410px}.navigator{top:95px;left:64px}body[data-direction=atlas] .navigator{width:370px}body[data-direction=atlas]:not([data-level=world]) .navigator{width:395px;left:40px;padding:28px}body[data-direction=atlas] #breadcrumbs,body[data-direction=atlas] .map-bottom{left:480px}body[data-direction=journeys] .navigator{left:58px;width:calc(44% - 116px);bottom:64px}#journey-regions{left:58px;width:calc(44% - 116px)}body[data-direction=index]{--panel:420px}body[data-direction=index] .navigator{padding:42px 38px}body[data-direction=index] .selected-photo{height:210px}.selected-photo{height:230px}}
@media(max-width:1250px){.masthead{height:80px;padding:0 26px;gap:16px}.brand{min-width:160px;gap:10px}.brand img{width:30px}.brand>span{font-size:15px}.directions{gap:19px;font-size:13px}.utilities{gap:15px}.utilities>a{display:none}#workspace{height:calc(100dvh - 116px)}.page-footer{height:36px;padding:0 26px}.navigator{left:32px;top:48px}body[data-direction=atlas] .navigator{width:290px}body[data-direction=atlas]:not([data-level=world]) .navigator{width:330px;left:18px;padding:20px}body[data-direction=atlas] #breadcrumbs,body[data-direction=atlas] .map-bottom{left:380px}body[data-direction=journeys] .navigator{left:30px;width:calc(44% - 60px);bottom:32px}#journey-regions{left:30px;width:calc(44% - 60px);gap:0 16px}#journey-regions button{font-size:13px}body[data-direction=index]{--panel:325px}body[data-direction=index] .navigator{padding:26px}.map-bottom{left:20px;right:18px}.cluster-help{display:none!important}#position{display:none}.map-actions{right:18px}.map-layers{right:18px}#breadcrumbs{left:20px;right:170px;font-size:13px;gap:7px}.site-summary{-webkit-line-clamp:3}.selected-photo{height:160px}.back{margin-bottom:16px}#heading{padding-bottom:20px}body[data-direction=journeys][data-level=site] .navigator{top:115px}body[data-direction=journeys][data-level=site] #heading h1{font-size:36px}}
@media(max-height:780px) and (min-width:851px){.navigator{top:35px;bottom:35px}#heading .intro{margin-top:18px}.region-list{margin-top:5px}.region-button{min-height:47px;font-size:17px}#heading h1{font-size:55px!important}.back{margin-bottom:12px!important}body:not([data-level=world]) #heading h1{font-size:36px!important}.selected-photo{height:135px!important}.site-meta{margin-top:12px}.site-summary{margin-top:12px;-webkit-line-clamp:2!important}.coverage{margin-top:12px}.primary-link{margin-top:15px}.secondary-link{margin-top:10px}.photo-caption{display:none}body[data-direction=journeys] .navigator{bottom:28px}body[data-direction=journeys] #journey-feature .feature-title{margin-top:15px}body[data-direction=journeys] #journey-feature .feature-description{display:none}}
@media(max-width:850px){.masthead{height:112px;flex-wrap:wrap;gap:0;padding:12px 20px;align-content:space-between}.brand{min-width:0}.directions{order:3;width:100%;height:35px;justify-content:space-between;font-size:12px;gap:10px}.utilities kbd{display:none}.utilities button{font-size:13px}#workspace{height:calc(100dvh - 144px)}.page-footer{height:32px;padding:0 20px;font-size:10px}.page-footer .prototype-label{display:none}.navigator,body[data-direction=atlas] .navigator,body[data-direction=atlas]:not([data-level=world]) .navigator,body[data-direction=index] .navigator{left:0;top:auto;bottom:0;width:100%;height:46%;padding:20px 23px;background:rgba(6,28,35,.97);border-radius:0;overflow:auto;--ink:#f2f0e5;--muted:#bbcbc7;--line:rgba(225,238,229,.23);--accent:#dfc487;color:var(--ink)}#heading h1,body[data-direction=atlas] #heading h1,body[data-direction=index] #heading h1{font-size:33px!important}#heading{padding-bottom:12px}#heading .intro{display:none}.region-list{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.region-button,body[data-direction=index] .region-button{font-size:15px;min-height:45px}.region-button .count{font-size:11px}.region-button svg{display:none}.map-stage,body[data-direction=index] .map-stage,body[data-direction=journeys] .map-stage{inset:0 0 46%}.map-stage:after{display:none}body[data-direction=atlas] #breadcrumbs,body[data-direction=atlas] .map-bottom{left:20px}#breadcrumbs{top:12px;max-width:calc(100% - 150px)!important;font-size:12px}.map-actions{top:16px;right:15px}.map-actions button{width:31px;height:33px}.map-actions button:first-child{display:none}.map-layers{top:67px;right:15px}.map-layers button{font-size:12px;padding:0 8px}#map-key{font-size:10px;gap:10px}.maplibregl-ctrl-bottom-right{bottom:0!important}.map-bottom{bottom:22px}.search-panel{inset:8px 10px;width:auto;padding:20px}.back{margin-bottom:8px;min-height:20px}.site-meta{margin-top:10px}.site-summary,.coverage{font-size:13px}.selected-photo{height:120px!important;width:140px;float:left;margin:0 17px 10px 0}.primary-link{clear:both;font-size:14px}.site-list{min-height:100px}.site-row{min-height:59px;padding:10px 0}.site-row .row-name{font-size:14px}.island-filter select,body[data-direction=index] .island-filter select{background:#102c31;color:#f2f0e5}.journey-scene{width:100%;top:54%;height:46%;bottom:0}#journey-regions{left:20px;top:auto;bottom:calc(46% - 45px);width:calc(100% - 40px);gap:0 13px}#journey-regions button{font-size:11px;padding:8px 0}body[data-direction=journeys] .navigator,body[data-direction=journeys][data-level=site] .navigator,body[data-direction=journeys][data-browsing=true] .navigator{left:22px;top:calc(54% + 65px);bottom:20px;width:calc(100% - 44px);height:auto;padding:0;background:none;max-height:none}body[data-direction=journeys] #heading h1{font-size:34px!important}#journey-feature .feature-title{font-size:21px;margin-top:12px}#journey-feature .feature-description{display:none}#journey-feature .feature-actions{margin-top:13px;gap:22px}#journey-feature .feature-actions a,#journey-feature .feature-actions button{font-size:13px;padding:6px 0}.photo-caption{display:none}body[data-direction=journeys] #site-preview{margin-top:12px}.map-notice{font-size:12px;right:15px;bottom:60px;max-width:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.navigator,.search-panel,.map-actions,.map-layers{backdrop-filter:none!important;background:var(--ground)!important}}

body[data-direction=atlas] .map-bottom{z-index:2}
.map-marker.region[data-region="the-bahamas"] .marker-label{top:-42px;left:25px}
#site-preview{margin-top:8px}
.maplibregl-popup-content svg{width:14px;height:14px;vertical-align:middle}
.map-marker.overview-cluster{width:22px;height:22px;font-size:11px;border-width:1px}

/* Open Atlas: readable subregions and a direct list-to-map connection. */
.island-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 23px;flex-shrink:0}
.island-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:38px;padding:8px 1px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--muted)}
.island-nav button:first-child{grid-column:1/-1}
.island-nav button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.island-nav button:hover{color:var(--ink)}
.island-count{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}
body[data-direction=atlas] .site-row{min-height:58px;padding:15px 1px;gap:12px}
body[data-direction=atlas] .site-row:focus-visible{outline-offset:-2px}
body[data-direction=atlas] .site-row:is(:hover,:focus-visible) .row-name{color:var(--accent)}
body[data-direction=atlas] .site-row svg{transition:transform .25s var(--ease)}
body[data-direction=atlas] .site-row:is(:hover,:focus-visible) svg{transform:translateX(3px)}
/* The account entrance occupies the clear strip reserved by cameraPadding(). */
body[data-direction=atlas]{--map-content-left:440px}
body[data-direction=atlas][data-level=site] #heading{padding-bottom:18px;flex-shrink:0}
body[data-direction=atlas][data-level=site] #heading .coverage{margin-top:10px;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums}
body[data-direction=atlas][data-level=site] #site-preview{flex:1;min-height:0;margin-top:0;padding-bottom:16px;overscroll-behavior:contain;scrollbar-gutter:stable}
body[data-direction=atlas] .site-summary{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:16px;line-height:1.65;margin-top:14px;overflow-wrap:anywhere}
body[data-direction=atlas] .site-summary p+p{margin-top:1em}
#site-actions{position:absolute;left:var(--map-content-left,32px);right:25px;bottom:65px;z-index:3;display:flex;justify-content:center;pointer-events:none}
#site-actions .primary-link{margin:0;min-height:50px;min-width:300px;max-width:100%;padding:14px 20px;border:0;border-radius:5px;background:var(--accent);color:var(--ground);font-size:16px;font-weight:600;line-height:1.35;box-shadow:0 8px 24px #00121650;pointer-events:auto;transition:background .2s var(--ease);animation:account-entry-appear .6s var(--ease) both}
#site-actions .primary-link:hover{background:var(--ink)}
#site-actions .primary-link svg{animation:account-entry-nudge .8s var(--ease) .65s 2;transition:transform .2s var(--ease)}
#site-actions .primary-link:is(:hover,:focus-visible) svg{animation:none;transform:translateX(3px)}
@keyframes account-entry-appear{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes account-entry-nudge{0%,100%{transform:translateX(0)}45%{transform:translateX(5px)}}
@media(min-width:1700px){body[data-direction=atlas]{--map-content-left:480px}}
@media(max-width:1250px){body[data-direction=atlas]{--map-content-left:380px}}
@media(min-width:851px) and (max-height:750px){body[data-direction=atlas][data-level=site] .back{margin-bottom:14px}body[data-direction=atlas][data-level=site] #heading .site-code-line{margin-top:12px}body[data-direction=atlas][data-level=site] .selected-photo{height:135px}}
@media(max-width:850px){body[data-direction=atlas]{--map-content-left:20px}#site-actions{right:20px;bottom:60px}#site-actions .primary-link{min-width:0;min-height:46px;padding:11px 14px;font-size:15px}}
.site-hover-marker{width:18px;height:18px;pointer-events:none;z-index:8}
.site-hover-content{position:relative;width:100%;height:100%;animation:site-nudge .45s var(--ease) both}
.site-hover-point{position:absolute;inset:0;border:3px solid #f9e2a6;background:#9e773b;border-radius:50%;box-shadow:0 3px 8px #00121680}
.site-hover-label{position:absolute;left:27px;top:50%;transform:translateY(-50%);width:max-content;max-width:245px;padding:9px 12px;color:var(--ink);background:rgba(5,23,29,.96);border-radius:4px;font:15px/1.4 var(--sans);box-shadow:0 4px 16px #00121660}
.site-hover-label>span{display:block;color:var(--accent);font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.site-hover-marker.label-left .site-hover-label{left:auto;right:27px}
.has-site-preview .map-marker .marker-label{visibility:hidden}
@keyframes site-nudge{0%{transform:translateY(0)}40%{transform:translateY(-7px)}100%{transform:translateY(0)}}
@media(max-width:1250px){.island-nav{gap:0 13px;margin-bottom:18px}.island-nav button{font-size:13px}.island-count{font-size:11px}}
/* At close range, symbols can annotate their fixed source positions. */
.marker-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}
.marker-leaders path{fill:none;stroke:#f2f0e5;stroke-width:1.5;stroke-opacity:.85;filter:drop-shadow(0 1px 1px #061c23);vector-effect:non-scaling-stroke}
.marker-leaders circle{fill:#f2f0e5;stroke:#14333a;stroke-width:1}
.survey-tiles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.survey-tiles img{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none;transform-origin:0 0;user-select:none}
.map-marker{z-index:1}
.map-marker.is-annotation{min-width:28px;min-height:28px;z-index:2}
.map-marker.is-annotation:before{content:"";position:absolute;inset:-6px}

/* Selected-site evidence shares the notebook's symbols and visual scale.
   Keep region/site navigation dots separate from scientific records. */
.map-marker.event{width:28px;height:28px;padding:0;border:2px solid #f6f2e8;background:#205e54;color:#f6f2e8;font:600 14px var(--sans);box-shadow:0 2px 5px #10282455;z-index:2}
.map-marker.gcp,.map-marker.sample{width:30px;height:30px;padding:0;font:700 14px var(--sans);color:#fff7e8}
.map-marker.gcp{border:2px solid #fff7e8;border-radius:50%;outline:1px solid #17352c;background:#165c7a;box-shadow:0 3px 8px #0008;z-index:3}
.map-marker.gcp:after{content:none}
.map-marker.gcp svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}
.map-marker.sample{border:0;background:transparent;box-shadow:none;color:#282518;z-index:4}
.map-marker.sample:after{content:"";position:absolute;inset:0;border:2px solid #fff7e8;border-radius:5px;outline:1px solid #17352c;background:#f0bb63;box-shadow:0 3px 8px #0008;transform:rotate(45deg);z-index:-1}
.map-marker.sample span{position:relative}
.map-marker.gps,.map-marker.site-context{width:14px;height:14px;padding:0;border:2px solid #fbfaf5;border-radius:50%;background:#45644a;box-shadow:none}
.map-marker.evidence-cluster{width:46px;height:42px;padding:0;display:flex;flex-direction:column;justify-content:center;gap:1px;border:2px solid #e8eee3;border-radius:9px;background:#173c35;color:#fff8eb;box-shadow:0 3px 10px #0007;z-index:5}
.map-marker.evidence-cluster strong{font-size:17px;line-height:1}
.map-marker.evidence-cluster span{font-size:12px;line-height:1.1;font-weight:400}
.map-marker.evidence-cluster.has-samples{border-color:#f0bb63}
.map-marker.event:hover,.map-marker.event:focus-visible,.map-marker.gcp:hover,.map-marker.gcp:focus-visible,.map-marker.evidence-cluster:hover,.map-marker.evidence-cluster:focus-visible{background:#fff7e8;color:#173c35}
.map-marker.sample:hover:after,.map-marker.sample:focus-visible:after{background:#fff7e8;border-color:#f0bb63}
.map-marker.approximate{border-style:dashed}
.maplibregl-popup{z-index:6}
#map-key{flex-wrap:wrap}
.key-gps{display:inline-block;width:8px;height:8px;border:1px solid #fff7e8;border-radius:50%;background:#45644a}
.key-gcp{width:16px;height:16px;display:grid;place-items:center;border:1.5px solid #fff7e8;background:#165c7a;color:#fff7e8}
.key-gcp svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.key-sample{width:11px;height:11px;border-color:#fff7e8;border-radius:2px;background:#f0bb63}
.key-event{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid #f6f2e8;background:#205e54;color:#fff7e8;font:600 11px var(--sans)}
.key-event.approximate{border-style:dashed}

.editorial-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
.editorial-link:hover{text-decoration-thickness:2px}
.editorial-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}