/* Atlantic overview, with scope visible without hover or regional controls. */
.nuco-atlas[id]{inline-size:min(76rem,calc(100% - 2 * var(--gutter,2rem)));margin-inline:auto;--na-space:clamp(4rem,6vw,6rem);padding-block:var(--na-space);scroll-margin-block-start:calc(24px - var(--na-space));color:var(--ink,#170c32);container-type:inline-size}
.na-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-block-end:1rem}
.na-heading h2{font-family:var(--serif,Newsreader,serif);font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:.98;letter-spacing:-.04em;font-weight:400;margin:0;text-wrap:balance}
.na-heading p{font-size:1rem;line-height:1.7;color:var(--muted,#6c627a);margin:0;max-inline-size:28rem}
.ng-atlas{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:4rem;isolation:isolate}
.ng-scope{display:grid;gap:2rem;margin:0;padding-block:2rem;max-inline-size:26rem}
.ng-scope>div{padding-inline-start:1.25rem;border-inline-start:1px solid #764b8b38}
.ng-scope dt{font-family:var(--serif,Newsreader,serif);font-size:1.7rem;line-height:1.2;letter-spacing:-.025em}
.ng-scope dd{max-inline-size:30ch;margin:.5rem 0 0;font-size:.9375rem;line-height:1.7;color:var(--muted,#6c627a)}
.ng-world{position:relative;margin:0;inline-size:min(100%,38rem);aspect-ratio:1;justify-self:start}
.ng-world:after{content:"";position:absolute;inset:10%;border:1px solid #43254e13;border-radius:50%;pointer-events:none;box-shadow:0 20px 30px -25px #43254e15}
.ng-canvas,.ng-fallback{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none}
.ng-canvas{opacity:0;transition:opacity .5s ease}
.ng-fallback{object-fit:contain}
[data-globe=ready] .ng-canvas{opacity:1}
[data-globe=ready] .ng-fallback{opacity:0}
.ng-locations{position:absolute;inset:0}
.ng-point{position:absolute;translate:-50% -50%;inline-size:24px;block-size:24px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}
.ng-point:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#682c9b;box-shadow:0 0 0 1px #faf9f7c9;transition:box-shadow .15s ease-out}
.ng-point:focus-visible{z-index:2;outline:2px solid #6b319c;outline-offset:1px}
.ng-point.is-highlighted:before{box-shadow:0 0 0 3px #a56dca35,0 0 0 1px #faf9f7}
.ng-country-label{position:absolute;z-index:3;translate:-50% calc(-100% - 14px);border:1px solid transparent;border-radius:.6rem;padding:.45rem .75rem;font-size:.8rem;line-height:1.4;white-space:nowrap;max-inline-size:16rem;background:#fffdf8ed;backdrop-filter:blur(12px);color:#281339;box-shadow:0 0 0 1px #47235919,0 5px 20px #2813390d;pointer-events:none}
.ng-country-label:empty,.ng-country-label[hidden]{display:none}
@media(hover:hover){.ng-point:hover{z-index:2}.ng-point:hover:before{box-shadow:0 0 0 3px #a56dca35,0 0 0 1px #faf9f7}}
@container(width < 680px){
 .na-heading{display:block;margin-block-end:1rem}.na-heading p{margin-block-start:1.25rem;font-size:.9375rem}
 .ng-atlas{grid-template-columns:minmax(0,1fr);gap:0}
 .ng-scope{max-inline-size:none;gap:1.5rem;padding-block:1.5rem;grid-template-columns:minmax(0,1fr)}
 .ng-scope>div{padding-inline-start:.875rem}
 .ng-scope dt{font-size:1.4rem}.ng-scope dd{font-size:.8125rem;line-height:1.65}
 .ng-scope dd br{display:none}.ng-world{max-inline-size:32rem;justify-self:center}
 .ng-country-label{font-size:.7rem;padding:.35rem .5rem;max-inline-size:14rem}
}
@media(prefers-reduced-motion:reduce){.ng-canvas,.ng-point:before{transition:none}}
@media(forced-colors:active){.ng-point:before{background:Highlight}.ng-country-label{border-color:CanvasText;background:Canvas;color:CanvasText}}
.skill-instructions{margin-block:2rem;border-block:1px solid color-mix(in srgb,var(--ink) 15%,transparent);padding-block:1rem}
.skill-instructions summary{cursor:pointer;min-block-size:44px;display:flex;align-items:center;font-weight:600}
.reading-body table{inline-size:100%;border-collapse:collapse;font-size:.875rem;overflow-wrap:anywhere}
.reading-body th,.reading-body td{text-align:start;vertical-align:top;padding:.8rem .5rem;border-block-end:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
@media(max-width:600px){.reading-body table{font-size:.75rem}.reading-body th,.reading-body td{padding:.6rem .3rem}}


/* Evidence tables scroll within the reading column. */
.resource-table-scroll{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;margin-block:1.5rem}
.resource-table-scroll table{min-inline-size:36rem;font-size:.875rem;overflow-wrap:normal}
.resource-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.reading-body li>a{display:inline-flex;align-items:center;min-block-size:44px}

/* Country markers on the far side never float over the near hemisphere. */
.ng-point.is-behind{visibility:hidden;pointer-events:none}
