/* ==========================================================================
   Статьи из «Импорта статей» (Настройки -> Импорт статей,
   core_functions/dz_articles_functions.php): текст дополнительной страницы
   с опубликованной статьёй - .page_content.dzar-article
   (templates/frontend/mmoscal/show_aux_page.tpl.html, подключается только на
   таких страницах). Разметка статьи: абзацы, h2/h3, оглавление <nav>,
   <figure> с подписью, таблица в .table-wrap, итоговый блок .cta.
   ========================================================================== */
.page_content.dzar-article { max-width: 860px; font-family: inherit; color: #26323d; font-size: 16px; line-height: 1.65; }
/* style.css/trig.css задают абзацам .page_content отступ строки, padding и свой размер - здесь обычный текст */
.page_content.dzar-article p { margin: 0 0 14px; padding: 0; text-indent: 0; color: inherit; font-size: inherit; line-height: inherit; }
.dzar-article h2 { margin: 34px 0 12px; color: #123f63; font-size: 24px; line-height: 1.3; scroll-margin-top: 90px; }
.dzar-article h3 { margin: 22px 0 8px; color: #123f63; font-size: 18px; line-height: 1.35; }
.dzar-article a { color: #1b6f9c; text-decoration: underline; text-underline-offset: 2px; }
.dzar-article a:hover { color: #12507d; }
.dzar-article ul, .dzar-article ol { margin: 0 0 16px; padding-left: 22px; }
.dzar-article li { margin: 0 0 6px; }
.dzar-article figure { margin: 22px 0; }
.dzar-article img { display: block; max-width: 100%; height: auto; border-radius: 12px; }
.dzar-article figcaption { margin-top: 8px; color: #6a8297; font-size: 13px; line-height: 1.45; }
.dzar-article nav { margin: 22px 0; padding: 16px 20px; border: 1px solid #d9e6f2; border-radius: 12px; background: #f5f9fd; }
.dzar-article nav strong { display: block; margin-bottom: 8px; color: #123f63; }
.dzar-article nav ul { margin: 0; padding-left: 20px; }
.dzar-article nav li { margin: 0 0 4px; }
.dzar-article .table-wrap { margin: 18px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dzar-article table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dzar-article caption { margin-bottom: 8px; color: #123f63; font-weight: 700; text-align: left; }
.dzar-article th, .dzar-article td { padding: 9px 12px; border: 1px solid #dce8f2; text-align: left; vertical-align: top; }
.dzar-article thead th { background: #eef5fb; color: #123f63; }
.dzar-article .cta { margin: 30px 0 10px; padding: 20px 24px; border-radius: 14px; background: linear-gradient(180deg, #eef8fd 0%, #dff0fa 100%); }
.dzar-article .cta h2 { margin-top: 0; }
.dzar-article .cta p:last-child { margin-bottom: 0; }
.dzar-article details { margin: 0 0 10px; padding: 10px 14px; border: 1px solid #dce8f2; border-radius: 10px; }
.dzar-article summary { cursor: pointer; color: #123f63; font-weight: 600; }

@media only screen and (max-width: 640px) {
    .dzar-article { font-size: 15px; }
    .dzar-article h2 { margin-top: 26px; font-size: 20px; }
    .dzar-article h3 { font-size: 17px; }
    .dzar-article nav, .dzar-article .cta { padding: 14px 16px; }
    .dzar-article table { font-size: 14px; }
}