/* ============================================================
   САМОЗВАНЦЫ — технические (юридические) страницы:
   политики и реквизиты. Спокойная типографика для чтения.
   Использует токены/компоненты из styles.css.
   ============================================================ */

.lpage {
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 16px 40px;
}

.lback {
  display: inline-block;
  font-family: var(--head);
  text-transform: uppercase;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 18px;
}
.ltitle {
  font-family: var(--head);
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 8px;
}
.lmeta {
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 24px;
}

.lpage h2 {
  font-family: var(--head);
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1.1;
  margin: 28px 0 10px;
}
.lpage p {
  font-size: 15px;
  line-height: 1.7;
  color: #2f2b22;
  margin: 0 0 12px;
}
.lpage ol,
.lpage ul {
  margin: 0 0 14px;
  padding-left: 22px;
}
.lpage li {
  font-size: 15px;
  line-height: 1.7;
  color: #2f2b22;
  margin-bottom: 8px;
}

/* карточка реквизитов */
.reqcard {
  border: 3px solid var(--ink);
  box-shadow: 6px 6px 0 var(--ink);
  background: var(--paper);
  overflow: hidden;
}
.reqrow {
  display: flex;
  border-bottom: 2px solid var(--ink);
}
.reqrow:last-child {
  border-bottom: 0;
}
.reqrow .k {
  flex: 0 0 42%;
  padding: 12px 14px;
  font-family: var(--head);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #1a1206;
  background: var(--gold);
  border-right: 2px solid var(--ink);
  display: flex;
  align-items: center;
}
.reqrow .v {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
}
.reqrow .v b {
  font-weight: 700;
}

/* карту в футере на внутренних страницах в мобайле не показываем */
.inner .mapwrap {
  display: none;
}

@media (min-width: 900px) {
  .lpage {
    padding: 48px clamp(24px, 4vw, 40px) 60px;
  }
  .ltitle {
    font-size: 46px;
  }
  .lpage h2 {
    font-size: 24px;
    margin: 36px 0 12px;
  }
  .lpage p,
  .lpage li {
    font-size: 16px;
  }
  .reqrow .k {
    font-size: 14px;
    flex-basis: 320px;
  }
  .reqrow .v {
    font-size: 15px;
    padding: 14px 18px;
  }
  .inner .mapwrap {
    display: block;
  }
}