.recorded-city{--recorded-gutter:clamp(16px,2.5vw,28px);margin:40px 0;color:var(--ink);font-family:var(--font-body),sans-serif;container-type:inline-size}.recorded-city *{box-sizing:border-box}.recorded-city button:disabled{opacity:.4;cursor:default}.recorded-city__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding:24px var(--recorded-gutter)}.recorded-city__heading p{max-width:63ch;margin:0;font-size:var(--type-caption);line-height:1.6;color:var(--muted)}.recorded-city__live{--px-fill:var(--project-color);display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;color:var(--project-ink);font-size:var(--type-ui);text-decoration:none;white-space:nowrap}.recorded-city__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:16px var(--recorded-gutter);border-top:1px solid var(--line)}.recorded-city__cities,.recorded-city__modes{display:flex;flex-wrap:wrap;gap:8px}.recorded-city__figure{margin:0}.recorded-city__stage{width:100%;display:grid;place-items:center;overflow:hidden;background:var(--surface);box-shadow:0 18px 50px rgb(0 0 0/.45)}.recorded-city__stage img{display:block;width:100%;height:auto}.recorded-city__empty{margin:24px;color:var(--muted);text-align:center}.recorded-city__caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding:12px var(--recorded-gutter) 16px;border-bottom:1px solid var(--line);font-size:var(--type-caption);line-height:1.6}.recorded-city__caption p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0}.recorded-city__caption strong{font-weight:500}.recorded-city__caption .evidence{margin-right:0}.recorded-city__caption .y-caption-link{margin-left:0}.recorded-city__timeline{display:flex;gap:24px;align-items:flex-start;padding:24px var(--recorded-gutter) 0}.recorded-city__year-select{display:grid;gap:4px;min-width:152px}.recorded-city__year-select label{font-size:var(--type-caption);line-height:20px;color:var(--muted)}.recorded-city__select{--px-ring:var(--line-strong);display:block;height:44px}.recorded-city__select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;margin:0;padding:0 40px 0 16px;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 var(--type-ui) /1 var(--font-data),monospace;font-variant-numeric:tabular-nums;cursor:pointer}.recorded-city__select option{background:var(--surface);color:var(--ink)}.recorded-city__select select:focus-visible{outline:none}.recorded-city__select:has(select:focus-visible):after{inset:-6px;background:var(--accent);-webkit-mask:var(--px-focus-mask);mask:var(--px-focus-mask)}.recorded-city__caret{position:absolute;top:50%;right:16px;width:16px;height:16px;translate:0 -50%;color:var(--muted);pointer-events:none}@media (hover:hover) and (pointer:fine){.recorded-city__select:hover .recorded-city__caret{color:var(--ink)}}.recorded-city__range-controls{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0;margin-top:24px}.recorded-city__range{flex:1;min-width:0}.recorded-city__range input{display:block;width:100%;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}.recorded-city__range>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font:400 var(--type-data) /1.4 var(--font-data),monospace;font-variant-numeric:tabular-nums}.recorded-city__status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px var(--recorded-gutter);line-height:1.6;color:var(--muted)}.recorded-city__retry,.recorded-city__status{min-height:44px;font-size:var(--type-caption)}.recorded-city__retry{color:var(--accent);cursor:pointer}.recorded-city__legend{padding:16px var(--recorded-gutter);border-top:1px solid var(--line)}.recorded-city__legend>p{margin:0 0 8px;font-size:var(--type-caption);font-weight:500}.recorded-city__legend ul{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:0;list-style:none}.recorded-city__legend li{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-caption)}.recorded-city__legend li>span{width:12px;height:12px;border:1px solid rgb(236 232 223/.32);flex-shrink:0}.recorded-city__legend small{display:block;margin-top:8px;max-width:80ch}.recorded-city__legend small,.recorded-city__provenance{font-size:var(--type-caption);line-height:1.6;color:var(--muted)}.recorded-city__provenance{padding:16px var(--recorded-gutter);border-top:1px solid var(--line)}.recorded-city__provenance p{max-width:90ch;margin:0 0 4px;overflow-wrap:anywhere}.recorded-city__unavailable{display:grid;align-content:center;justify-items:start;min-height:220px;padding:24px;background:var(--surface);border:1px solid var(--line);font-size:var(--type-ui);line-height:1.6}.recorded-city__unavailable p{max-width:60ch;margin:0}.recorded-city__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recorded-city--compact{margin:0}.recorded-city--compact .recorded-city__heading{justify-content:flex-end}.recorded-city__options{border-top:1px solid var(--line)}.recorded-city__options summary{cursor:pointer;min-height:48px;padding:14px var(--recorded-gutter);font-size:var(--type-ui);font-weight:500}.recorded-city__heading{border-top:1px solid var(--line)}.recorded-city--compact .recorded-city__caption{padding-block:6px}.recorded-city--compact .recorded-city__caption a{display:none}.recorded-city--compact .recorded-city__timeline{padding-top:12px}.recorded-city--compact .recorded-city__status{min-height:36px}@container (max-width: 650px){.recorded-city__heading{align-items:start}.recorded-city__toolbar{gap:12px}.recorded-city__cities{width:100%}.recorded-city__cities .y-choice{flex:1}.recorded-city__timeline{flex-direction:column;align-items:stretch;gap:16px}.recorded-city__year-select{display:flex;align-items:center;justify-content:space-between;gap:12px}.recorded-city__select{min-width:144px}.recorded-city__range-controls{gap:12px;margin-top:0}.recorded-city__caption p{gap:4px 12px}.recorded-city__legend ul{gap:8px 16px}}