/* A welcoming atlas: golden land, sea-glass water, olive and terracotta tables. */
:root{--paper:#f7f2e8;--paper-deep:#eadcc4;--paper-light:#fffaf1;--ink:#24211d;--ink-soft:#665744;--teal:#587064;--teal-deep:#405842;--terracotta:#a9563a;--terracotta-deep:#84432d;--rule:#d8c5a6;--white:#fffdf7;--shadow:0 16px 42px rgba(105,75,38,.1)}
body{background:radial-gradient(ellipse at 10% 0%,#f4e6cb 0,transparent 40%),#f7f2e8}
.map-layout{border-color:#ceb68f;box-shadow:var(--shadow)}
.map-toolbar{background:#405842;border-bottom:1px solid #728474}
.map-frame{background:#bfd4c6}.map-ocean{fill:url(#warm-water)}
.world-map>image{filter:url(#warm-land)}
.world-map>image.painted-atlas{filter:none}
.marker-node .marker-dot{fill:#b26042;stroke:#fff5df;stroke-width:2;filter:drop-shadow(0 1px 2px #80624455)}
.marker-node.cluster .marker-dot{fill:#405842}
.marker-node.is-selected .marker-dot{fill:#263b2a;stroke:#e7bd79}
.marker-node .marker-halo{fill:#edbd7022;stroke:#b27b4922}
.marker-node:hover .marker-halo,.marker-node:focus-visible .marker-halo{fill:#f3d29988;stroke:#84432d}
.map-instructions{background:#fff7e8;color:#665744}
.selection-panel{background:#fff8ec}.filter-panel{background:#efe3ce;border-color:#d8c5a6}
#map-selection h3,#map-selection h2{color:#24211d}
#map-selection p,#map-selection .privacy-line{color:#665744}
#map-selection .eyebrow{color:#405842}
.selection-panel .network-bridge{padding:14px;margin:18px 0 0}.selection-panel .network-bridge h2{font-size:23px}.selection-panel .network-bridge p{font-size:12px}.selection-panel .network-actions{gap:10px}
.button-primary,.nav-cta{background:#263b2a;border-color:#263b2a;color:#fffaf1}
.button-primary:hover,.nav-cta:hover{background:#405842;border-color:#405842}
.filter-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
.filter-panel .field-search{grid-column:auto;min-width:0}
@media(max-width:600px){.filter-panel{grid-template-columns:minmax(0,1fr)}.filter-panel .button{justify-self:start}}
.community-card,.community-list article{border-color:#d8c5a6}.demo-banner{background:#eadbc0;color:#724a2f}
.site-nav .network-link{color:#405842}.network-bridge{background:#f9f0df;border-color:#d8c5a6}
/* A landscape to explore, with controls and selected stories resting lightly on it. */
.map-layout{display:block!important;position:relative;border:0;background:transparent;box-shadow:0 22px 60px -20px #345e5140;border-radius:26px}
.map-column{position:relative}.map-frame{border-radius:26px;background:#80cdc5}
.world-map{display:block;max-height:none;min-height:360px}
.map-toolbar{position:absolute;inset:18px 18px auto;z-index:2;padding:0;min-height:0;background:none;border:0;pointer-events:none}
.zoom-controls{gap:6px;pointer-events:auto;background:#fffaf1f2;border:1px solid #ffffffa6;border-radius:18px;padding:6px;box-shadow:0 6px 24px #325a4826}
.map-toolbar .icon-button,.map-toolbar .text-button{border:0;border-radius:12px;color:#263b2a;background:transparent;min-width:44px;min-height:44px}
.map-toolbar .icon-button:hover,.map-toolbar .text-button:hover{background:#e9ecdc}.map-toolbar .zoom-label{background:#fffaf1ed;color:#405842;border-radius:30px;padding:10px 16px;box-shadow:0 4px 15px #325a481a}
.map-instructions{left:20px;right:auto;bottom:16px;max-width:calc(100% - 40px);border:0;border-radius:12px;background:#fffaf1e8;padding:9px 13px;box-shadow:0 3px 14px #325a4814}
.map-layout .selection-panel{display:none;position:absolute;right:20px;top:92px;width:320px;max-width:calc(100% - 40px);max-height:calc(100% - 155px);overflow:auto;min-height:0;padding:24px;border:1px solid #fffdf7;border-radius:22px;color:var(--ink);background:#fffaf1f5;box-shadow:0 16px 40px #304b3933;animation:table-arrival .24s ease-out}
.map-layout .selection-panel:has(.button){display:block}
.map-layout .selection-panel.is-dismissed{display:none}.selection-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#ebe5d7;color:#405842;font-size:25px;cursor:pointer}.selection-close:hover{background:#ded8c9}.selection-panel>.eyebrow{padding-right:28px}
.selection-panel .privacy-line{border-color:#e8deca}.selection-panel .button{border-radius:30px;background:#263b2a;color:#fffaf1;border-color:#263b2a;padding:12px 20px}
.selection-panel .network-bridge{background:none;border:0;border-top:1px solid #e8deca;border-radius:0;padding:16px 0 0}.selection-panel .network-bridge h2,.selection-panel .network-bridge p{display:none}.selection-panel .network-actions{gap:12px}.selection-panel .network-link{font-size:12px}
.filter-panel{border:0;background:none;padding:0 0 22px;gap:18px}.filter-panel input{border:1px solid #e0d4bd;border-radius:18px;background:#fffcf5;padding:16px 20px;box-shadow:0 3px 16px #77512608}.filter-panel .button{border-radius:30px}.network-search-actions .button:last-child{background:#263b2a;color:#fffaf1;border-color:#263b2a}.network-search-actions .button:last-child:hover{background:#405842}
.map-toolbar button:focus-visible,.filter-panel button:focus-visible{outline:3px solid #84432d;outline-offset:3px}
@keyframes table-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.map-layout .selection-panel{position:relative;top:auto;right:auto;width:auto;max-width:none;max-height:none;margin:16px 0 0;padding:24px;box-shadow:0 12px 30px #6b543514}.world-map{min-height:290px}.map-layout,.map-frame{border-radius:20px}.map-toolbar{inset:12px 12px auto}.map-instructions{font-size:10px;left:12px;bottom:12px;max-width:calc(100% - 24px)}.map-toolbar .zoom-label{padding:8px 10px;font-size:10px}.zoom-controls{padding:3px;gap:2px}.map-toolbar .text-button{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.map-layout .selection-panel{animation:none}}
/* Keep the scrolling track transparent and inset from the rounded corners. */
.map-layout .selection-panel::-webkit-scrollbar{width:7px;background:transparent}
.map-layout .selection-panel::-webkit-scrollbar-track{background:transparent;margin-block:22px}
.map-layout .selection-panel::-webkit-scrollbar-thumb{background:#a8ad9c;border-radius:10px;border:2px solid #fffaf1}
.map-layout .selection-panel::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){.map-layout .selection-panel{scrollbar-width:thin;scrollbar-color:#a8ad9c transparent}}
.join-trigger{font-family:var(--sans);cursor:pointer;border-radius:30px}.nav-cta.join-trigger{padding:12px 20px;font-size:14px;font-weight:700}
#join-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:38px;border:0;border-radius:26px;background:#fffaf1;color:#24211d;box-shadow:0 25px 80px #263b2a44}#join-dialog::backdrop{background:#263b2a66;backdrop-filter:blur(4px)}#join-dialog h2{font-size:40px;line-height:1.1;margin:18px 0}#join-dialog>p{max-width:420px}.join-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eee6d6;color:#405842;font-size:26px;cursor:pointer}
#join-preview-form{display:grid;gap:18px;margin-top:24px}#join-preview-form label{display:grid;gap:8px;font:14px var(--sans);font-weight:600}#join-preview-form input,#join-preview-form textarea{width:100%;border:1px solid #ded3bd;border-radius:12px;padding:12px;background:#fffdf7;color:#24211d;font:16px var(--sans)}#join-preview-form button{justify-self:start;border-radius:30px}#join-dialog .join-demo-note{font:12px var(--sans);color:#736653;margin-top:22px}#join-preview{margin-top:24px;padding:20px;border-radius:16px;background:#eeeada;overflow-wrap:anywhere}