/* Страницы документов: политика и оферта. Значения — только из tokens.css */

.doc { padding: var(--space-9) 0 var(--space-10); }
.doc__inner { max-width: 980px; }
.doc__title { max-width: var(--text-width); font-size: var(--size-h3); font-weight: var(--weight-bold); letter-spacing: var(--track-tight); }
.doc__city { margin-top: var(--space-4); color: var(--color-muted); font-size: var(--size-small); }

.doc__body { margin-top: var(--space-8); }
.doc__body p { margin-bottom: var(--space-4); color: var(--color-muted); font-size: var(--size-small); line-height: 1.8; }
.doc__body b { color: var(--color-ink); font-weight: var(--weight-black); }

.doc__section {
  margin: var(--space-8) 0 var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-thin) solid var(--color-ink);
  font-size: var(--size-h4);
  font-weight: var(--weight-black);
  letter-spacing: var(--track-tight);
}
.doc__section span { display: block; margin-bottom: var(--space-2); color: var(--color-muted); font-size: var(--size-kicker); letter-spacing: var(--track-kicker); }

.doc__item b { margin-right: var(--space-2); }

.doc__list { margin: 0 0 var(--space-5); padding-left: var(--space-5); }
.doc__list li {
  position: relative;
  margin-bottom: var(--space-2);
  color: var(--color-muted);
  font-size: var(--size-small);
  line-height: 1.8;
}
.doc__list li::before { position: absolute; left: calc(-1 * var(--space-5)); color: var(--color-lime); content: "—"; }

.doc__req { margin-top: var(--space-8); padding: var(--space-6); border: var(--border-thin) solid var(--color-ink); background: var(--color-paper); }
.doc__req h2 { margin-bottom: var(--space-5); font-size: var(--size-h4); font-weight: var(--weight-black); }
.doc__req p { margin-bottom: var(--space-3); font-size: var(--size-small); }
.doc__req a { color: var(--color-blue); }

.doc a { color: var(--color-blue); }

/* Врезка с важным условием — чтобы человек не пролистал мимо */
.doc__note {
  margin: var(--space-6) 0;
  padding: var(--space-5);
  border-left: 3px solid var(--color-lime);
  background: var(--color-paper);
}
.doc__note p { margin-bottom: 0; color: var(--color-ink); }

.doc__lead { max-width: var(--text-width); margin-top: var(--space-5); color: var(--color-muted); font-size: var(--size-lead); line-height: var(--line-lead); }
