/* Статьи CMS-раздела /bk/ и /freebets/ (задача 10 из PARALLEL_TASKS.md). Подключается только со
   страниц articles.show через @push('head'). Общие .container/.crumbs/.h1 — из app.css. */

.art { max-width: 900px; margin: 0 auto 64px; }

.art__meta { font-size: 13px; color: var(--c-faint); margin: -8px 0 28px; }

/* Содержимое из cont_topcats/cont_subcats/cont_arts.content — чужой HTML, часто без разметки заголовков,
   иногда с utility-классами легаси (tailwind-подобными), которые здесь не подключены — сброс к простому
   читаемому тексту на случай, если контент придёт с картинками/списками/заголовками. */
.art__content { font-size: 14px; line-height: 1.7; color: var(--c-text); }
.art__content p { margin-bottom: 14px; }
.art__content h1, .art__content h2, .art__content h3, .art__content h4 { margin: 26px 0 12px; line-height: 1.3; }
.art__content h2 { font-size: 20px; }
.art__content h3 { font-size: 17px; }
.art__content ul, .art__content ol { margin: 0 0 14px 22px; }
.art__content img { max-width: 100%; height: auto; border-radius: var(--r-md); margin: 6px 0; }
.art__content a { color: var(--c-accent); }
.art__content table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.art__content table th, .art__content table td { border: 1px solid var(--c-line); padding: 8px 10px; font-size: 13px; }

.art__children { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--c-line); }
.art__children-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.art__list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.art__list a {
    display: block;
    background: var(--c-bg);
    border-radius: var(--r-sm);
    padding: 12px 16px;
    color: var(--c-text);
    font-size: 14px;
    font-weight: 500;
}
.art__list a:hover { color: var(--c-accent); }