/* =========================================
   ADA Remediation — Who We Are section
   WCAG 2.1 AA (1.4.1 link distinction; thumbnail card overlays)
   Scoped overrides only — no global grid changes.
   ========================================= */

/* Space between CMS intro and Who We Are cards row */
.subpage__page--about .row > .col-lg-12.subpage__page--dynamic {
    margin-bottom: 2.5rem;
}

.subpage__page--about .thumbnail-hover__three {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
}

/* app.css: .thumbnail-hover__overlay .btn--third { line-height: 0 } stacks wrapped lines */
.subpage__page--about .thumbnail-hover__overlay .btn.btn--third {
    line-height: 1.35;
}

/*
 * Who We Are hub cards (thumbnail-hover__three + __plain-color): pin CTA to bottom so buttons
 * align; copy scrolls when descriptions differ in length.
 */
@media only screen and (min-width: 1024px) {
    .subpage__page--about .thumbnail-hover__three .thumbnail-hover__front {
        min-height: 390px;
    }

    .subpage__page--about .thumbnail-hover__three .thumbnail-hover__overlay {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 20px 10px 24px;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .subpage__page--about .thumbnail-hover__three .thumbnail-hover__overlay:before {
        display: none !important;
    }

    .subpage__page--about .thumbnail-hover__three .thumbnail-hover__overlay--content {
        position: relative;
        flex: 1 1 auto;
        width: 95%;
        height: auto !important;
        max-height: none;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0 auto;
        padding-bottom: 0.75rem;
        box-sizing: border-box;
    }

    .subpage__page--about .thumbnail-hover__three .thumbnail-hover__overlay .btn.btn--third {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        flex-shrink: 0;
        width: 75%;
        max-width: 100%;
        margin-top: auto;
    }
}

/* ---- In-page body links distinguishable from paragraph text (WCAG 1.4.1) — bold, no underline ---- */
.subpage__page--board .subpage__page--dynamic a:not(.btn):not([class*="btn--"]),
.subpage__page--about .subpage__page--dynamic a:not(.btn):not([class*="btn--"]) {
    text-decoration: none;
    font-weight: 700;
}

.subpage__page--board .subpage__page--dynamic a:not(.btn):not([class*="btn--"]):hover,
.subpage__page--board .subpage__page--dynamic a:not(.btn):not([class*="btn--"]):focus,
.subpage__page--about .subpage__page--dynamic a:not(.btn):not([class*="btn--"]):hover,
.subpage__page--about .subpage__page--dynamic a:not(.btn):not([class*="btn--"]):focus {
    text-decoration: none;
    font-weight: 700;
}

/* ---- Sidebar “more” control: keyboard focus only (no size/position change) ---- */
.siderbar-toggle-btn[role="button"]:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}