/* К-247 — юридические блоки главной (LEGAL-I): ссылки на документы у галочек регистрации и подвал со сведениями об операторе.
   Поверх styles.css: те же токены. Ссылки — не ниже 44 px, промежутки 8 px. */
.agree-doc { display: grid; gap: 8px; }
.agree-doc__links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 0 32px; max-width: none; }
.agree-doc__links a, .agree-doc__policy a {
  display: inline-flex; align-items: center; min-height: 44px; font-size: 13px;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.agree-doc__links a:hover, .agree-doc__policy a:hover { text-decoration-thickness: 2px; }
.agree-doc__policy { opacity: 0.8; }

.foot-legal { flex: 1 1 100%; display: grid; gap: 4px; padding-top: var(--s3); border-top: 1px solid rgba(242, 241, 238, 0.2); }
.foot-legal p { max-width: none; font-size: 13px; opacity: 0.85; overflow-wrap: anywhere; }
.foot-legal__docs { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 4px; }
.foot-legal__docs a {
  display: inline-flex; align-items: center; min-height: 44px; font-size: 13px;
  text-decoration: underline; text-decoration-color: rgba(242, 241, 238, 0.45); text-underline-offset: 3px;
  transition: text-decoration-color 200ms var(--e);
}
.foot-legal__docs a:hover { text-decoration-color: currentColor; }
.foot-legal a:focus-visible, .agree-doc a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

@media (max-width: 700px) {
  .agree-doc__links { margin-left: 0; }
  /* промежуток между ссылками — не меньше 8 px и в столбике (ревью 17.09) */
  .foot-legal__docs { flex-direction: column; gap: 8px; }
}