/* Шаблон «рассказ»: страница-статья.
   Ни одной фотографии, ни одной карточки — работает только типографика.
   Узкая колонка, серифный текст, цифры врезкой посреди чтения. */

:root {
    --primary: #23303a;
    --accent: #8a5a2b;
    --accent-dark: #6d4720;
    --ink: #1d2328;
    --muted: #5f6a72;
    --line: #ddd6c9;
    --paper: #fbf9f4;
    --sheet: #f2eee5;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
    color: var(--ink);
    background: var(--paper);
    line-height: 1.7;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }

.col { max-width: 700px; margin: 0 auto; padding: 0 22px; }

/* ── Шапка: только имя и одна ссылка ─────────────────────────────────────── */
.head { border-bottom: 1px solid var(--line); background: var(--paper); }
.head__inner { display: flex; align-items: center; justify-content: space-between; height: 62px; }
.head__logo { font-family: 'PT Sans', sans-serif; font-weight: 700; letter-spacing: 0.08em;
              text-transform: uppercase; font-size: 0.95rem; text-decoration: none; }
.head__link { font-family: 'PT Sans', sans-serif; font-size: 0.85rem; color: var(--accent);
              text-decoration: none; border-bottom: 1px solid currentColor; }

/* ── Заголовок статьи ────────────────────────────────────────────────────── */
.kicker { font-family: 'PT Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.14em;
          font-size: 0.72rem; color: var(--muted); margin-top: 56px; }
.lead-title { font-size: clamp(2rem, 4.2vw, 2.9rem); line-height: 1.18; font-weight: 700;
              margin-top: 14px; letter-spacing: -0.01em; }
.standfirst { font-size: 1.2rem; color: var(--muted); margin-top: 18px; font-style: italic; }

/* ── Цифры врезкой ───────────────────────────────────────────────────────── */
.figures { margin: 38px 0; padding: 22px 26px; background: var(--sheet);
           border-left: 3px solid var(--accent); }
.figures__row { display: flex; justify-content: space-between; gap: 18px; padding: 7px 0;
                border-bottom: 1px dotted var(--line); }
.figures__row:last-child { border-bottom: none; }
.figures__value { font-family: 'PT Sans', sans-serif; font-weight: 700; color: var(--primary);
                  white-space: nowrap; }
.figures__label { color: var(--muted); font-size: 0.94rem; text-align: right; }

.note { color: var(--muted); font-size: 0.94rem; font-style: italic; }

/* ── Главы ───────────────────────────────────────────────────────────────── */
.chapter { font-size: clamp(1.4rem, 2.4vw, 1.85rem); font-weight: 700; margin-top: 48px;
           padding-top: 20px; border-top: 1px solid var(--line); }
.chapter__sub { color: var(--muted); font-style: italic; margin-top: 6px; }
.para-title { font-family: 'PT Sans', sans-serif; font-size: 1.02rem; font-weight: 700;
              margin-top: 26px; }
.para { margin-top: 7px; }

.steps { margin-top: 22px; padding-left: 24px; }
.steps li { padding: 8px 0; }
.steps b { font-family: 'PT Sans', sans-serif; }

/* ── Заявка в конце статьи ───────────────────────────────────────────────── */
.apply { margin: 64px 0 20px; padding: 34px 30px; background: var(--sheet); border: 1px solid var(--line); }
.apply__title { font-size: 1.6rem; font-weight: 700; }
.apply__sub { color: var(--muted); font-style: italic; margin: 6px 0 22px; }
.apply__or { margin-top: 16px; font-size: 0.94rem; color: var(--muted); }

/* ── Подвал ──────────────────────────────────────────────────────────────── */
.tail { border-top: 1px solid var(--line); padding: 32px 0 40px; margin-top: 40px; }
.tail__name { font-family: 'PT Sans', sans-serif; font-weight: 700; text-transform: uppercase;
              letter-spacing: 0.08em; font-size: 0.9rem; }
.tail__legal { font-family: 'PT Sans', sans-serif; color: var(--muted); font-size: 0.8rem;
               margin-top: 8px; line-height: 1.7; }
.tail__note { font-family: 'PT Sans', sans-serif; color: var(--muted); font-size: 0.74rem;
              margin-top: 12px; line-height: 1.6; }

/* ── Форма ───────────────────────────────────────────────────────────────── */
.lead-form { font-family: 'PT Sans', sans-serif; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.lead-form__label { display: block; font-size: 0.8rem; font-weight: 700; color: var(--muted); }
.lead-form__label > span:first-of-type { color: var(--accent); }
.lead-form__label--wide { grid-column: 1 / -1; }
.lead-form__input { width: 100%; margin-top: 5px; border: 1px solid var(--line); background: var(--paper);
                    padding: 11px 13px; font: inherit; font-size: 0.95rem; }
.lead-form__input:focus { outline: 2px solid var(--accent); outline-offset: 0; }
.lead-form__phone { display: flex; align-items: center; gap: 8px; margin-top: 5px; }
.lead-form__code { font-weight: 700; }
.lead-form__consent { grid-column: 1 / -1; display: flex; gap: 8px; font-size: 0.82rem; color: var(--muted); }
.lead-form__error { grid-column: 1 / -1; color: #a3231b; font-size: 0.85rem; font-weight: 700; }
.lead-form__submit { grid-column: 1 / -1; background: var(--accent); color: #fff; border: none;
                     padding: 14px; font: inherit; font-weight: 700; font-size: 0.98rem; cursor: pointer; }
.lead-form__submit:hover:not(:disabled) { background: var(--accent-dark); }
.lead-form__submit:disabled { opacity: 0.6; cursor: default; }
.lead-form__legal { grid-column: 1 / -1; font-size: 0.74rem; color: var(--muted); }
.lead-form__done { text-align: center; padding: 18px 0; font-family: 'PT Sans', sans-serif; }
.lead-form__done-mark { width: 46px; height: 46px; margin: 0 auto 12px; border-radius: 50%;
                        background: var(--accent); color: #fff; display: grid; place-items: center; font-size: 1.4rem; }
.lead-form__done-title { font-weight: 700; }
.lead-form__done-text { color: var(--muted); margin-top: 5px; }

@media (max-width: 700px) {
    body { font-size: 17px; }
    .lead-form { grid-template-columns: 1fr; }
    .apply { padding: 26px 20px; }
}


/* Палитра сайта */
:root {
    --primary: #1F2F3A;
    --color-primary: #1F2F3A;
    --primary-dark: #162129;
    --color-primary-dark: #162129;
    --primary-light: #6d777e;
    --primary-deep: #1a2731;
    --primary-darker: #0d151a;
    --accent: #5A8FA3;
    --color-accent: #5A8FA3;
    --accent-hover: #466f7f;
    --color-accent-hover: #466f7f;
    --accent-light: #a4c1cc;
}