.article-page .fw-100 { font-weight: 100; }
.article-page .fw-200 { font-weight: 200; }
.article-page .fw-300 { font-weight: 300; }
.article-page .fw-400 { font-weight: 400; }
.article-page .fw-500 { font-weight: 500; }
.article-page .fw-600 { font-weight: 600; }
.article-page .fw-700 { font-weight: 700; }
.article-page .fw-800 { font-weight: 800; }
.article-page .fw-900 { font-weight: 900; }

.article-page lead {
    font-weight: 700;
    color: #444444;
}

.article-page .text-third {
    color: #444444;
}



.article-page .text-justify {
    text-align: justify !important;
}

.article-gallery-block {
    margin-bottom: 1rem;
}

.article-gallery-preview {
    display: grid;
    gap: 6px;
    margin: 24px 0 4px;
}

.article-gallery-preview.article-gallery-count-4 {
    grid-template-columns: repeat(4, 1fr);
}

.article-gallery-preview.article-gallery-count-3 {
    grid-template-columns: repeat(3, 1fr);
}

.article-gallery-preview.article-gallery-count-2 {
    grid-template-columns: repeat(2, 1fr);
}

.article-gallery-preview.article-gallery-count-1 {
    grid-template-columns: 1fr;
}

.article-gallery-tile {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
}

.article-gallery-tile img {
    width: 100%;
    display: block;
}

.article-gallery-more {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, .55);
    color: #ffffff;
    font-size: 62px;
    font-weight: 700;
}

.article-gallery-block .text-muted.small {
    margin-top: 0;
}

.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .9);
    padding: 24px;
}

.gallery-lightbox.is-open {
    display: flex;
}

.gallery-lightbox figure {
    margin: 0;
    max-width: min(1100px, 88vw);
    max-height: 88vh;
}

.gallery-lightbox img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: 0 auto;
}

.gallery-lightbox figcaption {
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.gallery-lightbox-close,
.gallery-lightbox-prev,
.gallery-lightbox-next {
    position: absolute;
    border: 0;
    background: rgba(255, 255, 255, .15);
    color: #ffffff;
    cursor: pointer;
}

.gallery-lightbox-close {
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    font-size: 34px;
    line-height: 1;
}

.gallery-lightbox-prev,
.gallery-lightbox-next {
    top: 50%;
    width: 52px;
    height: 72px;
    transform: translateY(-50%);
    font-size: 56px;
    line-height: 1;
}

.gallery-lightbox-prev {
    left: 18px;
}

.gallery-lightbox-next {
    right: 18px;
}

.gallery-lightbox-open {
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .article-gallery-preview.article-gallery-count-4,
    .article-gallery-preview.article-gallery-count-3,
    .article-gallery-preview.article-gallery-count-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .article-gallery-preview.article-gallery-count-1 {
        grid-template-columns: 1fr;
    }

    .article-gallery-more {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .article-gallery-preview.article-gallery-count-4,
    .article-gallery-preview.article-gallery-count-3,
    .article-gallery-preview.article-gallery-count-2,
    .article-gallery-preview.article-gallery-count-1 {
        grid-template-columns: 1fr;
    }

    .gallery-lightbox-prev,
    .gallery-lightbox-next {
        width: 42px;
        height: 58px;
        font-size: 44px;
    }
}

.article-gallery-tile {
    overflow: visible;
}

.article-audio {
    width: 100%;
    display: block;
    margin: 5px 0;
}
.article-media img,
.article-video,
.article-gallery-tile,
.article-gallery-tile img,
.article-thread-img {
    border-radius: 0;
    transform: none;
    box-shadow: none;
    opacity: 1;
    transition: none;
}
.article-image-row {
    display: grid;
    gap: 6px;
    margin: 24px 0 4px;
}

.article-image-row-1 {
    grid-template-columns: 1fr;
}

.article-image-row-2 {
    grid-template-columns: repeat(2, 1fr);
}

.article-image-row-3 {
    grid-template-columns: repeat(3, 1fr);
}

.article-image-row-4 {
    grid-template-columns: repeat(4, 1fr);
}

.article-image-row .article-media {
    margin: 0;
}

.article-image-row img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .article-image-row-3,
    .article-image-row-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .article-image-row-2,
    .article-image-row-3,
    .article-image-row-4 {
        grid-template-columns: 1fr;
    }
}
.article-media img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.ad-popup-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, .72);
}

.ad-popup-backdrop.is-hidden {
    display: none;
}

.ad-popup-dialog {
    position: relative;
    max-width: min(920px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
}

.ad-popup-dialog a,
.ad-popup-dialog img {
    display: block;
}

.ad-popup-dialog img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 48px);
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .ad-popup-backdrop {
        padding: 14px;
    }

    .ad-popup-dialog {
        position: relative;
        max-width: calc(100vw - 28px);
        max-height: calc(100vh - 28px);
    }

    .ad-popup-dialog img {
        max-height: calc(100vh - 28px);
    }
}
.ad-popup-countdown {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 0, 0, .68);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.ad-popup-countdown.is-close {
    cursor: pointer;
    pointer-events: auto;
}
.article-gallery-mobile {
    display: none;
}

.article-gallery-mobile-item {
    width: 100%;
    margin: 0 0 6px;
}

.article-gallery-mobile-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    .article-gallery-preview-desktop {
        display: none !important;
    }

    .article-gallery-mobile {
        display: block;
        width: 100%;
    }
}

