/* Стили страницы «Правила применения рекомендательных технологий».
   Отдельным файлом, а не блоком <style> в разметке, сознательно: заголовок
   Content-Security-Policy на этом домене запрещает инлайновые стили, и вынос
   избавляет от хеша, который пришлось бы пересчитывать после каждой правки текста.
   Страница так же сознательно НЕ подключает styles.css: это 380 КБ правил сцены
   с тёмным фоном body, интро-заставкой и липкими блоками, ничего из чего
   юридическому тексту не нужно. Цвета повторяют канон Клуба (styles.css:4-12),
   шрифт берётся из токенов. */

:root {
  --paper: #f3f0e8;
  --ink: #0b0c0d;
  --muted: #5c5f66;
  --acid: #dfff4f;
  --rule: rgba(11, 12, 13, .12);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font-club, Arial, "Helvetica Neue", Helvetica, sans-serif);
  font-size: 17px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
}

.shell {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(28px, 6vw, 72px) clamp(20px, 5vw, 32px) clamp(64px, 9vw, 120px);
}

.back {
  display: inline-flex;
  min-height: 44px;
  margin-bottom: clamp(28px, 5vw, 48px);
  padding: 9px 16px;
  align-items: center;
  color: var(--ink);
  border-radius: 999px;
  background: var(--acid);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
}

.back:focus-visible,
a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 5.6vw, 44px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.lede {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 15px;
}

h2 {
  margin: clamp(34px, 5vw, 52px) 0 10px;
  padding-top: clamp(20px, 3vw, 28px);
  border-top: 1px solid var(--rule);
  font-size: clamp(20px, 3.2vw, 25px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

p { margin: 0 0 14px; }

ul { margin: 0 0 14px; padding-left: 22px; }

li { margin-bottom: 7px; }

dl { margin: 0 0 14px; }

dt { margin-top: 10px; color: var(--muted); font-size: 14px; }

dd { margin: 2px 0 0; font-weight: 700; }

a { color: var(--ink); text-decoration-color: rgba(11, 12, 13, .4); text-underline-offset: .18em; }

.note {
  margin: 18px 0;
  padding: 16px 18px;
  border-left: 3px solid var(--acid);
  background: rgba(11, 12, 13, .035);
}

.note p { margin: 0; }

.foot {
  margin-top: clamp(40px, 6vw, 64px);
  padding-top: 20px;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: 14px;
}

/* Пиксель Яндекс.Метрики из <noscript>. Раньше он уводился за экран атрибутом
   style="position:absolute;left:-9999px" прямо в разметке. У сайта style-src 'self'
   без 'unsafe-inline', поэтому WebKit этот атрибут отклонял, и у посетителя с
   выключенным JS пиксель 1x1 оставался в потоке документа в самом верху страницы
   (замерено 24.08.2026: position static, left auto, координата 0,14). Класс решает
   ровно то же, но из файла, который CSP разрешает. Хеш встроенного кода счётчика
   правка не затрагивает — он считается только по содержимому <script>. */
.ym-pixel {
  position: absolute;
  left: -9999px;
}