/* Образование — компоненты, которых нет на других страницах.
   Общий слой (normalize/tokens/base/шапка/футер/баннер) — в common.css. */
@import "components/card-program.css";
@import "components/panel-dark.css";

#electives{
    a.info-block{
        padding: var(--space-6) var(--space-7);
        border-radius: var(--space-4);
        &:hover{
           background-color: var(--color-accent-dark); 
        }
    }
    .info-block__icon{
        width: 80px;
        height: 80px;
    }
    .info-block h3{
        font-size: 25px;
        margin-bottom: 20px;
    }
    &.section--dark{
        padding-top: 1px;
    }
    .electives-accent{
        color: var(--color-accent-light);
        font-style: italic;
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .schedule-pill{
        font-size: 18px;
        b{font-size: 20px;}
        strong{font-size: 20px;}
        a{text-decoration: none; color: var(--color-accent-light);}
        a:hover{
            text-decoration: underline;
        }
    }
}
@media(max-width: 767px){
    #electives .schedule-pill {
        border-radius: var(--radius-m);
        gap: 0 var(--space-3);
    }
}