.travel-layout{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(220px,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.globe-stage{position:relative;aspect-ratio:1;border-radius:50%}.globe{width:100%;height:100%;display:block;touch-action:none;cursor:grab;overflow:visible}.globe:active{cursor:grabbing}.globe-ocean{fill:oklch(45% .06 205)}.globe-shade{pointer-events:none}.globe-graticule{fill:none;stroke:oklch(90% .03 85/.12);stroke-width:.6}.globe-land{fill:oklch(80% .045 85);stroke:oklch(45% .06 205);stroke-width:.5}.globe-land.is-visited{fill:var(--terracotta);cursor:pointer}.globe-land.is-visited:hover{fill:oklch(64% .13 42)}.globe-land.is-selected{fill:var(--color-highlight)}.globe-marker{fill:var(--terracotta);stroke:var(--linen);stroke-width:1.5;cursor:pointer}.globe-marker.is-selected{fill:var(--color-highlight)}.globe-city{fill:var(--color-bg);stroke:var(--color-highlight);stroke-width:1.5;pointer-events:none}.globe-city-label{fill:var(--linen);font-size:13px;font-weight:600;paint-order:stroke;stroke:oklch(20% .03 145/.85);stroke-width:3px;pointer-events:none}.travel-count{margin:0 0 1rem;font-size:.875rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase}.travel-list{margin:0;padding:0;list-style:none}.travel-list>li{margin:0;border-bottom:1px solid oklch(94% .02 85/.08)}.travel-list button{width:100%;min-height:44px;padding:.5rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:left;font-weight:600;color:var(--color-highlight);cursor:pointer}.travel-list button span{font-weight:400;font-size:.85rem;color:var(--color-text);opacity:.6;font-variant-numeric:tabular-nums}.travel-list button[aria-expanded=true]{color:var(--linen)}.travel-list button:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.travel-detail{padding:0 0 1rem}.travel-cities{margin:0 0 .75rem;font-size:.9rem}.travel-photos{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.travel-photos li{margin:0}.travel-photos img{width:72px;height:72px;object-fit:cover;border:4px solid var(--linen)}html:not(.travel-js) .travel-detail[hidden]{display:block}@media(max-width:720px){.travel-layout{grid-template-columns:1fr}}