.cities-main{padding:70px 0 100px}.cities-main h1{font:400 clamp(44px,6vw,76px)/1.02 var(--serif);margin:18px 0 0;letter-spacing:-.01em}.cities-main h1 em{color:var(--amber)}
#cities-table{margin-top:44px}@media(max-width:720px){#cities-table{margin-top:28px}}.cities-lead{color:var(--muted);font-size:17px;line-height:1.6;margin:22px 0 38px;max-width:640px}
.back-link{display:inline-flex;color:var(--amber);font-size:14px;margin-bottom:34px}.back-link:hover{color:var(--glow)}.back-link.bottom{margin:34px 0 0}
.cities-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}
.cities-table th,.cities-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.cities-table thead th{font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom-color:#4a3e30;vertical-align:bottom}
.cities-table .num{text-align:right;white-space:nowrap}.cities-table .rank{color:var(--muted);width:72px;font-family:var(--mono);font-size:13px}
.cities-table thead th.rank{font:500 10px/1.3 var(--mono);color:var(--muted)}.cities-table tbody th.city{color:var(--text);font:400 19px/1.25 var(--serif)}.cities-table tbody tr:hover{background:rgba(232,168,90,.05)}
.cities-table tr.reference th.city,.cities-table tr.reference .num{color:var(--amber)}
.cities-table tfoot th,.cities-table tfoot td{color:var(--text);font-weight:600;border-bottom:0;border-top:1px solid #4a3e30}.cities-table tfoot th.city{font:600 15px/1.4 var(--sans)}
@media(max-width:720px){.cities-main{padding:44px 0 70px}.cities-lead{font-size:16px;margin-bottom:24px}
.cities-table thead{display:none}.cities-table,.cities-table tbody,.cities-table tfoot,.cities-table tr,.cities-table th,.cities-table td{display:block;width:100%}
.cities-table tr{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.cities-table th,.cities-table td{border:0;padding:2px 0}.cities-table td.rank{grid-column:1;grid-row:1;width:auto;align-self:center;font-size:12px}.cities-table td.rank:empty{display:none}
.cities-table th.city{grid-column:2;grid-row:1}.cities-table tfoot th.city{grid-column:1/-1}
.cities-table td.num{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;text-align:right;font-size:14px}
.cities-table td.num::before{content:attr(data-label);color:var(--muted);text-align:left;white-space:normal}}
