.city-page{container-name:city-page;container-type:inline-size;--city-accent:var(--color-secondary)}.city-page__country-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease-standard)}.city-page__country-link:hover{border-bottom-color:currentColor}.city-page__country-link:focus-visible{outline:2px solid var(--city-accent);outline-offset:3px;border-radius:var(--radius-sm)}.city-facts{position:relative;gap:16px;padding:18px;overflow:hidden;background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--city-accent) 10%,transparent),transparent 60%),var(--glass-bg-subtle);border-color:var(--glass-border-medium)}.city-facts:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,var(--city-accent),color-mix(in srgb,var(--city-accent) 12%,transparent))}.city-facts__title{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--text-md);font-weight:700;color:var(--color-text)}.city-facts__title svg{color:var(--city-accent);flex:none}.city-facts__stats{flex-direction:column;align-items:stretch;gap:0}.city-facts__stats .stat-tile{padding:9px 0}.city-facts__stats .stat-tile+.stat-tile{border-inline-start:0;border-top:1px solid var(--glass-border-subtle)}.city-facts__stats .stat-tile__icon{color:var(--city-accent)}.city-facts__link{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--city-accent) 45%,transparent)}.city-facts__link:hover{border-bottom-color:var(--city-accent)}.city-facts__source{margin:0;font-family:var(--font-mono);letter-spacing:.02em}.city-facts__footnote,.city-facts__source{font-size:var(--text-2xs);color:var(--text-faint)}.city-facts__footnote{margin-inline-start:2px;vertical-align:super}.city-facts__rows{display:flex;flex-direction:column;gap:8px;margin:0;padding-top:14px;border-top:1px solid var(--glass-border-subtle)}.city-facts__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}.city-facts__row dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted-2);white-space:nowrap}.city-facts__row dd{margin:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:end;color:var(--color-text);min-width:0;overflow-wrap:anywhere}.city-facts__aka{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--glass-border-subtle)}.city-facts__aka-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted-2)}.city-facts__aka-note{margin-top:-4px;font-size:var(--text-2xs);color:var(--text-faint)}.city-facts__aka .fact-chip{background:var(--glass-bg-medium)}@container city-page (min-width: 900px){.city-facts{padding:22px}}.city-page .page-frame__aside{order:-1}@container city-page (min-width: 1280px){.city-page .page-frame__aside{order:0}}.city-hero__figure{position:relative;margin:0;min-width:0;border-radius:var(--radius-lg);overflow:hidden}.city-hero__photo{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;background:var(--glass-bg-medium)}.city-hero__credit{position:absolute;inset-inline:0;bottom:0;padding:18px 12px 8px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.02em;line-height:1.35;color:var(--on-media-text-soft);background:linear-gradient(0deg,rgba(6,8,12,.72),rgba(6,8,12,0));overflow-wrap:anywhere}.city-hero__credit-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.city-hero__credit-link:hover{color:var(--on-media-text)}.city-hero__source{margin:6px 0 0;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.02em;color:var(--text-faint)}.city-hero__source .city-hero__credit-link{color:inherit}.city-hero__source .city-hero__credit-link:hover{color:var(--color-text)}.city-page__hero .page-hero__desc{max-width:62ch}@container page-hero (min-width: 640px){.city-page__hero.page-hero--side .page-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}.city-shelf{gap:18px}.city-shelf,.city-shelf__player{display:flex;flex-direction:column;min-width:0}.city-shelf__player{gap:8px}.city-shelf__player-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg);background:var(--color-neutral-950)}.city-shelf__player-element,.city-shelf__player-element iframe,.city-shelf__player-element video{width:100%!important;height:100%!important}.city-shelf__player-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-body-2)}.city-shelf__player-placeholder{display:grid;width:100%;height:100%;place-items:center;padding:20px;color:var(--on-media-text-soft);font-size:var(--text-sm);text-align:center}.city-empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border:1px dashed var(--glass-border-medium);border-radius:var(--radius-lg);background:var(--glass-bg-subtle)}.city-empty__text{margin:0;max-width:48ch;font-size:var(--text-base);line-height:1.5;color:var(--text-body-2)}.city-twins{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none}.city-twins__item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-muted-2);font-size:var(--text-sm);text-decoration:none}.city-twins__item--link{color:var(--color-text);transition:border-color var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard)}.city-twins__item--link:hover{border-color:color-mix(in srgb,var(--city-accent) 50%,transparent);background:var(--glass-bg-medium)}.city-twins__item--link:focus-visible{outline:2px solid var(--city-accent);outline-offset:2px}.city-twins__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-twins__size{flex:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-faint)}.city-nearby-layout{display:flex;flex-direction:column;gap:22px;min-width:0}@container city-page (min-width: 860px){.city-nearby-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}}.city-nearby .city-twins__size{font-variant-numeric:tabular-nums;white-space:nowrap}.city-nearby__direction{color:var(--text-muted-2);letter-spacing:.04em}.city-nearby__direction:before{content:"·";margin-inline:4px;color:var(--text-faint)}#feels-like .city-twins__size{font-family:inherit;font-size:var(--text-xs);font-variant-numeric:normal}.city-twins__note{margin:12px 0 0;font-size:var(--text-sm);color:var(--text-muted-2)}