#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;
}


/* МЕНЮ */
/* === Плавность для всех ссылок меню === */
.sp-megamenu a,
.sp-dropdown a {
    transition: all .2s ease;
}

/* === Верхние пункты меню (Главная, Копилка знаний...) === */
.sp-megamenu .menu > li > a:hover,
.sp-megamenu .menu > li > a:focus {
    color: #1a73e8 !important;
    background: #eef4ff;
    border-radius: 6px;
}

/* === Пункты выпадающего списка (Инструкции, ЕСПД, СГО...) === */
.sp-dropdown .sp-menu-item > a:hover,
.sp-dropdown .sp-menu-item > a:focus {
    background: #eef4ff !important;
    color: #1a73e8 !important;
    border-left: 3px solid #1a73e8;
    padding-left: 17px;
}

/* === Текущий (активный) пункт — тоже выделить === */
.sp-megamenu .menu > li.active > a,
.sp-dropdown .sp-menu-item.active > a {
    color: #1a73e8 !important;
    font-weight: 600;
}

/* === Мобильное (off-canvas) меню === */
.offcanvas-menu .menu li a:hover {
    background: #eef4ff;
    color: #1a73e8;
}




/* === 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; }