.map-page{padding-top:42px}
.map-page>.page-head{margin-bottom:28px}
.map-page>.page-head h1{margin-top:10px;margin-bottom:10px}
.atlas-overview{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);gap:24px;align-items:start}
.atlas-overview>*{min-width:0}
.atlas-panel{border:1px solid var(--line);background:var(--paper);overflow:hidden}
.atlas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px}
.atlas-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px}
.atlas-identity>span{font:500 1.1rem var(--serif);letter-spacing:.15em;color:var(--ink)}
.atlas-identity>small{color:var(--muted);font-size:.75rem;letter-spacing:.08em}
.atlas-select-label{position:relative;display:flex;align-items:center;gap:12px;min-width:0}
.atlas-select-label>span{font-size:.8rem;color:var(--muted);white-space:nowrap}
.atlas-select-label>select{appearance:none;-webkit-appearance:none;max-width:270px;min-width:155px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:.875rem;padding:9px 40px 9px 12px;border-radius:0;cursor:pointer}
.atlas-select-label::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.atlas-canvas{position:relative;isolation:isolate;background:#9fc6d8}
/* SVG region hit areas can trigger a map-wide native touch highlight. */
.atlas-canvas,.atlas-canvas *{-webkit-tap-highlight-color:transparent}
.atlas-map-art{display:block;width:100%;height:auto;aspect-ratio:1672/941;touch-action:pan-y}
.atlas-map-art #atlas-base-map{pointer-events:none}
.atlas-region{cursor:pointer;outline:none}
.atlas-region-light{opacity:0;pointer-events:none;transition:opacity .2s ease}
.atlas-region-hit{fill:transparent;stroke:#fff6da;stroke-opacity:0;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:all;transition:stroke-opacity .2s ease}
.atlas-region.selected .atlas-region-light{opacity:1}
.atlas-region.selected .atlas-region-hit{stroke-opacity:1;stroke-width:1.2}
.atlas-region.is-hovered .atlas-region-light{opacity:1}
.atlas-region.is-hovered .atlas-region-hit{stroke-opacity:1}
.atlas-region:focus-visible .atlas-region-light{opacity:1}
.atlas-region:focus-visible .atlas-region-hit{stroke:#19364c;stroke-opacity:1;stroke-width:2.5}
.atlas-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:13px 20px;color:var(--muted);font-size:.8rem}
.atlas-caption p{margin:0;font-size:inherit;line-height:1.6}
.atlas-caption-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-left:auto}
.atlas-selected-name{color:var(--ink);font-weight:500;text-align:right}
.atlas-enlarge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--line);background:transparent;color:var(--accent);font:inherit;white-space:nowrap}
.atlas-enlarge:hover{background:var(--soft);border-color:var(--accent)}
.atlas-enlarge svg{width:16px;height:16px;flex-shrink:0}
.atlas-detail-wrap{margin:0}
.atlas-detail-wrap .region-detail{display:block}
.atlas-detail-wrap .region-detail>img{display:block;width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover}
.atlas-detail-wrap .region-copy{padding:22px 24px}
.atlas-detail-wrap .region-copy h2{font-size:1.6rem;margin:9px 0 12px}
.atlas-detail-wrap .region-copy>p{font-size:1rem;line-height:1.8;margin-bottom:0}
.atlas-detail-wrap .region-copy h3{padding-top:16px;margin:20px 0 13px}
.atlas-detail-wrap .related-list{gap:12px}
.atlas-detail-wrap .related-list img{width:36px;height:36px}
@media(min-width:1025px){.atlas-overview>.atlas-panel{position:sticky;top:24px}}
@media(max-width:1024px){
 .atlas-overview{grid-template-columns:minmax(0,1fr);gap:20px}
 .atlas-detail-wrap .region-detail{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .atlas-detail-wrap .region-detail>img{height:100%;aspect-ratio:auto}
}
@media(max-width:850px){
 .atlas-toolbar{padding:16px 18px;gap:16px}
 .atlas-identity{display:block}
 .atlas-identity>small{display:block;margin-top:5px}
 .atlas-detail-wrap .region-detail{grid-template-columns:40% 60%}
 .atlas-detail-wrap .region-copy{padding:24px}
}
@media(max-width:600px){
 .map-page{padding-top:32px}
 .map-page>.page-head{margin-bottom:22px}
 .atlas-toolbar{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}
 .atlas-identity{display:flex;gap:12px;align-items:baseline}
 .atlas-identity>small{margin:0}
 .atlas-select-label{width:100%;justify-content:space-between}
 .atlas-select-label>select{max-width:100%;min-width:0;flex:1;font-size:16px;padding:10px 40px 10px 10px}
 .atlas-caption{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:4px}
 .atlas-caption-actions{width:100%;margin-left:0}
 .atlas-caption p{font-size:.75rem}
 .atlas-detail-wrap .region-detail{display:block}
 .atlas-detail-wrap .region-detail>img{height:auto;aspect-ratio:2.6/1}
 .atlas-detail-wrap .region-copy{padding:23px}
}
@media(prefers-reduced-motion:reduce){.atlas-region-light,.atlas-region-hit{transition:none}}
:root[data-reduced-motion=true] .atlas-region-light,:root[data-reduced-motion=true] .atlas-region-hit{transition:none}

.atlas-detail-wrap .atlas-continent-preview{display:block;width:100%;height:auto;aspect-ratio:2.6/1;background:#9fc6d8}
@media(min-width:601px) and (max-width:1024px){.atlas-detail-wrap .atlas-continent-preview{height:100%;aspect-ratio:auto}}