.cc-city-map{background:radial-gradient(120% 80% at 90% 0%, color-mix(in srgb, var(--cc-teal-500) 10%, transparent) 0%, transparent 55%), var(--cc-color-surface);border-bottom:1px solid var(--cc-color-border);width:100%;padding:clamp(4rem,9vw,7rem) clamp(1.25rem,4vw,3rem);position:relative}.cc-city-map__inner{width:100%;max-width:var(--cc-layout-max-width);flex-direction:column;gap:clamp(1.75rem,4vw,2.75rem);margin-inline:auto;display:flex}.cc-city-map__header{flex-direction:column;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);max-width:58ch;display:flex}.cc-city-map__heading{font-family:var(--cc-font-display);font-size:var(--cc-text-h1-size);letter-spacing:.01em;flex-direction:column;margin:0;font-weight:400;line-height:1.08;display:flex}.cc-city-map__heading-lead{color:var(--cc-ink-900)}.cc-city-map__heading-rest{color:var(--cc-teal-700)}.cc-city-map__aside{font-family:var(--cc-font-body);font-size:var(--cc-text-body-size);font-weight:300;line-height:var(--cc-text-body-lh);color:var(--cc-color-text-muted);margin:0}.cc-city-map__problems-wrap{flex-direction:column;gap:.85rem;display:flex}.cc-city-map__problems-label{font-family:var(--cc-font-label);font-size:var(--cc-text-label-size);letter-spacing:var(--cc-text-label-tracking);text-transform:uppercase;color:var(--cc-teal-600);margin:0;font-weight:400}.cc-city-map__problems{grid-template-columns:1fr;gap:.55rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.cc-city-map__problems{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cc-city-map__problems{grid-template-columns:repeat(5,minmax(0,1fr))}}.cc-city-map__problem{border-left:2px solid var(--cc-teal-300);background:color-mix(in srgb, var(--cc-teal-50) 70%, transparent);flex-direction:column;gap:.25rem;padding:.75rem .85rem;display:flex}.cc-city-map__problem-category{font-family:var(--cc-font-display);font-size:var(--cc-text-body-size);color:var(--cc-ink-900);font-weight:400;line-height:1.25}.cc-city-map__problem-phrase{font-family:var(--cc-font-body);font-size:var(--cc-text-caption-size);font-weight:300;line-height:var(--cc-text-caption-lh);color:var(--cc-color-text-muted)}.cc-city-map__body{flex-direction:column;gap:.85rem;display:flex;position:relative}.cc-city-map__map-title{font-family:var(--cc-font-label);font-size:var(--cc-text-label-size);letter-spacing:var(--cc-text-label-tracking);text-transform:uppercase;color:var(--cc-teal-600);margin:0;font-weight:400}.cc-city-map__legend{flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.cc-city-map__legend-item{font-family:var(--cc-font-body);font-size:var(--cc-text-caption-size);color:var(--cc-ink-700);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.cc-city-map__legend-swatch{border-radius:var(--cc-radius-sm);background:var(--cc-teal-500);width:.9rem;height:.9rem}.cc-city-map__legend-item--region .cc-city-map__legend-swatch{background:var(--cc-teal-600)}.cc-city-map__legend-item--project .cc-city-map__legend-swatch{background:var(--cc-teal-400);border-radius:var(--cc-radius-pill)}.cc-city-map__legend-item--studio .cc-city-map__legend-swatch{background:var(--cc-ink-700);border-radius:var(--cc-radius-md)}.cc-city-map__frame{border:1px solid var(--cc-teal-100);background:var(--cc-teal-50);width:100%;min-height:320px;box-shadow:var(--cc-shadow-lg);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (min-width:900px){.cc-city-map__frame:has(.cc-city-map__panel){grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);min-height:420px}}.cc-city-map__skeleton{border:1px solid var(--cc-teal-100);background:linear-gradient(110deg, var(--cc-teal-50) 25%, var(--cc-teal-100) 40%, var(--cc-teal-50) 55%);background-size:200% 100%;width:100%;height:min(58vh,480px);min-height:320px;animation:1.4s ease-in-out infinite cc-city-map-shimmer;position:relative;overflow:hidden}@keyframes cc-city-map-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.cc-city-map__stage{background:radial-gradient(70% 60% at 50% 45%, var(--cc-white) 0%, var(--cc-teal-50) 75%);min-height:300px;position:relative}.cc-city-map__leaflet{z-index:0;background:0 0;width:100%;height:min(58vh,480px);min-height:300px}.cc-city-map__leaflet .leaflet-container{font:inherit;background:0 0}.cc-city-map__empty-note,.cc-city-map__hint{z-index:400;text-align:center;max-width:min(36ch,90%);font-family:var(--cc-font-body);font-size:var(--cc-text-caption-size);color:var(--cc-color-text-muted);background:color-mix(in srgb, var(--cc-white) 92%, transparent);border:1px solid var(--cc-teal-100);pointer-events:none;margin:0;padding:.45rem .8rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.cc-city-map__panel{background:var(--cc-white);border-top:1px solid var(--cc-teal-100);flex-direction:column;gap:.85rem;max-height:min(58vh,480px);padding:1rem 1.1rem 1.15rem;display:flex;overflow:auto}@media (min-width:900px){.cc-city-map__panel{border-top:none;border-left:1px solid var(--cc-teal-100)}}.cc-city-map__panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.cc-city-map__panel-kicker{font-family:var(--cc-font-label);font-size:var(--cc-text-label-size);letter-spacing:var(--cc-text-label-tracking);text-transform:uppercase;color:var(--cc-teal-600);margin:0}.cc-city-map__panel-title{font-family:var(--cc-font-display);font-size:var(--cc-text-h3-size);color:var(--cc-ink-900);margin:.2rem 0 0;font-weight:400;line-height:1.2}.cc-city-map__panel-meta{font-family:var(--cc-font-body);font-size:var(--cc-text-caption-size);color:var(--cc-color-text-muted);margin:.35rem 0 0}.cc-city-map__panel-close{width:2rem;height:2rem;color:var(--cc-ink-500);font-size:var(--cc-text-h3-size);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;line-height:1}.cc-city-map__panel-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.cc-city-map__panel-item{color:inherit;transition:background var(--cc-duration-normal) var(--cc-ease-default);border:1px solid #0000;align-items:center;gap:.7rem;padding:.45rem .5rem;text-decoration:none;display:flex}.cc-city-map__panel-item:hover{background:var(--cc-teal-50);border-color:var(--cc-teal-100)}.cc-city-map__panel-logo{background:var(--cc-white);border-radius:var(--cc-radius-pill);width:2.25rem;height:2.25rem;box-shadow:0 0 0 2px var(--cc-teal-600);font-family:var(--cc-font-display);font-size:var(--cc-text-caption-size);color:var(--cc-teal-700);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.cc-city-map__panel-logo--studio{border-radius:var(--cc-radius-md);box-shadow:0 0 0 2px var(--cc-ink-700)}.cc-city-map__panel-logo img{object-fit:cover;width:100%;height:100%;display:block}.cc-city-map__panel-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cc-city-map__panel-name{font-family:var(--cc-font-body);font-size:var(--cc-text-body-size);color:var(--cc-ink-900);font-weight:700;line-height:1.25}.cc-city-map__panel-kind{font-family:var(--cc-font-label);font-size:var(--cc-text-micro-size);letter-spacing:.12em;text-transform:uppercase;color:var(--cc-teal-600)}.cc-city-map__leaflet path.leaflet-interactive{cursor:pointer}