.page-institutional-email .site-main {
    gap: 24px;
}

.page-institutional-email .section__inner {
    padding: 28px 0;
}

.institutional-email-page-hero .section__inner {
    padding-top: 24px;
    padding-bottom: 18px;
}

.institutional-email-page-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.85fr);
    gap: 28px;
    align-items: stretch;
    padding-top: 20px;
}

.institutional-email-page-hero__content {
    padding: 42px;
    background: linear-gradient(135deg, rgba(0, 29, 68, 0.96) 0%, rgba(0, 50, 107, 0.94) 100%);
    box-shadow: var(--shadow-ambient);
}

.institutional-email-page-hero__title,
.institutional-email-page-hero__lead {
    color: #ffffff;
}

.institutional-email-page-hero__lead {
    max-width: 58ch;
    margin-top: 22px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
}

.institutional-email-page-hero__aside {
    display: grid;
    align-content: start;
    gap: 12px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 244, 245, 0.96) 100%);
}

.institutional-email-page-hero__aside p,
.institutional-email-empty-state p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.7;
}

.institutional-email-directory {
    display: grid;
    gap: 16px;
}

.institutional-email-card {
    display: grid;
    gap: 6px;
    padding: 22px 24px;
    background: var(--surface-lowest);
    border: 1px solid rgba(0, 29, 68, 0.08);
    box-shadow: var(--shadow-soft);
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

.institutional-email-card:hover,
.institutional-email-card:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 29, 68, 0.16);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow-ambient);
}

.institutional-email-card__role {
    color: var(--primary-strong);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.institutional-email-card__email {
    color: #2563eb;
    font-size: 0.96rem;
    line-height: 1.5;
    word-break: break-word;
}

.institutional-email-empty-state {
    display: grid;
    gap: 12px;
}

@media (max-width: 980px) {
    .institutional-email-page-hero__inner,
    .section-heading--split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .institutional-email-page-hero__content,
    .institutional-email-page-hero__aside,
    .institutional-email-card {
        padding: 30px 24px;
    }
}