/* Start:/local/css/legal.css?17836262235719*/
/**
 * SNTClub — Legal / Offer Pages
 * Стили для юридических страниц, договоров, оферт, политик.
 * Используется на: soglashenie, buhgalterskie_uslugi_dogovor,
 * oferta_dogovor_yuruslugi, tarif_min/tradicionnyj/rasshirennyj/class,
 * privacy_policy.
 *
 * Правило: никаких CSS-классов внутри текста!
 * Стили работают через наследование от .legal-content (тэги: h2, h3, p, ul, ol, table).
 * Все значения через токены vars.css.
 */

/* ═══════════════════════════════════════════════
   HERO — Шапка юридической страницы
══════════════════════════════════════════════════ */
.legal-hero {
    padding: var(--space-12) 0 var(--space-10);
    background: var(--gradient-section);
    border-bottom: 1px solid var(--color-border-light);
}

.legal-hero__inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.legal-hero__label {
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.legal-hero__title {
    font-size: var(--fs-3xl);
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: 0;
    line-height: var(--lh-snug);
}

.legal-hero__meta {
    font-size: var(--fs-sm);
    color: var(--color-text-light);
    margin: 0;
}

/* ═══════════════════════════════════════════════
   CONTENT — Обёртка текста
══════════════════════════════════════════════════ */
.legal-wrap {
    padding: var(--space-12) 0 var(--space-20);
}

.legal-content {
    max-width: 860px;
    margin: 0 auto;
    font-size: var(--fs-base);
    color: var(--color-text);
    line-height: var(--lh-relaxed);
}

/* Заголовки через тэги — без классов */
.legal-content h2 {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: var(--space-10) 0 var(--space-4);
    line-height: var(--lh-snug);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border-light);
}

.legal-content h3 {
    font-family: var(--font-heading);
    font-size: var(--fs-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: var(--space-8) 0 var(--space-3);
    line-height: var(--lh-snug);
}

.legal-content h4 {
    font-size: var(--fs-base);
    font-weight: var(--fw-semibold);
    color: var(--color-text);
    margin: var(--space-6) 0 var(--space-2);
}

/* Параграфы */
.legal-content p {
    margin: 0 0 var(--space-4);
}

/* Ссылки */
.legal-content a {
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (hover: hover) {
    .legal-content a:hover {
        color: var(--color-blue-hover);
    }
}

/* Списки */
.legal-content ul,
.legal-content ol {
    margin: 0 0 var(--space-4);
    padding-left: var(--space-6);
}

.legal-content li {
    margin-bottom: var(--space-2);
    line-height: var(--lh-relaxed);
}

.legal-content ul li {
    list-style-type: disc;
}

.legal-content ol li {
    list-style-type: decimal;
}

/* Вложенные списки */
.legal-content ul ul,
.legal-content ol ol,
.legal-content ul ol,
.legal-content ol ul {
    margin-top: var(--space-2);
    margin-bottom: 0;
}

/* Таблицы (договоры/оферты могут их содержать) */
.legal-content table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-6) 0;
    font-size: var(--fs-sm);
}

.legal-content th {
    background: var(--color-blue-light);
    color: var(--color-text);
    font-weight: var(--fw-semibold);
    text-align: left;
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border);
}

.legal-content td {
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border-light);
    vertical-align: top;
}

.legal-content tr:nth-child(even) td {
    background: var(--color-bg-section);
}

/* Жирный/курсив */
.legal-content strong,
.legal-content b {
    font-weight: var(--fw-semibold);
}

.legal-content em,
.legal-content i {
    font-style: italic;
}

/* Горизонтальная линия */
.legal-content hr {
    border: none;
    border-top: 1px solid var(--color-border-light);
    margin: var(--space-8) 0;
}

/* ═══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    .legal-hero {
        padding: var(--space-8) 0;
    }

    .legal-hero__title {
        font-size: var(--fs-2xl);
    }

    .legal-wrap {
        padding: var(--space-8) 0 var(--space-12);
    }

    .legal-content h2 { font-size: var(--fs-lg); }
    .legal-content h3 { font-size: var(--fs-base); }

    .legal-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* End */
/* /local/css/legal.css?17836262235719 */