/*
 * ЗАГОЛОВКОВИЙ ШРИФТ — Bebas Neue Pro Regular через Adobe Fonts.
 * Kit rpa7wej (index.html і admin/index.html: <link href="https://use.typekit.net/rpa7wej.css">),
 * родина "bebas-neue-pro", лише n4, font-display: swap — налаштовано в kit на fonts.adobe.com.
 * Kit прив'язаний до підписки Adobe дизайнерки. Власного файлу шрифту на сайті немає й не має бути:
 * веб-ліцензії на self-hosted Bebas Neue Pro немає. Якщо kit зникне чи не завантажиться,
 * заголовки лишаться на фолбеках нижче (сторінка не ламається, рядки не перескакують).
 *
 * ФОЛБЕКИ — лише системні шрифти через local(), нічого не завантажується.
 * Кожен підігнано під Bebas Neue Pro (метрики Adobe-файлу: висота великих 0,700 em,
 * ascent 0,910, descent 0,207, line gap 0):
 *   size-adjust     — середня ширина ВЕЛИКИХ літер (заголовки всі uppercase) = як у Bebas,
 *                     тож рядки переносяться однаково → CLS = 0;
 *   ascent/descent  — 91 % і 20,7 %, поділені на size-adjust (override масштабується разом
 *                     із size-adjust), щоб базова лінія стояла там само.
 * Порядок — від найсхожішого на око. Окремі родини, бо один @font-face має одні метрики на всі src.
 * Ширину міряно сумою advance великих літер на заголовках сторінки (h1–h3), похибка рядка ≤ 6 %.
 * Знака ₴ у Bebas Neue Pro немає — його бере перший фолбек, де він є.
 */

/* macOS / iOS: DIN Condensed Bold — з кирилицею, пропорції майже як у Bebas
   (великі літери 98 % висоти Bebas після підгонки ширини). Немає лише ʼ — його бере наступний. */
@font-face {
  font-family: "Display Fallback DIN";
  src: local("DIN Condensed Bold"), local("DINCondensed-Bold");
  size-adjust: 96.32%;
  ascent-override: 94.48%;
  descent-override: 21.49%;
  line-gap-override: 0%;
}

/* Android (до 12; новіші можуть не мати окремого Roboto Condensed — тоді Arial-підгонка нижче) */
@font-face {
  font-family: "Display Fallback Roboto";
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular");
  size-adjust: 69.64%;
  ascent-override: 130.67%;
  descent-override: 29.72%;
  line-gap-override: 0%;
}

/* Windows з Office (і macOS): Arial Narrow — близька вага, великі літери 73 % висоти Bebas */
@font-face {
  font-family: "Display Fallback Narrow";
  src: local("Arial Narrow"), local("ArialNarrow");
  size-adjust: 71.61%;
  ascent-override: 127.08%;
  descent-override: 28.91%;
  line-gap-override: 0%;
}

/* Windows без Office: Impact (системний, з кирилицею) — розмір і пропорції близькі
   (великі літери 86 % висоти Bebas), але помітно жирніший; усе одно ближче за Arial */
@font-face {
  font-family: "Display Fallback Impact";
  src: local("Impact");
  size-adjust: 75.95%;
  ascent-override: 119.82%;
  descent-override: 27.26%;
  line-gap-override: 0%;
}

/* Останній рубіж: Arial, звужений size-adjust до ширини Bebas (великі літери ~60 % висоти) */
@font-face {
  font-family: "Display Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Roboto");
  size-adjust: 58.44%;
  ascent-override: 155.71%;
  descent-override: 35.42%;
  line-gap-override: 0%;
}

/* Основний текст — Inter (OFL), 400 і 600 */
@font-face {
  font-family: "Inter";
  src: url("inter-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("inter-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Roboto");
  size-adjust: 106.2%;
  ascent-override: 91.22%;
  descent-override: 22.74%;
  line-gap-override: 0%;
}