/* info.css — текстовые страницы: «Правила» и «О проекте».
   Одна пара к двум страницам: разметка у них одинаковая, различается текст.

   Светлые, как профили: body из base.css не перебиваем. */

.info-page {
    max-width: 780px;
    margin: 0 auto;
    /* Больше 58px — под фиксированную шапку (раздел 11 CLAUDE.md) */
    padding: 90px 20px 120px 20px;
}

/* base.css задаёт .back-link абсолютом для article/editorstat — здесь
   возвращаем обычный поток, как это делают thread.css, history.css и map.css. */
.back-link {
    position: static;
    display: inline-block;
    margin-bottom: 28px;
}

.info-title {
    font-family: "Gotham", "Archivo Black", sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 5.5vw, 44px);
    line-height: 1.15;
    color: var(--color-dark);
    margin-bottom: 12px;
}

.info-lead {
    font-family: "Gotham", sans-serif;
    font-size: clamp(15px, 2.4vw, 18px);
    line-height: 1.65;
    color: #4a4a4a;
    margin-bottom: 40px;
}

.info-section {
    background-color: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: 14px;
    padding: 26px 28px;
    margin-bottom: 20px;
}

.info-h2 {
    font-family: "Gotham", "Archivo Black", sans-serif;
    font-weight: 700;
    font-size: clamp(19px, 3vw, 24px);
    color: var(--color-dark);
    margin-bottom: 14px;
}

.info-section p,
.info-section li {
    font-family: "Gotham", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #333333;
}

.info-section p { margin-bottom: 12px; }
.info-section p:last-child,
.info-section ul:last-child { margin-bottom: 0; }

.info-section ul {
    margin: 0 0 12px 0;
    padding-left: 22px;
}

.info-section li { margin-bottom: 8px; }
.info-section li:last-child { margin-bottom: 0; }

.info-section a {
    color: #1a5fb4;
    text-decoration: underline;
}

.info-section a:hover { color: #0d3d7a; }

/* Определение: «черновик — это…». Список с подписями, а не таблица:
   таблица на 360px пришлось бы прокручивать вбок. */
.info-defs { margin: 0; }

.info-defs dt {
    font-family: "Gotham", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--color-dark);
    margin-bottom: 4px;
}

.info-defs dd {
    font-family: "Gotham", sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #333333;
    margin: 0 0 14px 0;
}

.info-defs dd:last-child { margin-bottom: 0; }

/* Врезка «это черновик, перепишите под себя». Видна владельцу сайта
   и всем остальным — прятать её было бы нечестно. */
.info-draft-note {
    background-color: #fff8e1;
    border: 1px solid #e6d08a;
    border-radius: 12px;
    padding: 18px 22px;
    margin-bottom: 24px;
}

.info-draft-note p {
    font-family: "Gotham", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #6b5518;
    margin: 0;
}

@media (max-width: 480px) {
    .info-page { padding: 80px 14px 90px 14px; }
    .info-section { padding: 20px 18px; }
}