/* Панель табов раздела «Обучение». Подключается самим партиалом:
   он выводится и на своей странице, и в медиаклубе. */

/* Раздел «Обучение»: четыре таба по ТЗ (тесты, видео, изображения, аудио). */
.learn-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    border-bottom: 1px solid #e4efe9;
    margin: 0 0 1.1rem;
}

.learn-tabs__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: .7rem 1.1rem;
    color: #3c4a45;
    font-weight: 600;
    font-size: .93rem;
    text-decoration: none;
    border-radius: 10px 10px 0 0;
    transition: color .18s ease, background .18s ease;
}

.learn-tabs__item:hover { color: #157a5b; background: #f4faf7; }

.learn-tabs__item:focus-visible {
    outline: 3px solid rgba(36, 187, 140, .45);
    outline-offset: -3px;
}

.learn-tabs__item.is-active { color: #157a5b; }

/* Подчёркивание активной вкладки перекрывает границу панели. */
.learn-tabs__item.is-active::after {
    content: "";
    position: absolute;
    left: .6rem;
    right: .6rem;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #24bb8c;
}