/* Страницы рынка по городам. Общая оболочка берётся из /blog/blog.css. */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 34px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;
  display:flex;flex-direction:column;gap:5px}
.tile .cap{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink3);min-height:2.4em;display:flex;align-items:flex-start}
.tile .val{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink);
  font-variant-numeric:tabular-nums;line-height:1.1}
.tile .sub{font-size:12.5px;color:var(--ink3)}
.city .data td a{color:var(--primary-hover);text-decoration:none;font-weight:600}
.city .data td a:hover{text-decoration:underline}
.data.wide table{font-size:14.5px}
.data.wide th,.data.wide td{padding-left:12px;padding-right:12px}
.data.wide td{white-space:nowrap}
.allcities{margin:16px 0 0;font-size:15px}
/* сводная страница шире: под текст верстается 720px, а таблица на 7 колонок туда не влезает */
main.index-wide{max-width:1060px}
.data.wide th{white-space:normal;line-height:1.25}
main.index-wide h1,main.index-wide .lead,main.index-wide .body,main.index-wide .byline{max-width:720px}
@media (max-width:860px){ .tiles{grid-template-columns:repeat(2,1fr)} }
@media (max-width:420px){ .tiles{grid-template-columns:1fr} .tile .val{font-size:23px} }