/* Shared institutional palette, derived from #004b90. */
:root {
    --brand-primary: #004b90;
    --brand-hover: #003c73;
    --brand-accent: #0066b3;
    --brand-tint: #d9eafa;
    --brand-soft: #e6f0fa;
    --brand-surface: #f3f7fc;
    --brand-primary-rgb: 0 75 144;
    --bs-primary: var(--brand-primary);
    --bs-primary-rgb: 0, 75, 144;
    --bs-link-color: var(--brand-primary);
    --bs-link-hover-color: var(--brand-hover);
}

.form-check-input:checked {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--brand-primary);
}
.swal2-popup .swal2-styled.swal2-confirm:hover {
    background-color: var(--brand-hover);
}

/* One institutional signature shared by every branded page header. */
.institutional-logo {
    display: block;
    flex: 0 1 auto;
    width: 480px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.institutional-logo--light {
    display: none;
}

:is(.form-hero__brand, .query-hero__brand, .details-hero__brand) {
    flex-wrap: wrap;
    width: 100%;
}

:is(.form-hero__brand, .query-hero__brand, .details-hero__brand) > .institutional-logo {
    flex: 0 1 auto;
}

@media (max-width: 1100px) {
    :is(.form-hero__brand, .query-hero__brand, .details-hero__brand) {
        flex-direction: column;
        align-items: flex-start;
    }

    :is(.form-hero__brand, .query-hero__brand, .details-hero__brand) > .institutional-logo {
        flex-basis: auto;
    }

    :is(.form-hero__separator, .query-hero__separator, .details-hero__separator) {
        display: none;
    }
}