/* rz-article.css — оформление статей раздела «Статьи» (2026-11-03)
   Работает поверх разметки статей (.rz-article-page .rz-article):
   заголовки H2 с акцентом, списки с галочками, шаги-карточки (ol), плашки .rz-note.
   Элементы: .rz-key (коротко о главном), .rz-facts/.rz-fact (цифры), .rz-note--warn, .rz-note--legal, .rz-hl (выделение), .rz-table (таблицы). */

.rz-article-page .rz-article{max-width:780px;margin:0 auto}
.rz-article-page .rz-article p,
.rz-article-page .rz-article li{font-size:17px;line-height:1.7;color:#24364f}
.rz-article-page .rz-article strong{color:#1d3557}

/* Подпись автора */
.rz-article-page .rz-article .rz-meta{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:#6b7c93;font-size:14px}
.rz-article-page .rz-article .rz-meta::before{content:"R";display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#1d3557;color:#fff;font:700 18px/1 Georgia,serif;box-shadow:0 0 0 3px #e6eff7}

/* Заголовки разделов */
.rz-article-page .rz-article h2{position:relative;margin:48px 0 16px;padding-left:18px;font-size:clamp(24px,2.4vw,30px);line-height:1.2;color:#1d3557}
.rz-article-page .rz-article h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:4px;background:linear-gradient(180deg,#0b86c7,#1d3557)}

/* Маркированные списки: галочки */
.rz-article-page .rz-article ul{list-style:none;margin:16px 0;padding:0}
.rz-article-page .rz-article ul > li{position:relative;margin:0 0 10px;padding-left:34px}
.rz-article-page .rz-article ul > li::before{content:"";position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:50%;background:#e6eff7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b86c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}

/* Нумерованные списки: шаги-карточки */
.rz-article-page .rz-article ol{list-style:none;counter-reset:rzstep;margin:20px 0;padding:0;display:grid;gap:12px}
.rz-article-page .rz-article ol > li{counter-increment:rzstep;position:relative;margin:0;padding:18px 20px 18px 70px;border:1px solid #e3e8ee;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(29,53,87,.06)}
.rz-article-page .rz-article ol > li::before{content:counter(rzstep);position:absolute;left:18px;top:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1d3557;color:#fff;font:700 16px/1 Inter,system-ui,sans-serif;box-shadow:0 0 0 4px #e6eff7}
.rz-article-page .rz-article ol > li strong:first-child{display:block;margin-bottom:2px;font-size:18px}

/* Плашки */
.rz-article-page .rz-article .rz-note{position:relative;margin:26px 0;padding:18px 22px 18px 64px;border:1px solid #cfe3f2;border-left:0;border-radius:14px;background:linear-gradient(135deg,#f3f9fd,#e9f3fa)}
.rz-article-page .rz-article .rz-note::before{content:"i";position:absolute;left:20px;top:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b86c7;color:#fff;font:700 16px/1 Georgia,serif}
.rz-article-page .rz-article .rz-note p{margin:0}
.rz-article-page .rz-article .rz-note--warn{border-color:#f1d7b8;background:linear-gradient(135deg,#fffaf3,#fdf1e2)}
.rz-article-page .rz-article .rz-note--warn::before{content:"!";background:#c7792b}
.rz-article-page .rz-article .rz-note--legal{border-color:#e3e8ee;background:#f7f9fb}
.rz-article-page .rz-article .rz-note--legal::before{content:"§";background:#8a99ad}

/* Коротко о главном */
.rz-article-page .rz-article .rz-key{margin:0 0 34px;padding:24px 26px;border-radius:18px;background:linear-gradient(135deg,#1d3557,#16406b);color:#fff;box-shadow:0 18px 40px rgba(29,53,87,.22)}
.rz-article-page .rz-article .rz-key__title{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fd3f2}
.rz-article-page .rz-article .rz-key ul{margin:0}
.rz-article-page .rz-article .rz-key li{color:#eef5fb}
.rz-article-page .rz-article .rz-key li strong{color:#fff}
.rz-article-page .rz-article .rz-key ul > li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fd3f2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}

/* Цифры */
.rz-article-page .rz-article .rz-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0 28px}
.rz-article-page .rz-article .rz-fact{padding:18px 18px 16px;border:1px solid #e3e8ee;border-top:4px solid #0b86c7;border-radius:14px;background:#fff}
.rz-article-page .rz-article .rz-fact b{display:block;margin-bottom:4px;font:700 30px/1.1 Georgia,serif;color:#1d3557}
.rz-article-page .rz-article .rz-fact span{display:block;font-size:14px;line-height:1.45;color:#5b6b80}

/* Таблицы */
.rz-article-page .rz-article .rz-table-wrap{overflow-x:auto;margin:18px 0 10px;border:1px solid #e3e8ee;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(29,53,87,.06)}
.rz-article-page .rz-article .rz-table{width:100%;border-collapse:collapse;font-size:15px}
.rz-article-page .rz-article .rz-table th,
.rz-article-page .rz-article .rz-table td{padding:13px 14px;border-bottom:1px solid #e3e8ee;text-align:left;vertical-align:top;line-height:1.5;color:#24364f}
.rz-article-page .rz-article .rz-table tr:last-child td{border-bottom:0}
.rz-article-page .rz-article .rz-table th{background:#1d3557;color:#fff;font-weight:600}
.rz-article-page .rz-article .rz-table td:first-child{font-weight:600;color:#1d3557;background:#f7f9fb}

/* Выделение маркером */
.rz-article-page .rz-article .rz-hl{padding:0 .1em;background:linear-gradient(transparent 58%,#cfe8f8 58%)}

/* «Читайте также» */
.rz-article-page .rz-article .rz-related{margin-top:40px;padding:22px 24px;border:1px solid #e3e8ee;border-radius:14px;background:#f7f9fb}
.rz-article-page .rz-article .rz-related ul > li a{font-weight:600;color:#0b86c7;text-decoration:none}

@media (max-width:620px){
  .rz-article-page .rz-article p,.rz-article-page .rz-article li{font-size:16px}
  .rz-article-page .rz-article ol > li{padding:16px 16px 16px 60px}
  .rz-article-page .rz-article ol > li::before{left:14px;width:32px;height:32px}
  .rz-article-page .rz-article .rz-key{padding:20px}
  .rz-article-page .rz-article .rz-note{padding:16px 16px 16px 56px}
  .rz-article-page .rz-article .rz-note::before{left:16px}
  .rz-article-page .rz-article .rz-table{font-size:14px;min-width:520px}
}