.size-page{--size-ink:#172640;--size-muted:#536575;--size-line:#d6e0e3;--size-paper:#fff;--size-accent:#225e64;--size-orange:#b75d10;margin:0;background:#f5f7f7;color:var(--size-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;color-scheme:light}
.size-page *{box-sizing:border-box}.size-page [hidden]{display:none!important}.size-page button,.size-page input,.size-page select{font:inherit}.size-page button,.size-page select{min-height:44px}.size-page button{border:1px solid var(--size-line);border-radius:7px;padding:8px 13px;color:var(--size-ink);background:#fff;cursor:pointer;font-size:.86rem;font-weight:650}.size-page button:hover{background:#edf3f3;border-color:#819da2}.size-page button:disabled{opacity:.5;cursor:default}.size-page a{color:#245c73;text-underline-offset:3px}.size-page :focus-visible{outline:3px solid #bc651a;outline-offset:3px}.size-page p{margin:0 0 12px}.size-page h1,.size-page h2,.size-page h3{line-height:1.2}.size-page .size-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.size-skip{position:absolute;top:-80px;z-index:1000;background:white;padding:12px}.size-skip:focus{top:8px}.size-header{display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100vw - 1400px)/2));min-height:62px;border-bottom:1px solid var(--size-line);background:#fff}.size-brand{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:1.16rem;font-weight:800;color:var(--size-ink)!important}.size-brand small{font-weight:500;color:#526b79}.size-header nav{display:flex;gap:24px;font-size:.85rem}.size-header nav a{text-decoration:none}.size-main{max-width:1440px;margin:auto;padding:22px 24px 0}.size-page .learner-main{max-width:none}.size-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.size-kicker{color:var(--size-accent);font-weight:700;font-size:.78rem;margin-bottom:6px!important}.size-intro h1{font-size:clamp(1.7rem,2.8vw,2.4rem);letter-spacing:-.045em;margin:0 0 8px}.size-intro p:last-child{font-size:.97rem;color:var(--size-muted);margin-bottom:0}.size-intro>button{flex-shrink:0}
.size-workspace{background:#fff;border:1px solid var(--size-line);border-radius:12px;overflow:hidden}.size-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--size-line)}.size-modes{display:flex;gap:6px}.size-modes button{border-color:transparent;background:transparent;padding:9px 21px}.size-modes button[aria-pressed=true]{background:var(--size-ink);color:white}.size-search{display:flex;position:relative;min-width:280px;max-width:410px;width:40%;gap:6px}.size-search input{width:100%;min-width:0;border:1px solid #a4b6bb;border-radius:6px;padding:9px 12px;font-size:.9rem}.size-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:8;background:white;border:1px solid #7c999e;box-shadow:0 10px 30px #17264020;max-height:330px;overflow-y:auto;padding:5px;border-radius:8px}.size-results button{display:block;text-align:left;width:100%;border:0;border-radius:4px;font-weight:500}.size-results p{padding:8px;margin:0;font-size:.85rem}.size-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fdf7eb;padding:12px 18px}.size-invitation p{margin:0;font-size:.92rem;font-weight:600}.size-invitation button,.size-actions>button:first-child{background:var(--size-accent);color:#fff;border-color:var(--size-accent)}.size-invitation button{white-space:nowrap}.size-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px}.size-map-column{min-width:0}.size-stage{height:clamp(390px,43vw,570px);position:relative;background:#e9f1f2;overflow:hidden;isolation:isolate;touch-action:pan-y}.size-stage svg{display:block;width:100%;height:100%;touch-action:pan-y}.size-stage:focus-visible{outline-offset:-4px}.size-background{fill:#c1d3d4;stroke:#f5f9f8;stroke-width:.55;stroke-linejoin:round}.size-background:hover{fill:#a4c4c7;cursor:crosshair}.size-graticule{fill:none;stroke:#bacdd0;stroke-width:.5;pointer-events:none}.size-equator{fill:none;stroke:#6b9da1;stroke-width:1;stroke-dasharray:5 5;pointer-events:none}.size-copy{stroke-width:2;fill-opacity:.48;stroke-linejoin:round;cursor:grab;touch-action:none}.size-copy:active{cursor:grabbing}.size-copy[data-active=true]{stroke-width:2.8}.size-color-0{--territory-color:#b65a0b}.size-color-1{--territory-color:#21626c}.size-color-2{--territory-color:#7550a3}.size-copy.size-color-0{fill:#eda444;stroke:#944301}.size-copy.size-color-1{fill:#5fa6b0;stroke:#194e58}.size-copy.size-color-2{fill:#b39ace;stroke:#65428e}.size-label{font:600 12px Inter,system-ui,sans-serif;fill:#233f50;paint-order:stroke;stroke:#eef5f5;stroke-width:3;stroke-linejoin:round;pointer-events:none}.size-copy-label{font-weight:800;fill:#172640}.size-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.size-zoom button{height:44px;width:44px;padding:0;font-size:1.4rem;box-shadow:0 1px 3px #17264010}.size-map-caption{position:absolute;left:14px;bottom:10px;margin:0!important;color:#375661;font-size:.75rem;background:#e9f1f2e6;padding:3px 6px;border-radius:3px;pointer-events:none}#map-loading{position:absolute;inset:30% 10%;text-align:center;color:#345866}.size-map-explanation{padding:14px 18px}.size-map-explanation p:first-child{font-size:.9rem;margin-bottom:5px}.size-map-explanation p:last-child{font-size:.77rem;color:var(--size-muted);margin-bottom:0}.size-warning{margin:0 18px 14px!important;padding:9px 12px;background:#fff3d9;border-left:3px solid #b75d10;font-size:.85rem}.size-warning button{margin-top:6px;display:block}
.size-panel{padding:17px;border-left:1px solid var(--size-line);background:#fcfdfd}.size-panel-heading{display:flex;align-items:center;justify-content:space-between}.size-panel-heading h2{font-size:1rem;margin:0 0 15px}.size-panel-heading>span{font-size:.75rem;color:var(--size-muted)}.size-selection{border-bottom:1px solid var(--size-line);padding:10px 0}.size-selection-head{display:flex;align-items:center;gap:7px}.size-selection-head>button:first-child{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-align:left;padding:4px 0;border:0;background:none;font-size:.87rem}.size-selection-head>button:first-child[aria-pressed=true]{font-weight:800}.size-marker{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:var(--territory-color);color:white;font-size:.75rem;border-radius:50%}.size-remove{border:0!important;padding:5px!important;min-width:38px;font-size:1.3rem!important}.size-area{font-size:.9rem;font-weight:750;margin:0 0 4px 31px!important}.size-selection details{font-size:.75rem;color:var(--size-muted);margin-left:31px}.size-selection summary{cursor:pointer;min-height:28px}.size-selection details p{margin:6px 0}.size-actions{display:grid;gap:7px;margin:16px 0}.size-movement{border-top:1px solid var(--size-line);padding-top:15px}.size-movement label{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}.size-movement select{width:100%;border:1px solid #a4b6bb;border-radius:6px;background:white;padding:6px;font-size:.83rem}.size-pad,.size-turn{display:flex;gap:6px;margin:8px 0}.size-pad button{flex:1;font-size:1.15rem;padding:4px}.size-turn button{flex:1;padding:5px;font-size:.8rem;white-space:nowrap}.size-movement>button{width:100%}.size-secondary-controls{border-top:1px solid var(--size-line);padding-top:14px;margin-top:14px;font-size:.79rem}.size-secondary-controls summary{cursor:pointer}.size-secondary-controls p{margin-top:8px}.size-layout-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#f0f6f5;gap:12px;font-size:.84rem}.size-layout-controls>div{display:flex;gap:6px}.size-layout-controls button[aria-pressed=true]{background:#225e64;color:white;border-color:#225e64}.size-comparison-text{padding:20px;border-top:1px solid var(--size-line)}.size-comparison-text h2{font-size:1.1rem;margin:0 0 10px}.size-comparison-text p{font-size:.9rem}.size-comparison-text .size-note{font-size:.79rem;color:var(--size-muted)}.size-comparison-text select{margin:0 0 12px 10px;max-width:100%;border:1px solid #9cb1b5;padding:6px;border-radius:6px}.size-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--size-line);gap:16px}.size-presets{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.size-presets>span{font-size:.78rem;color:var(--size-muted);margin-right:5px}.size-presets button{font-size:.77rem}.size-bottom>button{flex-shrink:0}.size-status{min-height:26px;padding:0 18px;margin:5px 0!important;font-size:.82rem;color:#235d50}#share-fallback{padding:15px 18px}#share-url{display:block;width:100%;padding:10px;margin-top:6px}.size-noscript{padding:20px}
.size-challenge{padding:18px 22px;border-bottom:1px solid #ccdcd8;background:#f1f7f4}.size-challenge h2{font-size:1.13rem;margin:3px 0 10px}.size-challenge>p:first-child{font-size:.76rem;color:var(--size-accent);font-weight:700}.size-challenge form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.size-challenge label{font-size:.87rem}.size-challenge input[type=text]{width:95px;border:1px solid #8da89f;border-radius:6px;padding:9px;font-size:1rem}.size-challenge fieldset{display:flex;flex-wrap:wrap;gap:9px;border:0;margin:0;padding:0}.size-challenge legend{margin-bottom:8px}.size-challenge fieldset label{background:white;border:1px solid #ceded7;padding:10px 12px;border-radius:6px;cursor:pointer}.size-challenge input[type=radio]{margin-right:6px}.size-challenge button{border-color:#7b9f94}.size-challenge .size-feedback{max-width:950px;margin-top:12px}.size-challenge ol{padding-left:20px;font-size:.9rem}.size-challenge li{margin:10px 0}.size-challenge a{margin-right:15px}.size-challenge-actions{display:flex;gap:8px;flex-wrap:wrap}.size-challenge .size-note{font-size:.79rem;color:var(--size-muted)}
.size-next{padding:32px 0}.size-next h2{font-size:1.3rem;margin:0 0 8px}.size-next>p{font-size:.9rem;color:var(--size-muted)}.size-next>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.size-next a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--size-line);font-size:.9rem;text-decoration:none}.size-reading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:36px 0;border-top:1px solid var(--size-line)}.size-reading h2{font-size:1.6rem;letter-spacing:-.03em;margin:0 0 20px}.size-reading p{font-size:.93rem;line-height:1.75}.size-faq details{border-bottom:1px solid var(--size-line);padding:14px 0}.size-faq summary{font-weight:650;cursor:pointer;font-size:.93rem}.size-faq details p{font-size:.87rem;margin:12px 0 0}.size-sources{padding:25px 0;max-width:1100px;border-top:1px solid var(--size-line);font-size:.8rem;color:var(--size-muted)}.size-sources h2{font-size:1.2rem;color:var(--size-ink)}.size-sources li{margin:10px 0}.size-sources ul{padding-left:19px}.size-footer{padding:24px 0;display:flex;justify-content:space-between;font-size:.78rem;border-top:1px solid var(--size-line);color:var(--size-muted)}
.size-presentation .size-header,.size-presentation .size-kicker,.size-presentation .size-search,.size-presentation .size-panel,.size-presentation .size-bottom,.size-presentation .size-next,.size-presentation .size-reading,.size-presentation .size-sources,.size-presentation .size-footer,.size-presentation .size-map-explanation p:last-child{display:none!important}.size-presentation .size-stage-layout{grid-template-columns:1fr}.size-presentation .size-stage{height:65vh}.size-presentation .size-intro h1{font-size:1.6rem}.size-presentation .size-main{max-width:none}
.size-workspace[data-mode=comparer] .size-copy{cursor:pointer}
.size-subscribe{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:24px 0;border-top:1px solid var(--size-line);border-bottom:1px solid var(--size-line)}
.size-subscribe h2{margin:0 0 8px;font-size:1.25rem}.size-subscribe p{margin:0;color:var(--size-muted);font-size:.9rem}
.size-page .size-subscribe a{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;min-height:44px;padding:12px 18px;border:1px solid var(--size-accent);border-radius:7px;background:var(--size-accent);color:#fff;font-size:.9rem;font-weight:700;text-decoration:none}
.size-page .size-subscribe a:hover{background:#194e54;border-color:#194e54}.size-presentation .size-subscribe{display:none!important}
@media(max-width:700px){.size-subscribe{flex-direction:column;align-items:stretch;gap:16px;padding:20px 0}.size-subscribe h2{font-size:1.16rem}}
.size-invitation button:hover,.size-actions>button:first-child:hover{background:#194e54;border-color:#194e54;color:#fff}
.size-map-key{display:flex;flex-wrap:wrap;gap:5px 20px;list-style:none;margin:0;padding:10px 18px 0;font-size:.78rem}
.size-map-key li::before{content:"";display:inline-block;width:22px;margin-right:7px;vertical-align:middle;border-top:2px solid var(--territory-color)}
.size-map-key li:nth-child(2)::before{border-top-style:dashed}.size-map-key li:nth-child(3)::before{border-top-style:dotted}
/* Keep the initial map position stable while its local geometries load. */
.size-loading .size-toolbar[hidden]{display:flex!important;visibility:hidden}
.size-loading .size-panel[hidden]{display:grid!important;visibility:hidden}
.size-loading [data-action=guided][hidden],.size-loading [data-action=presentation][hidden]{display:inline-block!important;visibility:hidden}
@media(min-width:1700px){.size-stage{height:600px}}
@media(max-width:1100px){.size-main{padding:20px 16px 0}.size-stage-layout{grid-template-columns:minmax(0,1fr) 260px}.size-panel{padding:13px}.size-toolbar{gap:10px}.size-modes button{padding:9px 14px}.size-bottom{align-items:start;flex-direction:column}.size-reading{gap:30px}.size-intro>button{font-size:.75rem}}
@media(max-width:820px){.size-intro{align-items:start}.size-intro>button{max-width:115px;white-space:normal}.size-stage-layout{grid-template-columns:1fr}.size-stage{height:450px}.size-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-left:0;border-top:1px solid var(--size-line);padding:18px}.size-panel-heading{grid-column:1/-1}.size-panel #selections{grid-column:1;grid-row:2/5}.size-actions{margin-top:0}.size-movement{grid-column:2}.size-secondary-controls{grid-column:2}.size-reading{grid-template-columns:1fr}.size-search{min-width:240px}.size-map-explanation{padding:12px 18px}}
@media(max-width:560px){.size-header{padding:8px 13px;min-height:56px}.size-header nav{gap:10px;font-size:.76rem}.size-header nav a:last-child{display:none}.size-main{padding:16px 10px 0}.size-intro{display:block;margin-bottom:14px}.size-intro h1{font-size:1.7rem}.size-intro p:last-child{font-size:.86rem}.size-intro>button{position:static;max-width:none;margin-top:10px;font-size:.73rem;min-height:36px;padding:5px 9px}.size-kicker{font-size:.71rem}.size-toolbar{flex-direction:column;gap:9px;padding:9px}.size-modes{width:100%}.size-modes button{flex:1;padding:6px}.size-search{width:100%;max-width:none;min-width:0}.size-search input{font-size:16px;padding:7px 9px}.size-search button{font-size:.76rem;padding:7px}.size-invitation{align-items:start;padding:11px;gap:8px}.size-invitation p{font-size:.82rem}.size-invitation button{white-space:normal;min-width:108px;flex:0 0 108px;padding:7px;font-size:.76rem}.size-stage{height:365px}.size-panel{grid-template-columns:1fr;padding:14px;gap:0}.size-panel #selections,.size-panel .size-movement,.size-secondary-controls{grid-column:1;grid-row:auto}.size-panel-heading h2{margin-bottom:5px}.size-actions{margin:14px 0}.size-map-explanation{padding:10px 12px}.size-map-explanation p:first-child{font-size:.82rem}.size-map-explanation p:last-child{font-size:.73rem}.size-layout-controls{flex-direction:column;align-items:start;padding:10px;font-size:.76rem}.size-layout-controls>div{width:100%}.size-layout-controls button{flex:1}.size-comparison-text{padding:14px}.size-comparison-text label{display:block}.size-comparison-text select{margin:6px 0 12px}.size-bottom{padding:12px;gap:12px}.size-presets>span{width:100%}.size-presets button{font-size:.73rem;padding:7px}.size-bottom>button{width:100%}.size-challenge{padding:14px}.size-challenge form{align-items:start}.size-challenge fieldset{display:grid;gap:6px}.size-challenge fieldset label{padding:10px}.size-challenge h2{font-size:1.05rem}.size-next>div{grid-template-columns:1fr}.size-reading{padding-top:26px}.size-reading h2{font-size:1.4rem}.size-footer{display:block}.size-map-caption{font-size:.67rem;left:8px}.size-zoom{right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.size-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
