/* Оформление юридических страниц.
   Шрифты и палитра — те же, что на главной, чтобы страницы
   не выглядели чужими. Файл общий для privacy, consent и offer. */

@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-cyrillic-400-normal.woff2?v=9) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2?v=9) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20BD}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-cyrillic-600-normal.woff2?v=9) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2?v=9) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20BD}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-cyrillic-700-normal.woff2?v=9) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2?v=9) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20BD}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pt-serif-cyrillic-400-normal.woff2?v=9) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pt-serif-latin-400-normal.woff2?v=9) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+20BD}

:root{
  --milk:#F7F2EA; --card:#FFFAF2; --graphite:#2F2F31;
  --olive:#6F7A5F; --beige:#DCC9B2; --soft:#EFE7DA; --white:#fff;
  --terra:#B76C4C; --terra-dark:#9E5B3E;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--milk);color:var(--graphite);
  font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;
  -webkit-text-size-adjust:100%;
}
a{color:var(--terra);text-decoration:underline}
a:hover{color:var(--terra-dark)}
.wrap{width:min(820px,calc(100% - 40px));margin:0 auto}

/* Шапка */
.top{background:rgba(247,242,234,.92);border-bottom:1px solid rgba(111,122,95,.16);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}
.top-in{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand img{width:42px;height:42px;border-radius:50%;display:block}
.brand b{display:block;font-family:'PT Serif',Georgia,serif;font-weight:400;font-size:17px;line-height:1.15}
.brand span{display:block;font-size:11px;color:var(--olive);letter-spacing:.04em;margin-top:2px}
.back{font-size:14px;white-space:nowrap}

/* Документ */
.doc{padding:32px 0 48px}
h1{font-family:'PT Serif',Georgia,serif;font-weight:400;font-size:clamp(24px,3.2vw,34px);line-height:1.15;margin:0 0 10px}
.meta{font-size:14px;color:#77736e;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid rgba(111,122,95,.2)}
h2{font-family:'PT Serif',Georgia,serif;font-weight:400;font-size:21px;margin:28px 0 10px;color:var(--olive)}
h3{font-size:16px;margin:22px 0 8px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15px}
/* Длинные юридические слова в узких ячейках распирали таблицу шире
   экрана телефона. Разрешаем переносы по слогам. */
th,td{border:1px solid rgba(111,122,95,.24);padding:10px 12px;text-align:left;vertical-align:top;
      hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
th{background:var(--soft);font-weight:700}
.note{background:var(--card);border-left:3px solid var(--terra);border-radius:0 14px 14px 0;padding:14px 18px;margin:18px 0;font-size:15px}
.req{background:var(--soft);border-radius:16px;padding:18px 22px;margin:24px 0;font-size:15px;line-height:1.7}
.req b{display:block;margin-bottom:6px}

/* Подвал */
.foot{border-top:1px solid rgba(111,122,95,.18);padding:26px 0 40px;font-size:14px;color:#6f6b66}
.foot a{margin-right:16px}

@media(max-width:640px){
  body{font-size:15px}
  .wrap{width:calc(100% - 28px)}
  .top-in{height:64px}
  .brand img{width:40px;height:40px}
  .doc{padding:30px 0 44px}
  table{font-size:14px}
  th,td{padding:8px 9px}
}

/* кнопка записи в шапке теста и игры */
.top-links{display:flex;align-items:center;gap:16px}
.top-cta{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:12px;background:var(--terra);color:#fff;
  font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.top-cta:hover{filter:brightness(.94)}
@media(max-width:520px){.top-links .back{display:none}}

/* оглавление документа и «Наверх» */
main h2{scroll-margin-top:84px}
.toc{margin:18px 0 26px;background:var(--card);border:1px solid rgba(111,122,95,.18);border-radius:14px;padding:12px 16px}
.toc summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--olive);list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:" ▾"}
.toc details[open] summary::after{content:" ▴"}
.toc ul{list-style:none;margin:10px 0 2px;padding:0;columns:2;column-gap:28px}
.toc li{margin:0 0 7px;break-inside:avoid;font-size:14.5px;line-height:1.35}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.to-top{position:fixed;right:16px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(111,122,95,.3);
  background:#fff;color:var(--graphite);font-size:20px;cursor:pointer;box-shadow:0 8px 22px rgba(47,47,49,.14);
  opacity:0;pointer-events:none;transition:opacity .2s;z-index:6}
.to-top.on{opacity:1;pointer-events:auto}
/* длина строки для чтения на широком экране */
.doc p,.doc li{max-width:72ch}
@media(max-width:640px){.toc ul{columns:1}}