/*
 * College/department featured stories + newsletter panel
 * (inc/academic-pages.php → umbc_academic_page_features() and the preview
 * slider umbc_academic_render_term_stories_slider()).
 *
 * The Stories Block and Featured Story block are built to run full width on
 * pages, with their own side gutters and big vertical padding. Here they sit
 * inside the academics column, so drop the gutters (heading lines up with the
 * breadcrumb), tighten the spacing, and size cards so three fit across.
 * Colors come from the blocks themselves, so dark mode needs nothing here.
 */

/* ── Lead: the About text, promoted to the top as the page's greeting ── */
.academics-term-lead {
    margin: 1.25rem 0 2.5rem;
    max-width: 52rem;
}

.academics-term-lead__text,
.academics-term-lead__text p {
    font-size: clamp(1.15rem, 1.6vw, 1.35rem);
    line-height: 1.55;
    color: var(--umbc-text);
}

.academics-term-lead__text > :first-child {
    margin-top: 0;
}

.academics-term-lead__text > :last-child {
    margin-bottom: 0;
}

.academics-term-lead__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.academics-term-lead__links a {
    display: inline-block;
    padding: 0.45rem 1rem;
    border: 1px solid var(--umbc-border);
    border-radius: var(--umbc-radius-pill);
    color: var(--umbc-link);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
}

@media (hover: hover) {
    .academics-term-lead__links a:hover {
        border-color: var(--umbc-link);
        color: var(--umbc-link-hover);
    }
}

#departments,
#programs,
#faculty,
#contact,
#featured-stories,
#newsletter {
    scroll-margin-top: 6rem;
}

/* ── Top stories + newsletter ── */
.academics-page-features {
    margin: 0 0 1rem;
}

.academics-page-features .stories-slider {
    padding: 0 0 1.5rem;
}

/* Sit on the page background (the block paints its own white/black panel,
   which shows as a box against the dark-mode page gray). */
.academics-page-features .umbc-stories-block,
[data-theme="dark"] .academics-page-features .umbc-stories-block {
    --stories-bg: transparent;
}

.academics-page-features .stories-slider__header,
.academics-page-features .stories-slider__nav--standalone,
.academics-page-features .stories-slider__track-wrap,
.academics-page-features .stories-slider__dots {
    padding-left: 0;
    padding-right: 0;
}

.academics-page-features .stories-slider__header {
    margin-bottom: 1.25rem;
}

/* Three across (gap is 16px), the slider still pages through four to six. */
.academics-page-features .stories-card {
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: none;
}

@media (max-width: 900px) {
    .academics-page-features .stories-card {
        flex-basis: calc((100% - 16px) / 2);
    }
}

@media (max-width: 600px) {
    .academics-page-features .stories-card {
        flex-basis: 85%;
    }
}

.academics-page-features .umbc-featured-story {
    margin-top: 1.5rem;
}