/* ═══ юридические страницы ═════════════════════════════════════════ */
.doc { padding: clamp(30px, 5vw, 64px) 0 clamp(50px, 7vw, 90px); }

.doc h1 { font-size: clamp(30px, 4vw, 46px); }
.doc__meta { margin-top: 12px; color: var(--faint); font-size: 14px; font-weight: 700; }

.doc__todo {
  margin: 26px 0 8px;
  padding: 16px 20px;
  border-radius: var(--r-md);
  background: rgba(255, 196, 92, .09);
  box-shadow: inset 0 0 0 1px rgba(255, 196, 92, .34);
  color: #ffd9a0;
  font-size: 14px;
  line-height: 1.55;
}

.doc h2 {
  margin-top: 38px;
  font-size: clamp(19px, 1.7vw, 23px);
}

.doc p, .doc li { color: var(--muted); font-size: 15.5px; line-height: 1.65; }
.doc p { margin-top: 12px; }
.doc b { color: var(--txt); }

.doc ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.doc li { display: flex; gap: 12px; }
.doc li::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  margin-top: 10px;
  border-radius: 50%;
  background: var(--grad);
}

.doc a:not(.link) {
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-color: rgba(74, 220, 255, .35);
  text-underline-offset: 3px;
}

.doc__back { margin-top: 46px; }

.footer__bottom a {
  color: var(--faint);
  transition: color .2s;
}
.footer__bottom a:hover { color: var(--txt); }