.center {
    text-align: center;
}

.main-news-div-thumb {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}

.main-news-thumb {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.col-xl-1-4 {
    flex: 0 0 auto;
    width: 20%;
}

@media (max-width: 1199.98px) {
    .col-xl-1-4 {
        width: 25%;
    }
}

@media (max-width: 991.98px) {
    .col-xl-1-4 {
        width: 33.333333%;
    }
}

@media (max-width: 767.98px) {
    .col-xl-1-4 {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .col-xl-1-4 {
        width: 100%;
    }
}

.dropdown-mega .dropdown-mega-sub-nav > li > a {
    white-space: normal;
    word-wrap: break-word;
}

.dropdown-mega .dropdown-mega-sub-title {
    white-space: normal;
    word-wrap: break-word;
}

/* Gallery cards preserve the news title's original capitalization. */
.news-photo-gallery .gallery-album-title,
.news-photo-gallery .gallery-album-title a {
    font-size: 16px;
    line-height: 1.5;
    text-transform: none;
}

/* Production title links: dotted normally, solid on hover/focus.
   News and figure listings remain unadorned until interaction, as on .org. */
.main :is(h1, h2, h3, h4, h5, h6) a {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}
.main article.post h2 a,
.main .figure-list h3 a {
    text-decoration: none;
}
.main :is(h1, h2, h3, h4, h5, h6) a:hover,
.main :is(h1, h2, h3, h4, h5, h6) a:focus-visible,
.main article.post h2 a:hover,
.main article.post h2 a:focus-visible,
.main .figure-list h3 a:hover,
.main .figure-list h3 a:focus-visible {
    text-decoration-line: underline;
    text-decoration-style: solid;
}

/* Apply the language-aware family to Bootstrap controls and mixed-language text. */
body {
    --bs-body-font-family: var(--site-font);
    font-family: var(--site-font);
}
:lang(hyw), :lang(hy) {
    --site-font: 'Noto Sans Armenian', 'Inter', Arial, sans-serif;
}
:lang(en), :lang(es) {
    --site-font: 'Inter', 'Noto Sans Armenian', Arial, sans-serif;
}
input, select, textarea, button {
    font-family: var(--site-font);
}

[lang="hyw"], [lang="hy"], [lang="en"], [lang="es"] {
    font-family: var(--site-font);
}

/* Aligned news tiles in every language: image, two title lines, four excerpt lines. */
.news-feed-grid .news-feed-card { height: 100%; }
.news-feed-grid .main-news-div-thumb {
    width: 100%; max-width: none; aspect-ratio: 16 / 9;
    margin: 0; background: #fff; overflow: hidden;
}
.news-feed-grid .main-news-div-thumb > a { display: block; width: 100%; height: 100%; }
.news-feed-grid .main-news-thumb {
    display: block; width: 100%; height: 100%; object-fit: cover;
    object-position: center; padding: 0; border: 0; border-radius: 0;
}
.news-feed-grid .main-news-thumb.news-image-contain { object-fit: contain; padding: 8px; }
.news-feed-grid .news-feed-title {
    font-size: 17px; font-weight: 600; line-height: 1.5;
    letter-spacing: normal; text-transform: none;
    margin: 16px 0 10px; height: 3em;
}
.news-feed-grid .news-feed-title a {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; overflow-wrap: anywhere; line-height: inherit;
}
.news-feed-grid .news-feed-excerpt {
    font-size: 15px; line-height: 1.7; height: 6.8em; margin: 0 0 12px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
    overflow: hidden; overflow-wrap: anywhere;
}
.news-feed-grid .news-feed-more { display: inline-block; margin-bottom: 8px; font-size: 14px; }
.news-feed-grid .post-content > small { display: block; }