/* pay.css по умолчанию верстает body flex-ом с вертикальным центрированием
   (align-items:center) — это рассчитано на короткие карточки оплаты.
   Юридические документы — это тысячи слов: центрирование длинного текста
   давало отступы "на глаз" (документ не прижат к верху, скачет в
   зависимости от длины), а сама .card наследовала фиксированный padding:32px
   без уменьшения на маленьких экранах и без переноса длинных слов/ссылок
   (overflow-x:hidden на body в neuro.css их просто обрезал, а не скроллил). */
body { display: block; padding: 32px 16px calc(32px + env(safe-area-inset-bottom, 0px)); }
.card { max-width: 640px; width: 100%; margin: 0 auto; text-align: left; overflow-wrap: break-word; word-break: break-word; }
.card h1 { text-align: center; font-size: clamp(20px, 5.5vw, 26px); }
.card a { color: #6ea8fe; word-break: break-all; }

@media (max-width: 480px) {
    .card { padding: 20px 16px; border-radius: 16px; }
}