.news-page {
    --news-blue: #00386f;
    --news-blue-dark: #00294f;
    --news-blue-light: #edf4fa;
    --news-border: #d8e1ea;
    --news-border-light: #e8edf2;
    --news-text: #263746;

    color: var(--news-text);
}

.news-page .news-page__title,
.news-page .news-card__title,
.news-page .news-card__title a,
.news-page .news-card__meta {
    color: var(--news-blue);
}

.news-page .news-toolbar {
    border-color: var(--news-border) !important;
}

@media (min-width: 601px) {
    .news-page .news-toolbar__search {
        flex: 0 0 auto;
        width: 50%;
    }

    .news-page .news-toolbar__select {
        flex: 0 0 auto;
        width: 25%;
    }
}

.news-page .news-search .form-control,
.news-page .news-year-filter,
.news-page .news-staff-filter {
    border-color: var(--news-blue);
    color: var(--news-blue);
}

.news-page .news-select-filter {
    position: relative;
}

.news-page .news-select-filter > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    inset-inline-start: 0.85rem;
    color: var(--news-blue);
    pointer-events: none;
    transform: translateY(-50%);
}

.news-page .news-select-filter .form-select {
    padding-inline-start: 2.5rem;
}

.news-page .iaaeu-select,
.news-page .iaaeu-select__menu {
    width: 100%;
}

.news-page .iaaeu-select__menu {
    max-height: min(24rem, 60vh);
    overflow-y: auto;
    scrollbar-color: var(--news-blue) #fff;
}

.news-page .iaaeu-select__menu::-webkit-scrollbar {
    width: 0.85rem;
}

.news-page .iaaeu-select__menu::-webkit-scrollbar-track {
    background: #fff;
}

.news-page .iaaeu-select__menu::-webkit-scrollbar-thumb {
    border: 0.2rem solid #fff;
    border-radius: 999px;
    background: var(--news-blue);
}

.news-page .iaaeu-select__menu::-webkit-scrollbar-button:single-button {
    width: 0.85rem;
    height: 0.85rem;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.7rem 0.7rem;
}

.news-page .iaaeu-select__menu::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300386f' d='M8 3l6 8H2z'/%3E%3C/svg%3E");
}

.news-page .iaaeu-select__menu::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2300386f' d='M2 5h12l-6 8z'/%3E%3C/svg%3E");
}

.news-page .iaaeu-select__option {
    color: var(--news-blue);
}

.news-page .iaaeu-select__option:hover,
.news-page .iaaeu-select__option:focus {
    background: var(--news-blue);
    color: #fff;
}

.news-page .news-search .form-control::placeholder {
    color: #617487;
    opacity: 1;
}

.news-page .news-search .form-control:focus,
.news-page .news-year-filter:focus,
.news-page .news-staff-filter:focus,
.news-page .news-search__button:focus-visible {
    border-color: var(--news-blue);
    box-shadow: 0 0 0 0.2rem rgba(0, 56, 111, 0.2);
}

.news-page .news-search__button {
    border-color: var(--news-blue);
    background: var(--news-blue);
    color: #fff;
}

.news-page .news-search__button:hover,
.news-page .news-search__button:focus-visible {
    border-color: var(--news-blue-dark);
    background: var(--news-blue-dark);
    color: #fff;
}

