/* Four scales of the same city, using local vector data. */
.map-levels{position:absolute;z-index:700;left:27px;top:22px;display:flex;gap:3px;padding:4px;border:1px solid #dce2d4;background:#fffef7f0;border-radius:30px;box-shadow:0 3px 12px #2a3c1910}
.map-levels button{padding:7px 11px;border-radius:20px;font-size:9px;font-weight:600;color:#7a8472;min-height:30px;transition:background .2s,color .2s}
.map-levels button[aria-pressed=true]{background:#293c30;color:#f0f6df}
.map-levels button:hover{background:#e7eddb;color:#2c4030}.map-levels button[aria-pressed=true]:hover{background:#293c30;color:white}
.map-top{top:26px;right:27px;gap:18px}.map-title-chip{max-width:140px}
.map-data-status{position:absolute;z-index:701;top:99px;left:28px;background:#fffff6ed;border:1px solid #dce1ce;border-radius:5px;padding:8px 11px;font-size:10px;color:#607052;box-shadow:0 2px 9px #00000008}
.map-data-status button{margin-left:10px;text-decoration:underline}.map-data-status.is-error{color:#925930}.map-data-status[hidden]{display:none}
.map-footnote{left:30px;right:85px;top:69px;bottom:auto;font-size:9px;line-height:1.4;letter-spacing:.1px;color:#718165;display:block;pointer-events:none;text-shadow:0 1px 3px #fff}
.map-tools{z-index:700;bottom:60px}.map-tools>button{font-size:20px}.zoom-group button:disabled{color:#b7bdb0;cursor:default;background:#f0f2eb}
.leaflet-control-attribution{font-size:8px!important}.leaflet-control-scale{margin-left:28px!important;margin-bottom:47px!important}.leaflet-control-scale-line{background:#f9faf4b8;border-color:#819177;color:#536746;font-size:9px;text-shadow:none}
.landmark-marker{background:none;border:0;outline-offset:3px}.landmark-art{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;filter:drop-shadow(0 2px 2px #34512416);transition:filter .18s}
.landmark-art>svg{width:56px;height:56px;overflow:visible;flex-shrink:0}.landmark-art>span{font-size:8px;line-height:1.1;white-space:nowrap;font-weight:650;color:#354c3b;background:#f8faf0ec;padding:3px 5px;border-radius:4px;box-shadow:0 1px 4px #5362380c}
.landmark-marker:hover .landmark-art{filter:drop-shadow(0 4px 5px #34512440)}.landmark-art.is-saved>span{background:var(--lime)}.landmark-art>i{position:absolute;top:2px;right:12px;background:var(--lime);border:2px solid white;border-radius:50%;height:18px;width:18px;font-style:normal;display:grid;place-items:center;font-size:10px}
.landmark-art.compact>svg{width:36px;height:36px;background:#fffef3;border-radius:50%;border:1px solid #d1dac6;padding:3px}.landmark-art.compact>span{font-size:9px}.landmark-art.compact>i{top:-2px;right:24px}
.station-label{display:flex;align-items:center;gap:4px;white-space:nowrap;outline-offset:3px}.station-label b{display:grid;place-items:center;flex-shrink:0;width:17px;height:17px;background:#78999f;color:white;border:2px solid #f7f8f1;border-radius:5px;font:600 9px var(--sans)}
.station-label span{font-size:9px;color:#4c6a70;background:#f7f8f0df;border-radius:3px;padding:2px 3px;line-height:1.1}.entrance-label b{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#fffef1;color:#637d62;border:1px solid #84947b;font:650 10px var(--sans);box-shadow:0 1px 3px #364b2419}
.road-label{width:auto!important;white-space:nowrap;font-size:9px;color:#8b8d7b;letter-spacing:.3px;pointer-events:none!important;text-shadow:0 1px 2px #fff,1px 0 2px #fff}
.neighborhood-label{text-align:center;font-size:12px;font-weight:650;color:#94a086;letter-spacing:1px;white-space:nowrap;pointer-events:none!important;text-shadow:0 1px 3px #f5f6ef}.neighborhood-label small{display:block;font-size:9px;font-weight:450;letter-spacing:.6px;margin-top:3px}
.transit-popup{font-family:var(--sans);display:flex;flex-direction:column;gap:6px;line-height:1.5}.transit-popup small{font-size:8px;letter-spacing:1.5px;color:#789079}.transit-popup strong{font-size:16px;color:#304431}.transit-popup>span{font-size:11px;color:#789079}.transit-popup p{font-size:11px;margin:5px 0!important;color:#7b8271}.transit-popup a{font-size:11px;color:#456548!important;text-decoration:underline}
.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 30px #1c341d20}.leaflet-popup-close-button{font-size:22px!important}
.atlas-stage.map-expanded{position:fixed;inset:0;width:100%;height:100dvh!important;z-index:1500;background:var(--paper);margin:0;border:0}.map-expanded .intro,.map-expanded .map-neighborhoods{display:none}.map-expanded .map-panel{position:absolute;inset:0!important;height:100%!important;width:100%;margin:0}.map-expanded .map-tools{bottom:65px}.map-expanded .map-top{right:32px}.map-expanded .map-footnote{bottom:24px}
@media(max-width:1100px){.map-title-chip{display:none}.map-levels{left:20px;top:19px}.map-levels button{font-size:8px;padding:6px 9px}.map-top{right:20px;top:22px}}
@media(max-width:640px){.map-panel{height:430px}.map-levels{left:16px;top:14px;gap:1px;padding:3px}.map-levels button{font-size:9px;padding:7px 10px;min-height:32px}.map-top{top:18px;right:16px}.map-footnote{font-size:8px;left:17px;right:65px;bottom:25px}.map-data-status{top:63px;left:17px;font-size:9px;max-width:calc(100% - 35px)}.map-tools{right:16px;bottom:62px}.map-tools>button,.zoom-group>button{width:36px;height:36px}.landmark-art>svg{width:59px;height:59px}.landmark-art>span{font-size:8px;padding:3px 4px}.landmark-art.compact>svg{width:34px;height:34px}.landmark-art.compact>span{font-size:8px}.leaflet-control-attribution{font-size:7px!important;line-height:1.3!important;max-width:100%}.leaflet-control-scale{margin-left:17px!important;margin-bottom:48px!important}.map-expanded .map-levels{top:18px}.map-expanded .map-top{top:22px}.map-expanded .map-footnote{bottom:30px}.map-expanded .leaflet-control-attribution{padding-bottom:env(safe-area-inset-bottom)!important}}
.map-expanded .map-footnote{bottom:auto;top:69px}
@media(max-width:640px){.map-panel{height:470px}.map-footnote,.map-expanded .map-footnote{top:63px;bottom:auto}.map-data-status{top:87px}.landmark-art>svg{width:38px;height:38px}.landmark-art>span{font-size:7px;max-width:68px;white-space:normal;text-align:center;line-height:1.1}.landmark-art.compact>svg{width:34px;height:34px}}
.map-panel:has(#map[data-level="city"]) .map-data-status{display:none}
@media(max-width:640px){.map-tools,.map-expanded .map-tools{flex-direction:row;bottom:42px;gap:7px}.zoom-group{display:flex}.zoom-group button:first-child{border-bottom:0;border-right:1px solid #e6e9e0}}
@media(prefers-reduced-motion:reduce){.landmark-art,.map-levels button{transition:none}}
.miniature-marker{pointer-events:none}
.miniature-name-marker{background:none;border:0;display:flex;justify-content:center;align-items:center}
.miniature-place-name{padding:5px 8px;border:1px solid #dce2ec;border-radius:999px;background:#fffffff2;color:#1e293c;font-size:10px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:0 2px 6px #1d31570d;cursor:pointer}
.miniature-place-name.is-saved{background:var(--seoul-blue);color:white;border-color:var(--seoul-blue)}
.miniature-marker:focus-visible{outline:2px solid var(--seoul-blue);border-radius:12px}
.landmark-miniature{position:relative;width:100%;height:100%;filter:drop-shadow(0 3px 3px #1d31571c)}
.landmark-miniature>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:auto;user-select:none}
.miniature-location-dot{position:absolute;top:var(--miniature-foot);left:50%;width:5px;height:5px;margin:-2.5px;border:1px solid white;border-radius:50%;background:var(--seoul-blue);pointer-events:none}
.landmark-miniature>span{position:absolute;top:calc(var(--miniature-foot) + 4px);left:50%;transform:translateX(-50%);padding:5px 8px;border:1px solid #dce2ec;border-radius:999px;background:#fffffff2;color:#1e293c;font-size:10px;font-weight:650;line-height:1.2;white-space:nowrap;pointer-events:auto;box-shadow:0 2px 6px #1d31570d}
.landmark-miniature>i{position:absolute;left:calc(50% + 24px);top:calc(var(--miniature-foot) - 30px);display:grid;place-items:center;width:20px;height:20px;border:2px solid white;border-radius:50%;background:var(--seoul-blue);color:white;font-size:11px;font-style:normal}
.landmark-miniature.is-saved>span{background:var(--seoul-blue);color:white;border-color:var(--seoul-blue)}
.miniature-marker:hover .landmark-miniature{filter:drop-shadow(0 4px 5px #1d315738)}
.place-card-image>img.miniature-image,.detail-image.miniature-image{object-fit:contain;padding:12px;background:#f2f5fa}
@media(max-width:640px){.landmark-miniature>span{font-size:9px;padding:4px 7px}}
@media(max-width:640px){.miniature-place-name{font-size:9px;padding:4px 7px}}
/* Keep the remaining vector landmark artwork at the same 70% scale as raster miniatures. */
.landmark-art>svg{width:39.2px;height:39.2px}
.landmark-art.compact>svg{width:25.2px;height:25.2px}
@media(max-width:640px){.landmark-art>svg{width:26.6px;height:26.6px}.landmark-art.compact>svg{width:23.8px;height:23.8px}}
/* The city always names all 25 districts; the next zoom range groups each district's places. */
#map .district-label{width:0!important;height:0!important;color:#536889;font-size:10px;line-height:20px;font-weight:650;letter-spacing:0;text-shadow:0 1px 3px #fff,0 0 4px #fff;pointer-events:none!important}
.district-caption{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(var(--caption-scale,1));display:flex;flex-direction:column;align-items:center;white-space:nowrap;line-height:14px}
.district-summary{display:flex;align-items:center;justify-content:center;gap:2px;min-width:22px;height:20px;padding:2px 4px;border:1px solid #d7dfef;border-radius:999px;background:#ffffffed;color:#4259a5;box-shadow:0 2px 5px #243a7010;text-shadow:none}
.district-category{display:flex;align-items:center}
.district-category svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.district-summary b{font-size:10px;font-variant-numeric:tabular-nums;margin-left:3px;min-width:12px;text-align:center}
@media(max-width:640px){#map[data-stage=district-summary] .district-caption{line-height:12px;font-size:9px}.district-summary{height:16px;gap:1px;padding:1px 3px}.district-category svg{width:9px;height:9px}.district-summary b{font-size:9px;min-width:10px;margin-left:1px}}

/* Callout dimensions match the collision model, including translated names. */
.miniature-name-marker>.miniature-place-name{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;padding:3px 7px;line-height:12px}

/* JOIN SHEET light: quiet off-white ground, soft green-grey surfaces. */
.atlas-stage .map-panel,.atlas-stage .map-canvas{background:#f7f9f8}
.atlas-stage .map-panel:before{background-image:none}
.map-panel #map{background:#f7f9f8!important}
#map::after{content:none}
#map .city-outline{filter:none}
#map .road-label{color:#8a8979;text-shadow:0 1px 2px #f4efe2,1px 0 2px #f4efe2;font-size:9px;letter-spacing:.15px}
#map .district-label{color:#777c6d;text-shadow:0 1px 3px #f4efe2,0 0 4px #f4efe2}
#map .neighborhood-label{color:#858b77;text-shadow:0 1px 3px #f4efe2}
#map .river-label{color:#688f94}
#map .atlas-illustration,#map .miniature-marker:hover .atlas-illustration{filter:none}
#map .atlas-illustration>img{transition:filter .18s ease}
#map .miniature-marker:is(:hover,:focus-visible) .atlas-illustration>img{filter:saturate(1.1)}
#map .atlas-illustration-name>.miniature-place-name{border:0;border-radius:0;background:transparent;box-shadow:none;color:#17231e;text-shadow:0 0 3px #f7f9f8,0 1px 3px #f7f9f8,1px 0 3px #f7f9f8;font-weight:650;letter-spacing:.02em;padding:2px;text-align:center}
#map .atlas-illustration-name>.miniature-place-name.is-saved{color:#14745d;text-decoration:underline;text-underline-offset:3px}
#map .leaflet-control-scale-line{background:#f7f9f8b8;border-color:#c8d2cc;color:#57665e}
#map .leaflet-control-attribution{background:#f7f9f8e8!important;color:#738078!important}
#map .leaflet-control-attribution a{color:#57665e!important}
@media(prefers-reduced-motion:reduce){#map .atlas-illustration>img{transition:none}}

/* Local monochrome atlas: geographic layers and all active map illustrations. */
.atlas-stage .map-panel,.atlas-stage .map-canvas{background:#f7f7f7}
.map-panel #map{background:#f7f7f7!important}
#map .district-label{color:#707070;text-shadow:0 1px 3px #f7f7f7,0 0 4px #f7f7f7}
#map .neighborhood-label{color:#808080;text-shadow:0 1px 3px #f7f7f7}
#map .river-label{color:#777777}
#map .atlas-illustration-name>.miniature-place-name{color:#303030;text-shadow:0 0 3px #f7f7f7,0 1px 3px #f7f7f7,1px 0 3px #f7f7f7}
#map .atlas-illustration-name>.miniature-place-name.is-saved{color:#171717}
#map .atlas-illustration>img[src*='/monochrome-v1/'],#map .miniature-marker:is(:hover,:focus-visible) .atlas-illustration>img[src*='/monochrome-v1/']{filter:grayscale(1)}
#map .leaflet-control-scale-line{background:#f7f7f7b8;border-color:#cacaca;color:#606060}
#map .leaflet-control-attribution{background:#f7f7f7e8!important;color:#777777!important}
#map .leaflet-control-attribution a{color:#555555!important}

/* Overview keeps place totals compact; individual categories appear in Area Explore. */
#map .city-compact-caption{flex-direction:row;gap:4px;line-height:18px;font-size:12px;color:var(--ink);font-weight:650}
#map .district-total{font-size:11px;line-height:16px;min-width:16px;text-align:center;border-radius:8px;background:var(--surface,#fff);font-variant-numeric:tabular-nums;padding:0 3px}
#map .neighborhood-label{font-size:13px;letter-spacing:0;color:var(--ink);text-shadow:0 1px 2px var(--bg),1px 0 2px var(--bg),-1px 0 2px var(--bg)}

#map .neighborhood-label>span{display:inline-block;padding:2px 8px;border-radius:12px;background:var(--surface,#fff);box-shadow:0 1px 4px #0001;line-height:22px;text-shadow:none}

/* City overview artwork remains one surface with invisible geographic hit areas. */
.city-overview-art-pane[hidden],.city-overview-hit-pane[hidden]{display:none!important}
.map-credit.leaflet-control{display:flex;align-items:center;gap:6px;margin:0 8px 6px 8px;max-width:calc(100vw - 24px);font-family:var(--sans);color:#35434c}
.map-credit-sources{padding:7px 9px;background:#fffffff2;border:1px solid #dce2e5;border-radius:8px;box-shadow:0 1px 5px #20313d12;font-size:11px;line-height:16px;text-align:right;max-width:calc(100vw - 64px)}
.map-credit-sources[hidden]{display:none!important}
.map-credit-sources a{color:#465660;text-decoration:underline;text-underline-offset:2px}
.map-credit-toggle{width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;display:grid;place-items:center;padding:0;border:1px solid #dce2e5;border-radius:50%;background:#fffffff2;color:#53636c;cursor:pointer;box-shadow:0 1px 4px #20313d0d}
.map-credit-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.map-credit-toggle .map-credit-dot{fill:currentColor;stroke:none}
.map-credit-toggle:hover{background:#fff;color:#172a36}
.map-credit-toggle:focus-visible,.map-credit-sources a:focus-visible{outline:2px solid #487ea2;outline-offset:2px}
[data-map-theme=night] .map-credit-toggle,[data-map-theme=night] .map-credit-sources{background:#202f3bf2;border-color:#4b5c65;color:#dce7ed}
[data-map-theme=night] .map-credit-sources a{color:#dce7ed}
.map-panel:has(.map-credit) .subway-control{bottom:44px}
@media(max-width:640px){
  .map-panel:has(.map-credit) .map-tools{bottom:44px}
  .map-panel:has(.map-credit) .leaflet-control-scale{margin-bottom:142px!important}
}
[data-map-theme="night"] .city-overview-art{filter:brightness(.7) saturate(.85)}
.city-overview-hit-pane path:focus-visible{outline:none;stroke:#507e96;stroke-width:3;stroke-opacity:1;fill-opacity:.15}