/* ══════════════════════════════════════════════════════════════════════
   Типографический слой для страниц БЕЗ theme.css.
   Заведён 24.08.2026 по скиллу apple-design (§15 «The Details of UI
   Typography»).

   ЗАЧЕМ ОТДЕЛЬНЫЙ ФАЙЛ. Тему подключают 42 страницы, а десяток живёт сам
   по себе: печатные формы (лист подбора, стикеры), админские таблицы,
   блог, ассистент. На них шрифт падал на системный -apple-system, кегли
   и трекинг были свои — при переходе из «Цен» в «Активность» менялась
   гарнитура. Тащить туда всю тему нельзя: у них своя вёрстка, она
   рассыплется. Здесь только буквы и цифры, ни одного правила раскладки.

   Что НЕ подключает этот файл (сознательно):
     • admin_claude — тёмный интерфейс на Geist, там своя система;
     • family_call — экран звонка, крупный текст по своим правилам.
   ══════════════════════════════════════════════════════════════════════ */

/* Гарнитура одна на весь сервис. Manrope уже лежит у нас, подключается
   отдельным файлом шрифтов — здесь только назначение. */
body{
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Трекинг зависит от кегля: крупный текст «разъезжается» и его поджимают,
   мелкому наоборот дают воздуха. Одно значение на все размеры всегда
   где-то врёт. Интерлиньяж идёт в обратную сторону: плотный у заголовков,
   свободный у текста. */
h1{letter-spacing:-.022em;line-height:1.08}
h2{letter-spacing:-.018em;line-height:1.15}
h3,h4{letter-spacing:-.012em;line-height:1.25}
small,.sub,.hint,.faint,.nd{letter-spacing:.004em}

/* Цифры — моноширинные по знаку: в таблицах и суммах колонка иначе
   «дышит» при каждом обновлении, и глаз ловит движение вместо чтения. */
.num,.val,td.num,th.num,.money,.sum{font-variant-numeric:tabular-nums}
table{font-variant-numeric:tabular-nums}

/* Заголовок страницы, спрятанный от глаз, но не от скринридера и не от
   поиска по странице: на нескольких экранах его нет вовсе, и на вопрос
   «где я» страница не отвечает ничем, кроме вкладки браузера. */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}