#sp-left .sp-module {
    background: #ffffff;
    border-left: 4px solid #1a73e8;   /* цветная полоска слева */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    padding: 12px;
    margin-bottom: 5px;
}


/* === Возвращаем обтекание картинок текстом === */

/* Картинка СЛЕВА */
.pull-left,
.img-intro-left,
.img_caption.left,
.item-image.pull-left,
img[align="left"] {
    float: left !important;
    margin: 5px 20px 10px 0 !important;
}

/* Картинка СПРАВА */
.pull-right,
.img-intro-right,
.img_caption.right,
.item-image.pull-right,
img[align="right"] {
    float: right !important;
    margin: 5px 0 10px 20px !important;
}

/* Чтобы текст после картинки не «ломался» */
.articleBody p::after,
.item-page p::after {
    content: "";
    display: table;
    clear: both;
}

/* Картинки не вылезали за экран на телефонах */
.articleBody img {
    max-width: 100%;
    height: auto;
}




/* === ФИКС: картинки и иконки в строку с текстом === */

/* Картинки снова строчно-блочные */
.articleBody img,
.attachmentsContainer img,
.sp-module img {
    display: inline-block !important;
    vertical-align: middle;   /* убирает щель под картинкой */
    max-width: 100%;
    height: auto;
}

/* Ссылки в тексте — тоже в строку */
.articleBody a {
    display: inline-block !important;
}

/* Attachments: иконка + имя файла на одной строке */
.attachmentsList .at_icon,
.attachmentsList .at_url {
    display: inline-block !important;
}
.attachmentsList .at_icon {
    margin-right: 8px;
}


/* = МЕНЮ ========== МЕНЮ (Helix Ultimate) ========== */
/* ========== МЕНЮ v5 ========== */

/* Плавность */
#sp-header a { transition: all .2s ease; }

/* --- ВЕРХНИЙ УРОВЕНЬ (не трогаем, уже идеально) --- */
#sp-header li > a {
    line-height: 1.6 !important;
    height: auto !important;
    align-self: center !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
}
#sp-header li:hover > a,
#sp-header li > a:hover {
    background: #eef4ff !important;
    color: #1a73e8 !important;
}
#sp-header li.active > a {
    background: transparent !important;
    color: #1a73e8 !important;
    font-weight: 600;
}

/* --- ДРОПДАУН --- */

/* 1. Убираем лишние отступы у списков и пунктов —
      именно они отодвигали выделение от краёв панели */
#sp-header .sp-dropdown ul,
#sp-header .sp-dropdown li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Контейнер панели — маленький равномерный отступ */
#sp-header .sp-dropdown-inner {
    padding: 8px !important;
}

/* 3. Строки компактнее по высоте (отступы между пунктами как раньше) */
#sp-header .sp-dropdown li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 6px 14px !important;
    line-height: 1.5 !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
}
#sp-header .sp-dropdown li > a:hover {
    background: #eef4ff !important;
    color: #1a73e8 !important;
    border-left-color: #1a73e8 !important;
}

/* --- Мобильное меню --- */
.offcanvas-menu li a:hover {
    background: #eef4ff !important;
    color: #1a73e8 !important;
}
/* === МЕНЮ (окончание) === */



/* === ATTACHMENTS fix for Bootstrap === */
.attachmentsList caption,
.attachmentsContainer caption {
    caption-side: top !important;
    text-align: left;
    padding: 5px 0;
    font-weight: 700;
    color: inherit;
}

/* Аккуратная таблица вложений */
.attachmentsList table {
    width: 100%;
    max-width: 700px;
    border: 1px solid #e3e6ea;
    border-collapse: collapse;
}
.attachmentsList table td {
    padding: 8px 12px;
    border-bottom: 1px solid #e3e6ea;
    vertical-align: middle;
}
.attachmentsList tr.odd  { background: #f8f9fa; }
.attachmentsList tr.even { background: #ffffff; }