.news-page .news-card {
    overflow: hidden;
    border: 1px solid var(--news-border);
    border-radius: 0.875rem;
    background: #fff;
    box-shadow: 0 0.65rem 1.8rem rgba(0, 56, 111, 0.09);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.news-page .news-card:hover,
.news-page .news-card:focus-within {
    box-shadow: 0 0.85rem 2rem rgba(0, 56, 111, 0.14);
    transform: translateY(-0.2rem);
}

.news-page .news-card__title-link {
    color: inherit;
}

.news-page .news-card__title-link:focus-visible {
    outline: 0;
}

.news-page .news-card__title-link:focus-visible::after {
    border-radius: 0.875rem;
    outline: 2px solid var(--news-blue);
    outline-offset: 0.2rem;
}

.news-page .news-card__content {
    min-width: 0;
}

.news-page .news-card:hover .news-card__title,
.news-page .news-card:hover .news-card__link,
.news-page .news-card:focus-within .news-card__title,
.news-page .news-card:focus-within .news-card__link {
    color: var(--news-blue-dark);
}

.news-card__people {
    z-index: 2;
}

.news-staff-avatar {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--news-blue-light, #edf4fa);
    box-shadow: 0 0.2rem 0.65rem rgba(0, 56, 111, 0.2);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.news-staff-avatar:hover,
.news-staff-avatar:focus-visible {
    z-index: 4;
    box-shadow: 0 0.3rem 0.85rem rgba(0, 56, 111, 0.3);
    outline: 2px solid var(--news-blue, #00386f);
    outline-offset: 0.15rem;
    transform: translateY(-0.1rem);
}

.news-staff-avatar .news-staff-avatar__image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.news-staff-avatar--former .news-staff-avatar__image {
    object-position: center 25%;
}

.news-staff-avatar__tooltip {
    position: absolute;
    bottom: calc(100% + 0.6rem);
    left: 0;
    z-index: 5;
    width: max-content;
    max-width: min(16rem, calc(100vw - 2rem));
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(0, 56, 111, 0.2);
    border-radius: 0.55rem;
    background: #ffffff;
    box-shadow: 0 0.45rem 1rem rgba(20, 39, 68, 0.14);
    color: var(--news-blue, #00386f);
    line-height: 1.25;
    opacity: 0;
    overflow-wrap: anywhere;
    pointer-events: auto;
    transform: translateY(0.2rem);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
    visibility: hidden;
}

.news-staff-avatar__tooltip::before {
    position: absolute;
    right: 0;
    bottom: -0.65rem;
    left: 0;
    height: 0.65rem;
    content: "";
}

.news-staff-avatar__tooltip::after {
    position: absolute;
    bottom: -0.36rem;
    left: 1rem;
    width: 0.7rem;
    height: 0.7rem;
    border-right: 1px solid rgba(0, 56, 111, 0.2);
    border-bottom: 1px solid rgba(0, 56, 111, 0.2);
    background: #ffffff;
    content: "";
    transform: rotate(45deg);
}

.news-staff-avatar:hover .news-staff-avatar__tooltip,
.news-staff-avatar:focus-visible .news-staff-avatar__tooltip,
.news-staff-avatar__tooltip:hover {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.news-page .news-card__excerpt {
    color: var(--news-text);
    overflow-wrap: anywhere;
}

.news-page .news-card__media {
    position: relative;
    min-height: 15rem;
    overflow: hidden;
    background: var(--news-blue-light);
}

.news-page .news-card__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-page .news-card__link {
    color: var(--news-blue);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.16em;
}

.news-page .news-empty {
    border-bottom: 1px solid var(--news-border-light);
}

.news-page .news-pagination .page-link {
    min-width: 2.75rem;
    min-height: 2.75rem;
    border-color: var(--news-border);
    border-radius: 0.45rem;
    color: var(--news-blue);
    text-align: center;
}

.news-page .news-pagination .page-link:hover,
.news-page .news-pagination .page-link:focus-visible,
.news-page .news-pagination .page-item.active .page-link {
    border-color: var(--news-blue);
    background: var(--news-blue);
    color: #fff;
}

.news-page .news-pagination .page-link:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(0, 56, 111, 0.2);
}

.news-page .news-pagination .page-item.disabled .page-link {
    border-color: var(--news-border-light);
    background: #f8fafc;
    color: #718191;
}

@media (max-width: 600px) {
    .news-page .news-toolbar .form-control,
    .news-page .news-toolbar .form-select,
    .news-page .news-toolbar .btn {
        min-height: 2.75rem;
    }

    .news-page .news-card__media {
        min-height: 0;
        aspect-ratio: 5 / 4;
    }

    .news-page .news-pagination .page-link {
        min-width: 2.75rem;
        padding-right: 0.65rem;
        padding-left: 0.65rem;
    }
}

@media (min-width: 601px) and (max-width: 1199px) {
    .news-page .news-card__media {
        min-height: 16rem;
    }
}

@media (min-width: 1200px) {
    .news-page .news-card__media {
        min-height: 18rem;
    }
}