/* Юридические экраны цифровой приёмной.
   Все цвета опираются на уже существующие CSS-переменные приёмной. */

.consent-group {
  display: grid;
  gap: 2px;
  margin-top: 11px;
  scroll-margin-top: 110px;
  scroll-margin-bottom: 90px;
}

.consent-group .consent {
  margin-top: 0;
}

.consent__link {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.consent__link:hover,
.consent__link:focus-visible {
  text-decoration: underline;
}

.consent:focus-within .consent__box {
  outline: 2px solid rgba(21, 84, 92, .18);
  outline-offset: 2px;
}

.legal-screen {
  min-height: 100dvh;
  background: var(--background);
}

.legal-document {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 14px 23px max(28px, env(safe-area-inset-bottom));
}

.legal-document__heading {
  margin-bottom: 20px;
  padding: 20px 18px 18px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--card-shadow);
}

.legal-document__eyebrow {
  margin-bottom: 7px;
  color: var(--primary);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.legal-document__heading h1 {
  margin: 0;
  color: var(--primary-dark);
  font-family: "Times New Roman", Times, serif;
  font-size: 25px;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: -.25px;
}

.legal-document__rule {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  border-radius: 99px;
  background: var(--gold);
}

.legal-document__heading p {
  margin: 11px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.legal-document__body {
  color: var(--body);
  font-size: 13px;
  line-height: 1.58;
}

.legal-section {
  margin: 0 0 22px;
  padding-bottom: 3px;
}

.legal-section + .legal-section {
  padding-top: 20px;
  border-top: 1px solid var(--border);
}

.legal-section--accent {
  margin-left: -7px;
  margin-right: -7px;
  padding: 16px 14px 13px;
  border: 1px solid #DCE8E4 !important;
  border-radius: 9px;
  background: var(--soft-green);
}

.legal-section--accent + .legal-section {
  border-top: 0;
}

.legal-section h2 {
  margin: 0 0 11px;
  color: var(--primary-dark);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

.legal-section p {
  margin: 0 0 9px;
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-section strong {
  color: #373434;
  font-weight: 700;
}

.legal-section ul {
  margin: 3px 0 11px;
  padding-left: 20px;
}

.legal-section li {
  margin: 0 0 6px;
  padding-left: 2px;
}

.legal-section li::marker {
  color: var(--primary);
}

.legal-return-bottom {
  width: 100%;
  margin-top: 5px;
}

.legal-document__bottom {
  margin-top: 28px;
  padding-top: 4px;
}

@media (min-width: 900px) {
  body[data-screen="privacy-policy"] .app-shell,
  body[data-screen="personal-data-consent"] .app-shell {
    width: min(100%, 900px);
  }

  .legal-document {
    padding: 28px 48px 42px;
  }

  .legal-document__heading {
    padding: 27px 30px 24px;
  }

  .legal-document__heading h1 {
    font-size: 32px;
  }

  .legal-document__body {
    font-size: 14px;
    line-height: 1.65;
  }

  .legal-section h2 {
    font-size: 18px;
  }
}

@media (max-width: 350px) {
  .legal-document {
    padding-left: 18px;
    padding-right: 18px;
  }

  .legal-document__heading h1 {
    font-size: 22px;
  }
}