/* Scoped presentation adjustments for the October 21 MBA request. */

/* MBA1: reduce the introductory portrait only. The hero image is unchanged. */
.page-template-overview-mba #why .feature-split__media {
    max-width: 480px;
}

/* MBA overview: match the portrait's left and right edges to the right-hand
   card in the three-card row below, while keeping the text and image tops level. */
@media (min-width: 992px) {
    /* Above: 28px from each section. Below: 40px plus the cards' 16px. */
    .page-template-overview-mba main > #why.feature-split {
        padding-bottom: 40px;
    }

    .page-template-overview-mba #why .feature-split__grid {
        max-width: 1280px;
        grid-template-columns: minmax(0, 1fr) minmax(0, calc((100% - 64px) / 3));
        gap: 48px;
        align-items: start;
    }

    .page-template-overview-mba #why .feature-split__media {
        width: 100%;
        max-width: none;
        justify-self: stretch;
        align-self: stretch;
        min-height: 0;
        aspect-ratio: auto;
    }
}

/* MBA3: keep the blue career copy and its lists on the same rhythm as the
   regular program text. */
.page-template-overview-mba #career .program-text__body,
.page-template-overview-mba #career .program-text__body p,
.page-template-overview-mba #career .program-text__body li,
.page-template-overview-mba #career .program-text__list-item {
    font-size: 18px;
    line-height: 28px;
}

/* MBA4 and MBA5: match the standard 20px title-to-copy gap on MBA 60 and 90.
   MBA 120 already has its own approved 20px rule in the prior review CSS. */
.single-mba.postid-7622 #karriere .program-text__title,
.single-mba.postid-7621 #karriere .program-text__title {
    margin-bottom: 20px;
}

/* MBA7: remove only admission-content list markers. The list text remains
   unchanged, and study-content or unrelated accordion lists are untouched. */
:is(.page-template-overview-master, .page-template-overview-mba, .single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #admission .admission__panel-body ul {
    list-style: none;
    padding-left: 0;
}

:is(.page-template-overview-master, .page-template-overview-mba, .single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #admission .admission__panel-body li {
    padding-left: 0;
}

:is(.page-template-overview-master, .page-template-overview-mba, .single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #admission .admission__panel-body li::before {
    content: none;
    display: none;
}

:is(.single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #zulassung .acc-item__list {
    list-style: none;
    padding-left: 0;
}

:is(.single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #zulassung .acc-item__list-item {
    display: block;
    gap: 0;
}

:is(.single-master, .single-vertiefung, .single-mba, .single-mba_vertiefung) #zulassung .acc-item__list-icon {
    display: none;
}

/* Draft 8795: retain the list's 24px bottom rhythm before the Why cards.
   The target section already contributes an 8px card offset. */
.single-mba_vertiefung.postid-8795 #mba-review-benefits {
    padding-bottom: 0;
}

/* MBA specialization panels show only explicitly selected images. Empty
   image fields stay image-free, so the old course-N.jpg fallback is hidden. */
.mba-electives__image {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
}

.mba-electives__image-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (min-width: 768px) {
    .single-mba_vertiefung.postid-8795 .program-text--bg-grey .program-text__title,
    .single-mba_vertiefung.postid-8795 #inhalte .program-text__title,
    .single-mba_vertiefung.postid-8795 .program-accordion__title {
        font-size: 44px;
        line-height: 58px;
    }
}

@media (max-width: 991px) {
    /* Let the portrait use the existing stacked/tablet width behavior. */
    .page-template-overview-mba #why .feature-split__media {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    /* Keep the established mobile type scale while matching the blue section. */
    .page-template-overview-mba #career .program-text__body,
    .page-template-overview-mba #career .program-text__body p,
    .page-template-overview-mba #career .program-text__body li,
    .page-template-overview-mba #career .program-text__list-item {
        font-size: 16px;
        line-height: 26px;
    }

    /* Draft 8795: match the reference mobile size for the Why and Modules
       headings without changing its accordion headings or other MBA pages. */
    .single-mba_vertiefung.postid-8795 .program-text--bg-grey .program-text__title,
    .single-mba_vertiefung.postid-8795 #inhalte .program-text__title {
        font-size: 32px;
        line-height: 40px;
    }

    .mba-electives__image {
        margin-bottom: 16px;
    }
}