/* Юридические страницы: политика, согласие, правила, реквизиты.
   Те же токены, что на страницах услуг, но без декоративных блоков. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--abyss);color:var(--foam);font-family:var(--body);
  font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wrap{max-width:var(--content-doc);margin:0 auto;padding:0 var(--gutter)}

.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);background:rgba(3,7,15,.86);
  border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;height:60px;font-family:var(--mono);font-size:var(--hud);
  letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.topbar a{color:inherit;text-decoration:none;padding:.5rem 0}
.topbar b{color:var(--foam);font-weight:500;letter-spacing:.1em}
.topbar a:hover{color:var(--foam)}

.doc{padding:clamp(2.6rem,7vw,4.6rem) 0 clamp(2.6rem,6vw,4rem)}
.crumbs{font-family:var(--mono);font-size:var(--hud);letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);margin:0 0 1.4rem}
.crumbs a{color:inherit}
h1{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4.4vw,3rem);
  line-height:1.08;letter-spacing:-.03em;margin:0 0 1rem;text-wrap:balance}
.meta{color:var(--mute);font-size:.95rem;margin:0 0 2.4rem;max-width:var(--measure)}
h2{font-family:var(--display);font-weight:500;font-size:clamp(1.2rem,2.2vw,1.45rem);
  letter-spacing:-.015em;line-height:1.25;margin:2.6rem 0 1rem;padding-top:1.6rem;
  border-top:1px solid var(--line)}
p,li{max-width:var(--measure)}
p{margin:0 0 1rem}
ul{margin:0 0 1.1rem;padding-left:1.3rem}
li{margin-bottom:.55rem}
b,strong{font-weight:500;color:#fff}
.doc a{color:var(--lumen);text-decoration:none;border-bottom:1px solid var(--link-underline);
  transition:border-color .3s ease}
.doc a:hover{border-bottom-color:var(--lumen)}
.doc a:focus-visible,.topbar a:focus-visible,.legalfoot a:focus-visible{
  outline:2px solid var(--lumen);outline-offset:3px}

.req{width:100%;border-collapse:collapse;font-size:.97rem;margin:0 0 1.2rem}
.req th,.req td{text-align:left;padding:.75rem 1rem .75rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.req th{color:var(--mute);font-weight:400;width:42%}
.tablewrap{overflow-x:auto}

.legalfoot{padding:2.2rem 0 2.8rem;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:var(--hud);letter-spacing:.12em;text-transform:uppercase;
  color:var(--mute);line-height:1.9}
.legalfoot a{color:inherit;display:inline-block;padding:.2rem 0}
.legalfoot a:hover{color:var(--foam)}
.legalfoot nav{margin-top:.6rem}
