/* Оформление юридических страниц: соглашение, согласие, политика.

   Свой файл, а не стили главной: разметку главной разворачивает рантайм
   (support.js) и там всё держится на инлайновых стилях из макета. Тащить
   эту механику на страницу с длинным текстом смысла нет — здесь нужна
   ровно читаемая колонка. Токены цвета и шрифты те же, что на главной. */

*{box-sizing:border-box}

body{
  margin:0;
  background:#FFF4E8;
  color:#17151C;
  font-family:Manrope,system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit}
a:hover{color:#FF5A3D}

/* --- Шапка --- */

.bar{
  background:#17151C;
  color:#FFF4E8;
  padding:18px max(24px,calc((100% - 760px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.bar .logo{
  display:flex;
  align-items:center;
  gap:9px;
  font-family:Onest,sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.04em;
  color:rgba(255,244,232,.85);
  text-decoration:none;
}
.bar .logo svg{width:17px;height:19px;display:block;color:#FF5A3D}
.langs{display:flex;align-items:center;gap:10px;font-size:13px}
.langs button{
  appearance:none;
  background:none;
  border:0;
  padding:4px 2px;
  color:#FFF4E8;
  font:inherit;
  cursor:pointer;
  opacity:.4;
}
.langs button[aria-current="true"]{opacity:1;font-weight:700}

/* --- Текст --- */

main{
  padding:clamp(32px,6vw,64px) max(24px,calc((100% - 760px)/2)) 64px;
  max-width:100%;
}
h1{
  margin:0 0 8px;
  font-family:Onest,sans-serif;
  font-size:clamp(28px,5vw,40px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:800;
  text-wrap:pretty;
}
h2{
  margin:36px 0 10px;
  font-family:Onest,sans-serif;
  font-size:clamp(19px,2.6vw,22px);
  line-height:1.25;
  letter-spacing:-.02em;
  font-weight:700;
}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
strong{font-weight:700}

.meta{
  margin:0 0 28px;
  font-size:14px;
  color:rgba(23,21,28,.6);
}
/* Оговорка про перевод и служебные ремарки. */
.note{
  margin:0 0 28px;
  padding:14px 16px;
  border-left:3px solid #FF5A3D;
  background:rgba(255,90,61,.07);
  border-radius:0 10px 10px 0;
  font-size:14px;
  line-height:1.55;
  color:rgba(23,21,28,.78);
}
.note p:last-child{margin-bottom:0}

/* Языковые версии документа: показывается ровно одна. Обе лежат в HTML,
   чтобы текст был в исходнике страницы, а не собирался скриптом.

   По умолчанию видна русская версия — она имеет юридическую силу, и если
   скрипт не загрузился или упал, документ всё равно должен читаться.
   Класс js-ready ставит сам скрипт: только после этого выбор языка
   отдаётся ему. */
[data-doc="en"]{display:none}
html.js-ready [data-doc]{display:none}
html.js-ready [data-doc].on{display:block}

/* --- Подвал --- */

footer{
  background:#17151C;
  color:rgba(255,244,232,.62);
  padding:26px max(24px,calc((100% - 760px)/2));
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 20px;
  font-size:13px;
}
footer a{text-decoration:none;color:rgba(255,244,232,.62)}
footer a:hover{color:#FFF4E8}
footer .spacer{flex:1 1 auto}