.travel-atlas{--map-sea:color-mix(in srgb,var(--on-ink,var(--night)) 88%,var(--paper-solid));--map-land:color-mix(in srgb,var(--ink) 21%,var(--map-sea));--map-visited:color-mix(in srgb,var(--ink) 70%,#dc986f);display:block}.travel-atlas__frame{background:var(--map-sea);border:1px solid var(--line);overflow:hidden}[data-map]{touch-action:none;cursor:grab;width:100%;height:auto;min-height:220px;display:block}[data-map]:active{cursor:grabbing}.travel-atlas__grid{fill:none;stroke:var(--ink);stroke-width:.5px;opacity:.12}.travel-atlas__land{fill:var(--map-land);stroke:var(--map-sea);stroke-width:.6px}.travel-atlas__land.is-visited{fill:var(--map-visited);cursor:pointer}.travel-atlas__land.is-selected{fill:var(--ink);stroke:var(--ink);stroke-width:1px}.travel-atlas__pin{fill:var(--ink);stroke:var(--map-sea);stroke-width:1.5px;cursor:pointer}.travel-atlas__toolbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.travel-atlas__legend{font:11px/1.5 var(--mono);align-items:center;gap:8px;display:flex}.travel-atlas__legend i{background:var(--map-visited);width:9px;height:9px}.travel-atlas button{font:20px/1.2 var(--serif);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);cursor:pointer;min-height:44px;padding:9px 14px}.travel-atlas button:hover{background:var(--paper-hover)}.travel-atlas button[aria-pressed=true]{background:var(--ink);color:var(--on-ink,var(--night));border-color:var(--ink)}.travel-atlas button:disabled{opacity:.4;cursor:default}.travel-atlas__zoom{gap:6px;display:flex}.travel-atlas__zoom [data-zoom]{min-width:44px;font-family:var(--mono)}.travel-atlas__hint{font:13px/1.6 var(--mono);color:var(--ink-soft);margin:14px 0 22px}.travel-atlas__countries{flex-wrap:wrap;gap:8px;display:flex}.travel-atlas__story{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.travel-atlas__story h2{font:400 29px/1.2 var(--serif);margin:0 0 10px}.travel-atlas__story p{color:var(--ink-soft);margin:0;font-size:21px}@media (width<=560px){.travel-atlas__toolbar{gap:10px;padding:10px}.travel-atlas__countries{gap:7px}.travel-atlas button{padding:9px 12px}}
