.program-detail{
    padding-inline: 16px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 0 auto;
    
    @media (min-width: 576px) {
        max-width: 540px;
    }
    
    @media (min-width: 768px) {
        max-width: 720px;
    }
    
    @media (min-width: 992px) {
        padding-inline: auto;
        max-width: 960px;
    }
    
    @media (min-width: 1200px) {
        max-width: 1140px;
    }
    
    @media (min-width: 1400px) {
        max-width: 1320px;
    }
}

.program-detail .program-detail__header,
.program-detail .program-detail__header .field--field-program-logo{
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.program-detail .program-detail__header .field--field-program-logo::after {
    content: "";
    display: block;
    background-color: #808080;
    width: 1px;
    height: 1.875rem;
}

.program-detail .program-detail__header .field--field-program-logo img{
    width: 6rem;
    height: auto;
    mix-blend-mode: multiply;
}
@media (width > 32rem) {
    .program-detail .program-detail__header .field--field-program-logo img{
        width: 7.5rem;
    }
}

.program-detail .program-detail__header > h1{
    color: #333  ;
    font: 800 36px / 48px Manrope, sans-serif;
    margin: 0;
}

.program-detail .program-detail__presentation{
    margin-bottom: 0;
    padding: 1.65rem;
    background: #FFFFFF;
    border: 1px solid #CBCACA;
    margin-bottom: 40px;
    font-family: "Mercury Text G1", serif;
}

.program-detail .program-detail__presentation > h2{
    padding: 0;
    margin-bottom: 1.25rem;
    color: #E85000;
    font: 800 24px / 1 Manrope, sans-serif;
    margin-top: 0;
}

.program-detail__signup a.button--primary{
    display: block;
    width: fit-content;
    margin-top: 1.25rem;
    font: 800 0.8125rem / 1 Manrope, sans-serif;
    color: #fff;
    padding: 0.65rem 0.85rem;
    border-radius: 1.5rem;
    background-color: #E85000;
    text-decoration: none;
}