/* страницы документов: pravila.html, soglasie.html */
.docpage { background: radial-gradient(60% 40% at 85% 0%, rgba(20, 81, 58, .28), transparent 70%), var(--bg); }
.docpage .nav__brand, .docpage .nav .btn { opacity: 1; visibility: visible; }
.doc { max-width: 800px; padding-top: 104px; padding-bottom: 88px; }
.doc__back { display: inline-block; margin-bottom: 26px; padding: 10px 0; font-size: 12.5px; font-weight: 600; color: var(--gold-2); text-decoration: none; }
.doc__back:hover { color: var(--gold-1); }
.doc__title { margin: 0; font-weight: 300; font-size: clamp(26px, 4vw, 40px); line-height: 1.15; letter-spacing: -.005em; }
.doc__sub { margin: 12px 0 0; font-size: 16px; color: var(--cream); }
.doc__ed { margin: 6px 0 0; font-size: 13px; color: var(--soft); }
.doc__note {
  margin: 26px 0 0; padding: 14px 18px; border-radius: 14px; font-size: 13.5px; line-height: 1.6; color: var(--muted);
  background: rgba(20, 81, 58, .28); box-shadow: inset 0 0 0 1px var(--line);
}
.doc__body { margin-top: 18px; font-size: 15px; line-height: 1.72; color: var(--muted); }
.doc__body h2, .doc__req-h { margin: 38px 0 12px; font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-1); }
.doc__body p { margin: 0 0 12px; }
.doc__body ul { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 6px; }
.doc__body li { position: relative; padding-left: 20px; }
.doc__body li::before { content: ""; position: absolute; left: 3px; top: .7em; width: 4px; height: 4px; transform: rotate(45deg); background: var(--gold-2); }
.doc a { color: var(--gold-1); }
.doc__req { width: 100%; border-collapse: collapse; font-size: 14px; }
.doc__req th, .doc__req td { padding: 10px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.doc__req th { width: 38%; padding-right: 16px; font-weight: 500; color: var(--soft); }
.doc__req td { color: var(--cream); overflow-wrap: anywhere; }
.doc__other { margin: 40px 0 0; font-size: 14px; color: var(--soft); }
.doc__other a { display: inline-block; padding: 8px 0; }
.doc__back:focus-visible, .doc a:focus-visible { outline: 1.5px solid var(--gold-1); outline-offset: 3px; border-radius: 2px; }
.docpage .foot { padding: 28px 0 calc(28px + env(safe-area-inset-bottom)); }
.docpage .foot__legal { margin: 0; font-size: 11.5px; color: var(--soft); }
@media (max-width: 520px) {
  .doc { padding-top: 84px; }
  .doc__req th { width: 42%; }
  .doc__body { font-size: 14.5px; }
}