.article-sidebar-sticky {
    position: sticky;
    top: 86px;
}

.article-sidebar-sticky img {
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 140px);
    object-fit: contain;
}
.article-custom-ad,
.article-custom-ad a,
.article-custom-ad picture {
    display: block;
}

.article-custom-ad img {
    transition: none;
    transform-origin: center;
}

@media (hover: hover) and (pointer: fine) {
    .article-custom-ad:hover img {
        transform: none;
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-custom-ad img {
        transition: none;
    }

    .article-custom-ad:hover img {
        transform: none;
    }
}
.article-page{overflow-wrap:anywhere}.article-page img{max-width:100%;height:auto}.article-content iframe{width:100%;min-height:360px;border:0}.article-content video,.article-content audio{width:100%}
.article-content .lead{font-size:var(--theme-font-size-xl);line-height:1.65}.article-media img{display:block;width:100%;height:auto}.article-thread-img{aspect-ratio:16/9;object-fit:cover}.article-custom-ad img{border-radius:2px}
@media(max-width:767px){.article-content iframe{min-height:220px}}
/* Match lead line spacing to the remaining article text blocks. */
.article-page article>p.fs-xl.fw-bold{line-height:1.65}

/* Bold introduction uses the same line height as article text blocks. */
.article-page .article-lead{line-height:1.65;font-weight:700}

/* Justified article title with a slightly tighter line height. */
.article-page .article-title{text-align:justify;line-height:1.1}

/* Explicit lead justification and compact title, also for older header markup. */
.article-page .article-lead{text-align:justify;line-height:1.65;font-weight:700}
.article-page .article-title,.article-page #lobez-article-promotions-title>h1{text-align:justify;line-height:1.05!important}

/* Tighter titles in related articles. */
.article-page .article-thread-item h3{line-height:1.1}

.article-link-icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}

/* Emphasize article text links on hover and keyboard focus. */
.article-content a.text-dark.text-decoration-none:hover,.article-content a.text-dark.text-decoration-none:focus-visible{font-weight:700}

.article-page .article-title,.article-page #lobez-article-promotions-title>h1{text-align:left!important}

/* Article banners always fill their own column, at every viewport width. */
.article-page article,.article-page .article-ad-sidebar{min-width:0}
.article-page .article-custom-ad,.article-page .article-custom-ad>a,.article-page .article-custom-ad picture,.article-page .article-ad-sidebar>a{display:block;width:100%;max-width:100%}
.article-page .article-custom-ad img,.article-page .article-ad-sidebar img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}
/* Auto Ads can insert siblings between the article and the sidebar. Pin the
   two editorial columns to the same desktop row; inserted ads get a full row. */
@media(min-width:992px){
 .article-page>.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start}
 .article-page>.article-layout>article{grid-column:1;grid-row:1;width:100%;min-width:0}
 .article-page>.article-layout>.article-ad-sidebar{grid-column:2;grid-row:1;width:100%;min-width:0}
 .article-page>.article-layout>:not(article):not(.article-ad-sidebar){grid-column:1 / -1;min-width:0;max-width:100%}
 .article-page>.article-layout-wide{grid-template-columns:minmax(0,1fr)}
}
/* Keep the whole poster video visible inside a black 16:9 player. */
.article-page .article-poster-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}

.article-poster-player{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:#000}
.article-poster-background{position:absolute;inset:0;width:100%;height:100%;filter:blur(18px) brightness(.65);transform:scale(1.12);pointer-events:none;visibility:hidden}
.article-poster-player.has-video-background .article-poster-background{visibility:visible}
.article-page .article-poster-player>.article-poster-video{position:relative;z-index:1;height:100%}
.article-page .article-poster-player.has-video-background>.article-poster-video{background:transparent}

.article-poster-photo{position:relative}
.article-poster-photo>img{display:block}
.article-photo-brand{position:absolute;left:0;bottom:0;width:100%;padding:6%;pointer-events:none;line-height:0}
.article-page .article-photo-brand>img{display:block;width:22%;min-width:80px;max-width:180px;height:auto;object-fit:contain}

/* Print only the NGO article; screen and other sections retain their layouts. */
@media print{
 body.article-print-ngo{background:#fff!important;color:#111!important;overflow:visible!important}
 body.article-print-ngo>:not(main){display:none!important}
 body.article-print-ngo .no-print,
 body.article-print-ngo .article-ad-sidebar,
 body.article-print-ngo .article-custom-ad,
 body.article-print-ngo .article-thread,
 body.article-print-ngo .article-content aside:has(.article-thread-item),
 body.article-print-ngo .google-auto-placed,
 body.article-print-ngo ins.adsbygoogle{display:none!important}
 body.article-print-ngo>.article-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 body.article-print-ngo .article-layout{display:block!important;margin:0!important}
 body.article-print-ngo .article-layout>:not(article){display:none!important}
 body.article-print-ngo .article-layout>article{width:100%!important;max-width:none!important;padding:0!important;float:none!important}
 body.article-print-ngo h1,body.article-print-ngo h2,body.article-print-ngo h3{break-after:avoid}
 body.article-print-ngo figure,body.article-print-ngo .article-gallery-mobile-item{break-inside:avoid}
 body.article-print-ngo .article-gallery-preview-desktop{display:none!important}
 body.article-print-ngo .article-gallery-mobile{display:block!important}
}