/* MyKyiv base — глобальний ресет і типографіка документа.
 *
 * Виїхало з tokens.css 17.09.2026. Причина — сервіси: вони тягнуть CSS теми
 * бандлом (inc/chrome-export.php), і застосунковим сервісам на повний екран
 * (transport, alerts, roadworks, air) цей шар протипоказаний: `body{padding-top:
 * var(--chrome-h)}` опускає карту на 120px і додає смугу прокрутки. Тепер вони
 * беруть tokens + chrome без base, а контентні (pohoda, yarmarky, salaries) —
 * усі три.
 *
 * Тут лишається лише те, що стосується ДОКУМЕНТА. Усе, без чого ламається сама
 * розмітка хрому (.wrap, .screen-reader-text, замки скролу, ресет посилань у
 * шапці), переїхало в chrome.css — інакше застосунковий рівень отримав би
 * поламану шапку.
 */

*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; overflow-x: clip; max-width: 100%; }
body{
  font-family:'Manrope', system-ui, sans-serif;
  background: var(--paper);
  color: var(--ink);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* Стала, не var(--header-h) + var(--quick-h) — див. коментар до --chrome-h.
   * Transition теж прибрано: анімувати нема чого, значення не змінюється. */
  padding-top: var(--chrome-h);
}

/* Той самий відступ, але зі специфічністю 0,0,2 — і це не косметика.
 *
 * WP друкує `global-styles-inline-css` з правилом `body{padding-top:0px;…}`,
 * і на singular-сторінках inc/perf.php його свідомо НЕ знімає (там бувають
 * Gutenberg-блоки). Той <style> стоїть у <head> ПІСЛЯ нашого inline-critical,
 * специфічність однакова — отже виграє він. Результат: до приходу лінкованого
 * tokens.css документ має padding-top 0, а потім стрибає на 120px. Саме це, а
 * не шрифти, давало зсув усього <main> — 0.09 CLS на desktop і внесок у 0.146
 * на mobile (заміряно 09.08.2026).
 *
 * `html body` перебиває його за специфічністю, тож порядок у <head> перестає
 * мати значення. */
html body{ padding-top: var(--chrome-h); }

img, svg{ max-width: 100%; }
img{ display: block; }
a{ color: inherit; text-decoration: none; }
button{ font: inherit; color: inherit; cursor: pointer; border: 0; background: transparent; }
