/* =========================================================
   Юридические страницы: политика конфиденциальности,
   пользовательское соглашение, официальная информация.
   Страницы «старого образца»: узкий контейнер, тонкий заголовок,
   разделы-аккордеон.
   ========================================================= */
.lg-top { display: flex; margin: 22rem 0 44rem; }
.lg-title { font-family: var(--font-text); font-weight: 300; line-height: 120%; color: var(--c-text); font-size: 22rem; max-width: 100%; margin: 0 0 20rem; padding: 0 10rem; }
.lg-text { font-family: var(--font-text); font-weight: 400; line-height: 140%; color: var(--c-text); max-width: 660rem; margin-left: auto; margin-right: auto; font-size: 14rem; margin-bottom: 40rem; padding: 0 10rem; }
.lg-list-wrap { margin: 0 0 80rem; }
.lg-list { max-width: 1100rem; margin: 0 auto; }
.lg-item__title { cursor: pointer; display: flex; justify-content: space-between; gap: 20rem; width: 100%; font-family: var(--font-text); line-height: 140%; color: var(--c-text); border: 0; border-bottom: 1rem solid #ABAEB9; background: none; text-align: left; font-size: 14rem; padding: 10rem; align-items: center; }
.lg-item__title svg { flex-grow: 0; flex-shrink: 0; transition: transform .3s; width: 26rem; height: 26rem; }
.lg-item.is-open .lg-item__title svg { transform: rotate(180deg); }
.lg-item__text { display: none; font-family: var(--font-text); line-height: 140%; color: var(--c-text); max-width: 876rem; font-size: 12rem; padding: 20rem 10rem; overflow: hidden; }
.lg-item.is-open .lg-item__text { display: block; }
.lg-item__text p { margin: 0 0 1em; }
.lg-item__text p:last-child { margin-bottom: 0; }
.lg-item__text a, .lg-card a { color: var(--c-accent); }

/* официальная информация */
.lg-cards { display: flex; flex-direction: column; gap: 16rem; max-width: 1100rem; margin: 0 auto 80rem; }
.lg-card { background: #fff; border-radius: 24rem; padding: 20rem 16rem; font-family: var(--font-text); color: var(--c-text); }
.lg-card h2 { font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 16rem; line-height: 20rem; color: var(--c-head); margin: 0 0 12rem; }
.lg-card dl { margin: 0; display: grid; grid-template-columns: 1fr; gap: 4rem 24rem; font-size: 12rem; line-height: 140%; }
.lg-card dt { color: var(--c-gray); }
.lg-card dd { margin: 0 0 8rem; }
.lg-card p { margin: 0 0 12rem; font-size: 12rem; line-height: 140%; }
.lg-card__actions { display: flex; flex-wrap: wrap; gap: 10rem; margin-top: 12rem; }

@media (max-width: 767px) {
  .lg-top { margin: 22rem 0 20rem; }
  .lg-list { display: flex; flex-direction: column; gap: 40rem; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lg-top { margin: 22rem 0 32rem; }
  .lg-title { font-size: 40rem; line-height: 48rem; margin: 0 0 16rem; text-align: center; }
  .lg-text { font-size: 16rem; line-height: 24rem; text-align: center; margin-bottom: 32rem; }
  .lg-list-wrap { margin-bottom: 100rem; }
  .lg-item__title { font-size: 16rem; line-height: 24rem; padding: 22rem 0; }
  .lg-item__text { font-size: 14rem; line-height: 19rem; }
  .lg-cards { margin-bottom: 100rem; }
  .lg-card { padding: 28rem 32rem; border-radius: 32rem; }
  .lg-card h2 { font-size: 20rem; line-height: 26rem; }
  .lg-card dl { grid-template-columns: 200rem 1fr; font-size: 14rem; }
  .lg-card dd { margin: 0; }
  .lg-card p { font-size: 14rem; }
}
@media (min-width: 992px) {
  .lg-title { font-size: 60rem; max-width: none; margin: 0 0 40rem; text-align: center; padding: 0; }
  .lg-text { font-size: 20rem; margin-bottom: 80rem; text-align: center; padding: 0; }
  .lg-list-wrap { margin-bottom: 160rem; }
  .lg-item__title { font-size: 20rem; padding: 28rem 0; align-items: flex-start; }
  .lg-item__text { font-size: 16rem; padding: 40rem 0; }
  .lg-cards { margin-bottom: 160rem; gap: 20rem; }
  .lg-card { padding: 40rem 48rem; border-radius: 40rem; }
  .lg-card h2 { font-size: 26rem; line-height: 32rem; margin-bottom: 20rem; }
  .lg-card dl { grid-template-columns: 280rem 1fr; gap: 12rem 32rem; font-size: 18rem; }
  .lg-card dd { margin: 0; }
  .lg-card p { font-size: 18rem; }
}