/* Оформление статей блога Blanki.online. Выноски (law, advice, term, mistake, example) без скруглений, остальные блоки со скруглением 12-18px, без теней и градиентов, мало цветов. */
.bl-prose{counter-reset:bl-sec}
.bl-prose a{color:#016fd0}

/* разделы: отдельные этапы без вложенных карточек */
.bl-prose .bl-sec{margin:0 0 8px;padding:34px 0 6px;border-top:1px solid #d8e8f2}
.bl-prose .bl-sec>h2{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:24px;line-height:1.28;font-weight:700;color:#0d1018}
.bl-prose .bl-sec>h2::before{counter-increment:bl-sec;content:counter(bl-sec);flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#016fd0;color:#fff;font-size:18px;font-weight:700}
.bl-prose .bl-sec--faq>h2::before{counter-increment:none;content:"?"}
.bl-prose .bl-sec--src>h2::before{counter-increment:none;content:"§";background:#5b6b7b}
.bl-prose .bl-sec>h3{margin:26px 0 10px;padding:0 0 0 14px;border-left:4px solid #5699d9;font-size:19px;line-height:1.35;font-weight:700;color:#0d1018}

/* главное в статье */
.bl-prose .bl-keys{position:relative;margin:0 0 26px;padding:42px 20px 14px;border:1px solid #cbe1ef;border-left:4px solid #016fd0;border-radius:0 16px 16px 0;background:#f4f9fd}
.bl-prose .bl-keys::before{content:"Главное в статье";position:absolute;top:14px;left:20px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#016fd0}
.bl-prose .bl-keys li{padding-left:32px;margin:0 0 9px}
.bl-prose .bl-keys li:last-child{margin:0}
.bl-prose .bl-keys li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#016fd0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

/* списки: синие кружки с белыми цифрами */
.bl-prose ol{counter-reset:bl-ol}
.bl-prose ol>li{position:relative;padding-left:46px;min-height:32px;margin:0 0 12px;counter-increment:bl-ol}
.bl-prose ol>li::before{content:counter(bl-ol);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#016fd0;color:#fff;font-size:15px;font-weight:700;line-height:1;border:0}
.bl-prose ul>li::before{background:#5699d9}

/* таблицы */
.bl-prose .bl-table{margin:0 0 24px;border:1px solid #bcd9ee;border-radius:16px;overflow-x:auto;background:#fff}
.bl-prose .bl-table table{display:table;width:100%;min-width:640px;margin:0;border-collapse:collapse;font-size:15px}
.bl-prose .bl-table th,.bl-prose .bl-table td{overflow-wrap:normal!important;word-break:normal!important;hyphens:none}
.bl-prose .bl-table thead th{padding:13px 16px;border:0;background:#016fd0;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-align:left}
.bl-prose .bl-table td{padding:13px 16px;border:0;border-top:1px solid #e3edf3;line-height:1.5;vertical-align:top}
.bl-prose .bl-table tbody tr:nth-child(even) td{background:#f4f9fd}
.bl-prose .bl-table tbody td:first-child{min-width:130px;font-weight:700;color:#0d1018;border-right:1px solid #e3edf3}
.bl-prose .bl-table caption{caption-side:bottom;padding:12px 16px;border-top:2px solid #016fd0;background:#f4f9fd;color:#3f4450;font-size:14px;line-height:1.55;text-align:left}

/* комментарий эксперта (фото необязательно) */
.expert-comment{margin:0 0 24px;padding:18px 22px;border:1px solid #bcd9ee;border-left:4px solid #016fd0;border-radius:0 18px 18px 0;background:#fff}
.expert-comment__head{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.expert-comment__photo{flex:none;width:64px!important;height:64px!important;border-radius:50%;object-fit:cover;border:0!important}
.expert-comment__title{display:block;margin:0 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#016fd0}
.expert-comment__name{display:block;font-size:18px;line-height:1.25;font-weight:700;color:#0d1018}
.expert-comment__role{display:block;margin-top:2px;font-size:14px;color:#4a525e}
.expert-comment__quote{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;font-size:17px!important;line-height:1.6;color:#1f2430}
.expert-comment__source{font-size:12.5px;line-height:1.45;color:#7a8594}
.expert-comment__source a{color:#016fd0}

/* выноски: один тип рамки, без скруглений и теней */
.bl-law,.bl-advice,.bl-term,.bl-mistake,.bl-prose .bl-example{margin:0 0 20px;padding:14px 18px;border:1px solid #d5e2ea;border-left-width:4px;border-radius:0;box-shadow:none}
.bl-law p,.bl-advice p,.bl-term p,.bl-mistake p,.bl-prose .bl-example p{margin:0 0 8px}
.bl-law p:last-child,.bl-advice p:last-child,.bl-term p:last-child,.bl-mistake p:last-child,.bl-prose .bl-example p:last-child{margin:0}
.bl-law__label,.bl-advice__label,.bl-term__label,.bl-mistake__label,.bl-prose .bl-example__label{display:block;margin:0 0 6px!important;padding:0;background:none!important;font-size:12px!important;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-radius:0}
.bl-law{border-left-color:#016fd0;background:#f4f9fd}.bl-law__label{color:#016fd0!important}
.bl-advice{border-left-color:#2f7a4f;background:#f4faf6}.bl-advice__label{color:#2f7a4f!important}
.bl-term{border-left-color:#5b6b7b;background:#f5f7f9}.bl-term__label{color:#5b6b7b!important}
.bl-mistake{border-left-color:#b5453d;background:#fdf6f5}.bl-mistake__label{color:#b5453d!important}
.bl-prose .bl-example{border-left-color:#c98b2b;background:#fffaf1;border-style:solid}.bl-prose .bl-example__label{color:#9a6a1f!important}

/* иллюстрации */
.bl-prose .bl-fig{margin:0 0 22px}
.bl-prose .bl-fig--wide img{display:block;width:100%;max-width:100%;height:auto;margin:0;border:1px solid #cbe1ef;border-radius:16px}
.bl-prose .bl-fig img{border-radius:12px}
.bl-prose .bl-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:#646b78;text-align:left}

/* диалоги */
.bl-prose .bl-chat{margin:0;padding:16px;border:1px solid #cbe1ef;border-radius:18px;background:#f9fcfc}
.bl-prose .bl-chat__top{margin:0 0 12px}
.bl-prose .bl-chat__tag{display:block;margin:0 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#9a6a1f}
.bl-prose .bl-chat__title{margin:0!important;font-weight:700;color:#0d1018}
.bl-prose .bl-chat__row{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px}
.bl-prose .bl-chat__row--a{flex-direction:row-reverse}
.bl-prose .bl-chat__ava{flex:none;width:48px;height:48px;max-width:48px!important;border-radius:50%!important;margin:0!important;object-fit:cover;border:0!important}
.bl-prose .bl-chat__msg{min-width:0;max-width:calc(100% - 66px);padding:10px 14px;border-radius:14px;overflow-wrap:anywhere;font-size:16px;line-height:1.55}
.bl-prose .bl-chat__row--q .bl-chat__msg{background:#eef6fe;border:1px solid #cbe1ef}
.bl-prose .bl-chat__row--a .bl-chat__msg{background:#fff;border:1px solid #cfe5d8}
.bl-prose .bl-chat__who{display:block;margin:0 0 2px;font-size:12px;letter-spacing:.04em;font-weight:700;color:#016fd0}
.bl-prose .bl-chat__row--a .bl-chat__who{color:#2f7a4f}
.bl-prose .bl-chat__note{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:#fdf3e1;color:#6e5518;font-size:14px;line-height:1.5}
.bl-prose .bl-chat__row:last-child,.bl-prose .bl-chat__note:last-child{margin-bottom:0}

/* было / стало: две карточки со стрелкой */
.bl-prose .bl-compare{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch;margin:0 0 10px}
.bl-prose .bl-compare__col{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #cbe1ef;border-radius:16px;background:#fff}
.bl-prose .bl-compare__tag{display:flex;align-items:center;gap:10px;margin:0;padding:10px 16px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.bl-prose .bl-compare__tag::before{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;font-size:13px;line-height:1;font-weight:700}
.bl-prose .bl-compare__col p{margin:0;padding:16px 18px 18px;font-size:16px;line-height:1.6;color:#2b303b;overflow-wrap:anywhere}
.bl-prose .bl-compare__col--was{border-color:#efd0cc;background:#fdf6f5}
.bl-prose .bl-compare__col--was .bl-compare__tag{background:#c0504a}
.bl-prose .bl-compare__col--was .bl-compare__tag::before{content:"\2715";color:#c0504a}
.bl-prose .bl-compare__col--now{border-color:#bcd9ee;background:#f4f9fd}
.bl-prose .bl-compare__col--now .bl-compare__tag{background:#016fd0}
.bl-prose .bl-compare__col--now .bl-compare__tag::before{content:"\2713";color:#016fd0}
.bl-prose .bl-compare__arrow{display:flex;align-items:center;justify-content:center}
.bl-prose .bl-compare__arrow::before{content:"";width:38px;height:38px;border-radius:50%;background:#016fd0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
/* FAQ */
.bl-prose .bl-faq{display:grid;gap:10px;margin:0 0 18px}
.bl-prose .bl-faq__item{position:relative;padding:16px 20px 14px 68px;border:1px solid #cbe1ef;border-radius:16px;background:#fff}
.bl-prose .bl-faq__item::before{content:"?";position:absolute;left:18px;top:16px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#016fd0;color:#fff;font-size:18px;font-weight:700}
.bl-prose .bl-faq__item h3{margin:0 0 6px;padding:0;border:0;font-size:18px;line-height:1.35;font-weight:700;color:#0d1018}
.bl-prose .bl-faq__item p{margin:0}
.bl-prose .bl-src li{margin:0 0 12px;font-size:15px}

@media(max-width:700px){
.bl-prose .bl-sec{padding-top:26px}
.bl-prose .bl-sec>h2{font-size:20px;gap:10px}
.bl-prose .bl-sec>h2::before{width:34px;height:34px;font-size:16px}
.bl-prose .bl-compare{grid-template-columns:minmax(0,1fr)}
.bl-prose .bl-compare__arrow{height:46px}
.bl-prose .bl-compare__arrow::before{transform:rotate(90deg)}
.bl-prose .bl-chat{padding:12px}
.bl-prose .bl-chat__ava{width:40px;height:40px;max-width:40px!important}
.bl-prose .bl-chat__msg{max-width:calc(100% - 52px);font-size:15px}
.bl-prose .bl-faq__item{padding:14px 14px 12px 58px}
.bl-prose .bl-faq__item::before{left:12px;top:14px;width:32px;height:32px}
.expert-comment{padding:14px}
.expert-comment__photo{width:52px!important;height:52px!important}
.bl-prose .bl-keys{padding:42px 14px 12px}
}

/* таблица с подписью снизу (подпись не прокручивается вместе с таблицей) */
.bl-prose .bl-tfig{margin:0 0 24px;border:1px solid #bcd9ee;border-radius:16px;overflow:hidden;background:#fff}
.bl-prose .bl-tfig .bl-table{margin:0;border:0;border-radius:0}
.bl-prose .bl-tfig figcaption{margin:0;padding:12px 16px;border-top:2px solid #016fd0;background:#f4f9fd;color:#3f4450;font-size:14px;line-height:1.55;text-align:left}
/* обложка-иллюстрация во всю карточку */
.bl-cover--full{padding:0!important;overflow:hidden}
.bl-cover--full img{display:block;width:100%!important;max-width:100%!important;height:100%;object-fit:cover;border-radius:inherit}

.bl-cover--full{aspect-ratio:896/447!important}

.expert-comment__explain{margin:0 0 12px!important;padding:10px 0 0;border-top:1px dashed #bcd9ee;font-size:15px;line-height:1.6;color:#3f4450}
.expert-comment__explain strong{color:#016fd0}