.recorded-city{--recorded-blue:#2451eb;--recorded-ink:#172541;--recorded-muted:#53627b;--recorded-line:#cfd8e5;--recorded-gutter:clamp(16px,2.5vw,28px);margin:40px 0;color:var(--recorded-ink);background:#fafbf9;font-family:var(--font-body),sans-serif;container-type:inline-size}.recorded-city *{box-sizing:border-box}.presentation-stage .recorded-city :focus-visible,.recorded-city :focus-visible{outline:3px solid var(--recorded-blue);outline-offset:4px}.recorded-city button,.recorded-city select{font:inherit;cursor:pointer}.recorded-city button:disabled{opacity:.4;cursor:default}.recorded-city a{text-underline-offset:.25em}.recorded-city__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 28px;padding:20px var(--recorded-gutter)}.recorded-city__heading h3{margin:0 0 8px;font:400 clamp(1.8rem,3vw,2.5rem)/1.12 var(--font-heading),serif}.recorded-city__heading p{max-width:63ch;margin:0;font-size:.875rem;line-height:1.6;color:var(--recorded-muted)}.recorded-city__live{display:inline-flex;gap:20px;min-height:44px;padding:10px 16px;border:1px solid var(--recorded-blue);border-radius:4px;color:var(--recorded-blue);font-size:.875rem;font-weight:550}.recorded-city__live,.recorded-city__toolbar{align-items:center;justify-content:space-between}.recorded-city__toolbar{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px var(--recorded-gutter);border-top:1px solid var(--recorded-line)}.recorded-city__cities,.recorded-city__modes{display:flex;flex-wrap:wrap;gap:8px}.recorded-city__toolbar button{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:4px;font-size:.875rem}.recorded-city__cities button[aria-pressed=true]{color:#fff;background:var(--recorded-blue)}.recorded-city__modes button{border-color:var(--recorded-line)}.recorded-city__modes button[aria-pressed=true]{border-color:var(--recorded-blue);color:var(--recorded-blue);background:#eaf0fb}.recorded-city__toolbar button:hover:not([aria-pressed=true]){background:#eaf0fb}.recorded-city__figure{margin:0}.recorded-city__stage{width:100%;display:grid;place-items:center;overflow:hidden;background:#eaf0fb}.recorded-city__stage img{display:block;width:100%;height:auto}.recorded-city__empty{margin:24px;color:var(--recorded-muted);text-align:center}.recorded-city__caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:12px var(--recorded-gutter);border-bottom:1px solid var(--recorded-line);font-size:.85rem}.recorded-city__caption p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}.recorded-city__caption a{color:var(--recorded-blue);text-decoration:underline;padding:8px 0}.recorded-city__timeline{display:flex;gap:28px;align-items:center;padding:20px var(--recorded-gutter) 0}.recorded-city__year-select{display:grid;gap:4px;min-width:150px}.recorded-city__year-select label{font-size:.8rem;color:var(--recorded-muted)}.recorded-city__year-select select{min-height:44px;border:1px solid var(--recorded-line);border-radius:3px;padding:4px 30px 4px 10px;background:#fff;color:var(--recorded-ink);font-size:1.3rem;font-weight:550}.recorded-city__range-controls{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.recorded-city__range-controls button{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--recorded-line);border-radius:50%;color:var(--recorded-blue);font-size:1.2rem}.recorded-city__range{flex:1;min-width:0}.recorded-city__range input{display:block;width:100%;min-height:44px;accent-color:var(--recorded-blue);cursor:pointer}.recorded-city__range>div{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--recorded-muted)}.recorded-city__status{min-height:42px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:10px var(--recorded-gutter);font-size:.8rem;color:var(--recorded-muted)}.recorded-city__status button,.recorded-city__unavailable button{min-height:44px;color:var(--recorded-blue);text-decoration:underline}.recorded-city__legend{padding:16px var(--recorded-gutter);border-top:1px solid var(--recorded-line)}.recorded-city__legend>p{margin:0 0 10px;font-weight:550;font-size:.875rem}.recorded-city__legend ul{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0;list-style:none}.recorded-city__legend li{display:inline-flex;align-items:center;gap:7px;font-size:.8rem}.recorded-city__legend li>span{width:13px;height:13px;border:1px solid #17254130;border-radius:2px;flex-shrink:0}.recorded-city__legend small{display:block;margin-top:10px;max-width:80ch}.recorded-city__legend small,.recorded-city__provenance{font-size:.75rem;line-height:1.6;color:var(--recorded-muted)}.recorded-city__provenance{padding:14px var(--recorded-gutter) 18px;border-top:1px solid var(--recorded-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:#eaf0fb;font-size:.9rem;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}@container (max-width: 650px){.recorded-city__heading{align-items:start}.recorded-city__toolbar{gap:12px}.recorded-city__cities{width:100%}.recorded-city__cities button{flex:1;padding-inline:12px}.recorded-city__modes{gap:8px}.recorded-city__modes button{padding-inline:12px}.recorded-city__timeline{flex-direction:column;align-items:stretch;gap:12px}.recorded-city__year-select{display:flex;align-items:center;justify-content:space-between;gap:12px}.recorded-city__year-select select{min-width:140px}.recorded-city__range-controls{gap:10px}.recorded-city__caption{font-size:.8rem}.recorded-city__caption p{gap:4px 12px}.recorded-city__legend ul{gap:10px 16px}}