/* Стили правовых страниц (оферта, политика, согласие).
   Вынесены в отдельный файл, а не продублированы трижды в каждой странице:
   документы правятся редко, но правятся ВСЕ СРАЗУ — когда меняется адрес или
   реквизиты. Один файл значит одну правку вместо трёх и невозможность забыть
   про третью страницу.
   Собственных цветов здесь нет: те же переменные, что и на главной, — иначе
   правовые страницы выглядели бы чужими и подрывали доверие ровно там, где
   человек проверяет, кому он платит. */

:root{
  --font-head:'Unbounded','Gilroy','Manrope',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:'Gilroy','Manrope',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --accent-lime:#C9F24E;
  --dark-bg:#14161a;
  --on-lime:#111;
  --gray-100:#f7f8f7;
  --gray-200:#eceeec;
  --gray-300:#dcdfdc;
  --gray-500:#8b918b;
  --gray-700:#4a504a;
  --gray-900:#1c201c;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
}

*{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  color:var(--gray-900);
  background:var(--gray-100);
  overflow-wrap:break-word;
}

/* Шапка — та же логика, что на главной: логотип всегда возвращает на сайт.
   Человек попадает сюда по ссылке из подвала, и без обратного пути он просто
   закроет вкладку вместе с сайтом. */
.doc-head{
  background:var(--dark-bg);
  padding:16px 0;
}
.doc-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.doc-logo{
  font-family:var(--font-head);font-weight:900;font-size:18px;letter-spacing:.02em;
  text-transform:uppercase;color:#fff;text-decoration:none;line-height:1;
}
.doc-logo span{color:var(--accent-lime);}
.doc-back{
  font-family:var(--font-head);font-weight:800;font-size:14px;
  color:var(--accent-lime);text-decoration:none;
}
.doc-back:hover{text-decoration:underline;}

.wrap{max-width:820px;margin:0 auto;padding:0 18px;}
@media(min-width:700px){ .wrap{padding:0 24px;} }

main{padding:32px 0 56px;}
@media(min-width:700px){ main{padding:48px 0 72px;} }

.doc-card{
  background:#fff;
  border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);
  padding:24px 20px 28px;
}
@media(min-width:700px){ .doc-card{padding:40px 44px 48px;} }

h1{
  font-family:var(--font-head);font-weight:900;
  /* clamp, а не фиксированный кегль: заголовки документов длинные, и на 360 px
     фиксированные 32 px давали четыре строки, которые занимали весь первый экран. */
  font-size:clamp(22px,5.4vw,32px);
  line-height:1.15;letter-spacing:-.03em;text-transform:uppercase;
  margin:0 0 6px;
}
.doc-updated{
  margin:0 0 24px;font-size:14px;color:var(--gray-500);
}

h2{
  font-family:var(--font-head);font-weight:800;
  font-size:clamp(17px,3.4vw,20px);
  line-height:1.2;letter-spacing:-.02em;
  margin:28px 0 8px;
}
h2:first-of-type{margin-top:0;}

p{margin:0 0 12px;}

/* Нумерация пунктов вида «1.1.» набрана вручную внутри текста, а не списком:
   в правовых документах номер — часть содержания, на него ссылаются, и он
   обязан остаться при копировании текста в почту или в претензию. */
.doc-card ul{margin:0 0 14px;padding-left:20px;}
.doc-card li{margin:0 0 6px;}

a{color:var(--gray-900);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--gray-700);}

/* Реквизиты — отдельной плашкой: это то, ради чего документ чаще всего
   открывают (проверить, кому платят), и искать их среди сплошного текста
   человек не станет. */
.doc-req{
  background:var(--gray-100);
  border:1px solid var(--gray-200);
  border-radius:var(--radius-md);
  padding:16px 18px;
  margin:16px 0 0;
}
.doc-req dl{margin:0;display:grid;grid-template-columns:1fr;gap:8px;}
@media(min-width:600px){ .doc-req dl{grid-template-columns:180px 1fr;gap:8px 16px;} }
.doc-req dt{font-weight:700;color:var(--gray-700);font-size:14px;}
.doc-req dd{margin:0;font-size:15px;}
@media(max-width:599px){ .doc-req dd{margin:0 0 4px;} }

footer{
  background:var(--dark-bg);color:rgba(255,255,255,.8);
  padding:24px 0;font-size:14px;
}
footer a{color:var(--accent-lime);}
.doc-foot-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;}