/* ==========================================================
   Minus3 Knowledge Base v1.1
   ========================================================== */

.m3-article{
    color:#1f2937;
    font-size:18px;
    line-height:1.9;
}

/* Ограничиваем комфортную ширину чтения */
.m3-article > *{
    max-width:820px;
}

/* Изображения и таблицы могут быть шире текста */
.m3-article img,
.m3-table,
.m3-summary,
.m3-tip,
.m3-warning,
.m3-error,
.m3-practice,
.m3-toc{
    max-width:100%;
}

/* -------------------- Заголовки -------------------- */

.m3-article h2{
    font-size:34px;
    font-weight:700;
    color:#111827;

    margin:70px 0 28px;
    padding-bottom:14px;

    border-bottom:1px solid #e5e7eb;
}

.m3-article h3{
    font-size:26px;
    font-weight:700;
    color:#111827;

    margin:45px 0 18px;
}

/* -------------------- Лид -------------------- */

.m3-lead{
    font-size:20px;
    line-height:1.7;
    font-weight:500;
    color:#111827;

    margin:35px 0 45px;
}

/* -------------------- Абзацы -------------------- */

.m3-article p{
    margin:18px 0;
}

.m3-article ul,
.m3-article ol{
    margin:22px 0 28px 28px;
}

.m3-article li{
    margin:10px 0;
}

/* -------------------- Содержание -------------------- */

.m3-toc{
    margin:45px 0;
    padding:0 0 0 24px;

    background:none;
    border:none;
    border-left:3px solid #d1d5db;
    border-radius:0;
    box-shadow:none;
}

.m3-toc h2{
    margin:0 0 18px;
    padding:0;

    border:none;

    font-size:24px;
}

.m3-toc ol{
    margin:0;
    padding-left:20px;
}

.m3-toc li{
    margin:10px 0;
}

.m3-toc a{
    color:#2563eb;
    text-decoration:none;
}

.m3-toc a:hover{
    text-decoration:underline;
}

/* -------------------- Совет инженера -------------------- */

.m3-tip{
    margin:24px 0;
    padding:16px 20px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-left:4px solid #1976d2;
    border-radius:8px;

    box-shadow:0 1px 2px rgba(15,23,42,.04);
}

.m3-tip-title{
    font-size:20px;
    font-weight:700;
    color:#111827;

    line-height:1.25;
    margin:0 0 10px;
}

.m3-tip p{
    margin:8px 0;
    color:#374151;
    font-size:17px;
    line-height:1.65;
}

.m3-tip p:last-child{
    margin-bottom:0;
}

/* -------------------- Важно знать -------------------- */

.m3-warning{
    margin:40px 0;
    padding:28px 32px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-left:4px solid #d97706;
    border-radius:10px;

    box-shadow:0 1px 3px rgba(15,23,42,.05);
}

/* -------------------- Распространенная ошибка -------------------- */

.m3-error{
    margin:40px 0;
    padding:28px 32px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-left:4px solid #dc2626;
    border-radius:10px;

    box-shadow:0 1px 3px rgba(15,23,42,.05);
}

/* -------------------- Из практики -------------------- */

.m3-practice{
    margin:40px 0;
    padding:28px 32px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-left:4px solid #16a34a;
    border-radius:10px;

    box-shadow:0 1px 3px rgba(15,23,42,.05);
}

/* -------------------- Краткий вывод -------------------- */

.m3-summary{
    margin:40px 0;
    padding:28px 32px;

    background:#fff;

    border:1px solid #e5e7eb;
    border-radius:10px;
}

/* -------------------- Таблицы -------------------- */

.m3-table{
    width:100%;
    border-collapse:collapse;

    margin:40px 0;

    font-size:16px;
}

.m3-table th{
    padding:14px 16px;

    background:#fff;

    color:#111827;

    text-align:left;
    font-weight:600;

    border-bottom:2px solid #d1d5db;
}

.m3-table td{
    padding:14px 16px;

    border-bottom:1px solid #e5e7eb;
}

.m3-table tr:hover{
    background:#fafafa;
}

/* -------------------- FAQ -------------------- */

.m3-faq{
    margin:60px 0;
}

.m3-faq h3{
    margin-top:32px;
}

/* -------------------- Цитаты -------------------- */

.m3-article blockquote{
    margin:36px 0;
    padding:0 0 0 24px;

    border:none;
    border-left:3px solid #d1d5db;

    background:none;

    color:#4b5563;
    font-style:normal;
}

/* -------------------- Изображения -------------------- */

.m3-article h2,
.m3-article h3,
.m3-article h4{
    scroll-margin-top:120px;
}

/* ---------- Логотип ---------- */

.top-panel__logo{
    min-width: 210px;
    padding-right: 18px;
}

.top-panel__logo img{
    max-height: 62px;
    width: auto;
    display: block;
}

/* Небольшой воздух между логотипом и каталогом */

.top-panel__btn-catalog{
    margin-left: 8px;
}