.travel-section{border-top:1px solid var(--line);padding-block:82px 100px;--atlas-unit:1px}
.travel-card{border:1px solid #cad3c22b;border-radius:18px;background:linear-gradient(135deg,#1c3034,#0e1c22);overflow:hidden;box-shadow:0 30px 80px #0002}
.travel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #cad3c21a;flex-wrap:wrap}
.travel-breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.travel-breadcrumbs button{background:none;border:0;padding:4px 0;color:var(--text);cursor:pointer;font:inherit}.travel-breadcrumbs span{color:var(--accent)}
.travel-controls{display:flex;gap:8px;flex-wrap:wrap}.travel-controls button,.travel-zoom button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c4b69350;background:#16282cc9;color:var(--text);border-radius:20px;padding:9px 13px;font-size:11px;cursor:pointer;transition:background .25s,border-color .25s}.travel-controls button:hover,.travel-zoom button:hover{background:#34423a;border-color:var(--accent)}.travel-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.travel-controls button[hidden]{display:none}
.travel-body{display:grid;grid-template-columns:minmax(0,1fr) 265px}
.travel-stage{position:relative;height:540px;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 47%,#29454855,transparent 68%);isolation:isolate}
.travel-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b1c5bd44 .7px,transparent .7px);background-size:47px 61px;opacity:.22;pointer-events:none}
.travel-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-6px!important;z-index:1}.travel-canvas.is-dragging{cursor:grabbing}
.travel-stage.is-globe .travel-canvas{filter:drop-shadow(0 0 24px #95b1a41a)}
.travel-stage.is-changing{animation:atlas-change .48s ease both}@keyframes atlas-change{0%{opacity:.25;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}
.travel-markers{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.travel-pin-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#c9b98570;stroke-width:.8;fill:none}.travel-pin{z-index:1}.travel-pin:before{content:"";position:absolute;inset:-12px;border-radius:50%}
.travel-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#ece6cc;padding:0;pointer-events:auto;cursor:pointer;white-space:nowrap;font:11px var(--sans);line-height:1.4}
.travel-pin .pin-dot{display:block;width:8px;height:8px;border-radius:50%;background:#e1c991;box-shadow:0 0 0 4px #e1c99119,0 0 13px #e1c99160;margin:auto}
.travel-pin .pin-name{position:absolute;left:50%;top:12px;transform:translateX(-50%);padding:4px 7px;border:1px solid #c4b69340;border-radius:5px;background:#122228ed;transition:color .2s,background .2s}
.travel-pin:hover .pin-name,.travel-pin:focus-visible .pin-name{color:white;background:#3e4940}.travel-pin.region-pin .pin-dot{background:#91ada0;width:9px;height:9px}.travel-pin.region-pin .pin-name{border-color:#91ada060}
.travel-pin.region-pin{font-size:10px;line-height:1.3}.travel-pin.region-pin .pin-dot{width:5px;height:5px;box-shadow:0 0 0 2px #91ada026}.travel-pin.region-pin .pin-name{width:max-content;max-width:86px;white-space:normal;text-align:center;padding:2px 4px;border-radius:3px;border-color:#aac4ab30;background:#152e32d9;color:#e1eadc}.travel-pin.region-pin.is-centered:not(.is-unlabeled) .pin-dot{opacity:0}
.travel-pin.region-pin:before{inset:-5px}.travel-pin.region-pin:not(.is-unlabeled){z-index:2}
.travel-pin.is-unlabeled .pin-name{opacity:0;pointer-events:none}.travel-pin.is-unlabeled:hover .pin-name,.travel-pin.is-unlabeled:focus-visible .pin-name{opacity:1}.travel-pin:hover,.travel-pin:focus-visible{z-index:3}
.travel-pin[aria-current=true]{z-index:4}.travel-pin[aria-current=true] .pin-name{opacity:1;pointer-events:auto;color:#152328;background:#e1c991;border-color:#f3e3b9;font-weight:600;box-shadow:0 3px 16px #0004}.travel-pin[aria-current=true] .pin-dot{background:#fff1cf;box-shadow:0 0 0 5px #e1c99133,0 0 16px #e1c99190}
.travel-pin,.travel-place-list button{touch-action:manipulation}
.travel-tooltip{position:absolute;z-index:4;pointer-events:none;color:var(--text);background:#122228ee;border:1px solid #c4b69340;border-radius:5px;padding:6px 9px;font-size:11px;max-width:200px}.travel-tooltip[hidden]{display:none}
.travel-zoom{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;gap:6px}.travel-zoom button{width:34px;height:34px;font-size:17px;padding:0}
.travel-stage-hint{position:absolute;bottom:22px;left:100px;right:18px;text-align:right;color:#a6b9b4;font-size:10px;letter-spacing:.6px;pointer-events:none;z-index:3}
.travel-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:13px;z-index:5;background:#14252b}.travel-loading[hidden]{display:none}
.travel-sidebar{height:540px;box-sizing:border-box;padding:27px 22px;border-left:1px solid #cad3c21a;display:flex;flex-direction:column;min-width:0;background:#0e1e243d}.travel-sidebar>:not(.travel-place-list){flex-shrink:0}
.travel-sidebar .eyebrow{margin:0 0 12px;font-size:9px;letter-spacing:1.8px}.travel-sidebar h3{font-size:25px;line-height:1.5;font-weight:400;margin:0 0 12px}.travel-summary{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 20px}
.travel-region-switcher{display:grid;gap:7px;margin-bottom:16px}.travel-region-switcher[hidden]{display:none}.travel-region-switcher label{font:10px var(--sans);color:var(--muted)}.travel-region-switcher select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #cad3c23b;border-radius:7px;padding:10px 12px;background:#16282c;color:var(--text);font:12px var(--sans);cursor:pointer;color-scheme:dark}.travel-region-switcher select:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.travel-place-list{display:flex;flex:1;min-height:0;flex-direction:column;gap:7px;max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#647a6b transparent;padding:2px}
.travel-place-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #cad3c221;border-radius:7px;background:#adc3af06;padding:11px 12px;color:var(--text);font:12px var(--sans);text-align:left;cursor:pointer;transition:border-color .25s,background .25s}.travel-place-list button:hover,.travel-place-list button[aria-current=true]{border-color:#c4b69388;background:#c4b69312}.travel-place-list small{color:var(--muted);font-size:10px;flex-shrink:0}
.travel-country-name{display:inline-flex;align-items:center;gap:9px;min-width:0}.travel-country-flag{display:block;width:20px;height:15px;flex:0 0 auto;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff26}
.travel-selected-city{margin-top:18px;padding:14px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--accent);line-height:1.9}.travel-selected-city:empty{display:none}
.travel-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:auto;padding-top:23px}.travel-legend i{display:block;width:6px;height:6px;background:var(--accent);border-radius:50%}
.travel-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:19px;font-size:10px;line-height:1.9;color:var(--muted)}.travel-bottom p{margin:0}.travel-attribution{font-size:9px;text-align:right;max-width:380px}.travel-attribution a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){header nav{gap:16px}.travel-body{grid-template-columns:minmax(0,1fr) 230px}.travel-stage{height:480px}.travel-sidebar{height:480px;padding:23px 17px}}
@media(max-width:760px){.travel-body{grid-template-columns:1fr}.travel-sidebar{height:auto;border-left:0;border-top:1px solid #cad3c21a;padding:23px}.travel-place-list{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}.travel-legend{margin-top:0;padding-top:18px}.travel-stage{height:420px}.travel-toolbar{padding:15px 18px}.travel-stage-hint{font-size:9px}.travel-bottom{flex-direction:column;gap:8px}.travel-attribution{text-align:left;max-width:none}}
@media(max-width:600px){.travel-section{padding-block:52px 60px}.travel-stage{height:360px}.travel-controls button{font-size:10px;padding:8px 10px}.travel-controls{gap:6px}.travel-breadcrumbs{font-size:11px}.travel-pin{font-size:10px}.travel-sidebar h3{font-size:23px}.travel-place-list button{font-size:11px;padding:10px}.travel-place-list small{font-size:9px}.travel-card{border-radius:12px}}
@media(min-width:1600px){.travel-section{--atlas-unit:var(--wide-unit);padding-block:calc(82 * var(--atlas-unit)) calc(100 * var(--atlas-unit))}.travel-body{grid-template-columns:minmax(0,1fr) calc(265 * var(--atlas-unit))}.travel-stage{height:calc(540 * var(--atlas-unit))}.travel-sidebar{padding:calc(27 * var(--atlas-unit)) calc(22 * var(--atlas-unit))}.travel-sidebar h3{font-size:calc(25 * var(--atlas-unit))}.travel-summary,.travel-controls button{font-size:calc(11 * var(--atlas-unit))}.travel-controls button{padding:calc(9 * var(--atlas-unit)) calc(13 * var(--atlas-unit))}.travel-breadcrumbs,.travel-place-list button{font-size:calc(12 * var(--atlas-unit))}.travel-place-list button{padding:calc(11 * var(--atlas-unit)) calc(12 * var(--atlas-unit))}.travel-place-list{max-height:calc(330 * var(--atlas-unit))}.travel-place-list small,.travel-bottom,.travel-legend{font-size:calc(10 * var(--atlas-unit))}.travel-pin{font-size:calc(11 * var(--atlas-unit))}.travel-stage-hint{font-size:calc(10 * var(--atlas-unit))}.travel-toolbar{padding:calc(20 * var(--atlas-unit)) calc(24 * var(--atlas-unit))}.travel-sidebar .eyebrow,.travel-attribution{font-size:calc(9 * var(--atlas-unit))}.travel-zoom button{width:calc(34 * var(--atlas-unit));height:calc(34 * var(--atlas-unit));font-size:calc(17 * var(--atlas-unit))}.travel-selected-city{font-size:calc(12 * var(--atlas-unit))}}
@media(prefers-reduced-motion:reduce){.travel-stage.is-changing{animation:none}}
@media(max-width:600px){.travel-pin.region-pin{font-size:9px}.travel-pin.region-pin .pin-name{max-width:74px;padding:1px 3px}}
@media(min-width:1600px){.travel-pin.region-pin{font-size:calc(10 * var(--atlas-unit))}.travel-pin.region-pin .pin-name{max-width:calc(86 * var(--atlas-unit));padding:calc(2 * var(--atlas-unit)) calc(4 * var(--atlas-unit))}}
@media(max-width:760px){.travel-place-list.is-country-list{grid-template-columns:1fr}}
@media(min-width:1600px){.travel-country-name{gap:calc(9 * var(--atlas-unit))}.travel-country-flag{width:calc(20 * var(--atlas-unit));height:calc(15 * var(--atlas-unit))}}
@media(min-width:1600px){.travel-sidebar{height:calc(540 * var(--atlas-unit))}.travel-region-switcher{gap:calc(7 * var(--atlas-unit));margin-bottom:calc(16 * var(--atlas-unit))}.travel-region-switcher label{font-size:calc(10 * var(--atlas-unit))}.travel-region-switcher select{font-size:calc(12 * var(--atlas-unit));padding:calc(10 * var(--atlas-unit)) calc(12 * var(--atlas-unit))}}
