/* Mira Legal Pages — shared styles */

/* ─── Шрифт: свой Onest вместо Google Fonts (правка 03.09.2026) ───
   До этого пять юр-страниц тянули четвёртую гарнитуру, Plus Jakarta Sans, с
   внешнего сервера Google Fonts. У неё НЕТ кириллицы, а текст этих страниц
   русский весь — то есть рисовался он фолбэком, системным шрифтом. Платили
   двумя запросами к внешнему домену (который у RU-операторов троттлится,
   см. DIAGNOSTICS.md) за гарнитуру, которой никто ни разу не увидел.
   Теперь тот же файл, что у главной: /fonts/onest.woff2, один на весь сайт,
   в кеше браузера уже лежит после любой другой страницы.
   Проверено: все 124 разных знака пяти страниц есть в cmap этого файла.
   Диапазон — из cmap собранного файла (build-fonts.py --print-range), не шире:
   объявишь шире — браузер нарисует пустой прямоугольник вместо фолбэка.
   Текст страниц НЕ трогали: правка только про подключение шрифта. */
@font-face{
  font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/fonts/onest.woff2') format('woff2');
  unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00AE,U+00B0-00B1,U+00B7,U+00BB,
    U+00D7,U+0401-040C,U+040E-044F,U+0451-045C,U+045E-045F,U+0490-0491,
    U+2009,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+202F-2030,
    U+2039-203A,U+2044,U+20BD,U+2116,U+2122,U+2192,U+2212,U+2248,U+2260,
    U+2264-2265;
}

/* Метрическая заглушка фолбэка — устроена как на главной (обоснование и разбор
   двух движков в public/style.css): пока Onest едет, строки считаются по
   подогнанным метрикам Arial, и подмена их не двигает.
   ЗАГЛУШЕК ДВЕ, а не одна: одна на весь диапазон весов была мертва на жирном
   тексте по-разному в двух движках — WebKit подставлял настоящий Arial Bold
   под метрики обычного, Chromium рисовал жирное обычным начертанием.
   Числа СВОИ, а не переписаны с главной: корпус здесь другой — пять
   юридических страниц, 29 247 знаков обычным весом и 1 563 жирным (обход
   текстовых узлов пяти собранных страниц, canvas measureText при 100px).
   Onest/Arial 103,32 %, Onest/Arial Bold 99,30 %; ascent и descent — те же
   970/−305 при upem 1000, делённые на своё число подгонки. */
@font-face{
  font-family:'Onest Fallback';font-weight:400 500;src:local('Arial');
  size-adjust:103.32%;ascent-override:93.88%;descent-override:29.52%;line-gap-override:0%;
}
@font-face{
  font-family:'Onest Fallback';font-weight:600 700;src:local('Arial-BoldMT'),local('Arial Bold');
  size-adjust:99.30%;ascent-override:97.68%;descent-override:30.72%;line-gap-override:0%;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:'Onest','Onest Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:#1a1a2e;
  color:#e8e6f0;
  line-height:1.65;
  min-height:100vh;
}
a{color:#D2ABA6;text-decoration:none}
a:hover{text-decoration:underline}

.container{
  max-width:680px;
  margin:0 auto;
  padding:40px 20px 80px;
}

/* Header */
.header{
  text-align:center;
  margin-bottom:40px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.header .logo{
  font-size:28px;
  /* 700, а не 800: ось onest.woff2 обрезана до 400–700 (build-fonts.py),
     и 800 браузер молча клэмпил бы к тому же 700 — объявляем честно. */
  font-weight:700;
  color:#B86B77;
  letter-spacing:-0.5px;
  margin-bottom:4px;
}
.header .subtitle{
  font-size:13px;
  color:#6b6880;
}

/* Document title */
h1{
  font-size:24px;
  font-weight:700;   /* см. .header .logo: ось файла 400–700 */
  color:#e8e6f0;
  margin-bottom:8px;
  line-height:1.3;
}
.pub-date{
  font-size:13px;
  color:#6b6880;
  margin-bottom:32px;
}

/* Sections */
h2{
  font-size:18px;
  font-weight:700;
  color:#D2ABA6;
  margin-top:36px;
  margin-bottom:14px;
}

p{
  margin-bottom:12px;
  color:#c4c1d0;
  font-size:15px;
}

ul,ol{
  margin-bottom:12px;
  padding-left:24px;
}
li{
  margin-bottom:6px;
  color:#c4c1d0;
  font-size:15px;
}

strong{
  color:#e8e6f0;
  font-weight:600;
}

/* Footer */
.footer{
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.06);
  text-align:center;
}
.footer .links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 20px;
  margin-bottom:16px;
}
.footer .links a{
  font-size:13px;
  color:#6b6880;
}
.footer .links a:hover{color:#D2ABA6}
.footer .copy{
  font-size:12px;
  color:#4a4760;
}

/* Contact block */
.contact{
  background:#16213e;
  border-radius:16px;
  padding:20px;
  margin-top:24px;
}
.contact p{
  margin-bottom:6px;
  font-size:14px;
}