/* Responsive enhancements, grouped by minimum screen width. */

/* 400px */
@media (min-width: 25rem) {

}

/* 576px */
@media (min-width: 36rem) {
    .selected-pages-block__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-courtesy.cluster,
    .site-footer__courtesy.cluster,
    .courtesy-navigation__list.cluster {
        gap: 1rem;
        justify-content: end;
    }

}

/* 768px */
@media (min-width: 48rem) {

    /* Footer */
    .site-footer__inner,
    .site-footer__meta {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .site-footer__inner > :only-child,
    .site-footer__meta > :only-child {
        grid-column: 1 / -1;
    }
    .site-footer__nav-columns {
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
    }

    /* Page title */

    /* image beside page title */
    .page-title--image-beside {
        padding-top: 4rem;
    }
    .page-title--image-beside .page-title__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        align-items: center;
    }
    .page-title--image-beside .page-title__copy {
        align-self: end;
    }

    /* standard page title */
    .page-title:not(.page-title--image-beside) .page-title__copy {
        width: 75%;
    }
    .page-title:not(.page-title--image-beside) .page-title__summary {
        max-width: 48ch;
        width: 75%;
    }

    /* Page content and listings */
    .page-layout__columns--equal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .page-layout__columns--wide-first {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .page-layout__columns--narrow-first {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }

    .listing-layout--with-sidebar {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .listing-layout--with-sidebar .listing-layout__sidebar {
        grid-column: 2;
        grid-row: 1;
    }
    .listing-layout--with-sidebar .listing-layout__content {
        grid-column: 1;
        grid-row: 1;
    }

    /* Event posts */
    .event__columns {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .event__body {
        grid-column: 1;
    }
    .event__media {
        grid-column: 1 / -1;
    }
    .event__columns--cover-beside .event__body {
        grid-row: 1;
    }
    .event__columns--cover-beside .event__media {
        grid-column: 2;
        grid-row: 1;
    }

    /* News articles */
    .news-article__columns {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .news-article__body {
        grid-column: 1;
    }
    .news-article__media {
        grid-column: 1 / -1;
    }
    .news-article__columns--cover-beside .news-article__body {
        grid-row: 1;
    }
    .news-article__columns--cover-beside .news-article__media {
        grid-column: 2;
        grid-row: 1;
    }

    /* Person profiles */
    .person-profile__columns {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        grid-template-areas: "body media";
    }
    .person-profile__body {
        grid-area: body;
    }
    .person-profile__media {
        grid-area: media;
    }

    /* Resources */
    .resource-listing__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

/* 960px */
@media (min-width: 60rem) {
    /* Filter forms */
    .member-directory__filters,
    .resource-library-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr)) max-content;
        align-items: end;
    }

    .project-filters__fields,
    .document-library-filters__fields {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: end;
    }
}

/* 1024px */
@media (min-width: 64rem) {
    /* Header and navigation */
    .site-header__inner {
        display: flex;
        flex-wrap: nowrap;
        padding: 2rem;
    }
    .site-title {
        flex-shrink: 0;
    }
    .site-navigation {
        flex-basis: auto;
        margin-left: auto;
    }
    .site-navigation__list {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    .site-navigation__submenu-toggle {
        border-color: transparent;
    }
    .site-navigation__submenu-toggle span {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        font-size: 0;
        margin-inline: auto;
        transform: rotate(45deg);
    }
    .site-navigation__submenu-toggle[aria-expanded="true"] span {
        transform: rotate(225deg);
    }
    .site-navigation .site-navigation__submenu {
        background-color: var(--color-neutral-bg);
        border-radius: 0.5rem;
        display: none;
        left: 0;
        width: 20rem;
        max-width: calc(100vw - 4rem);
        padding-inline: 0.5rem;
        position: absolute;
        top: 100%;
        z-index: 1;
    }
    .site-navigation--enhanced .site-navigation__submenu:not([hidden]),
    .site-navigation:not(.site-navigation--enhanced) .site-navigation__item:is(:hover, :focus-within) > .site-navigation__submenu {
        display: grid;
    }
    .site-navigation__item:last-child .site-navigation__submenu {
        left: auto;
        right: 0;
    }
    .site-navigation__submenu-link {
        padding: 0.75rem;
    }
    .site-courtesy {
        padding-inline: 2rem;
    }
}


/* 1200px */
@media (min-width: 75rem) {

    .page-layout__columns--single .text-block p,
    .team-group__introduction p {
        max-width: 75%;
    }

}