/* This stylesheet is in the initial HTML of both editorial layouts. */
@media (min-width:1180px) and (max-width:1339px) {
    main[data-beco-article-layout="1"] { padding-inline:140px !important; }
}
@media (min-width:1340px) and (max-width:1499px) {
    main[data-beco-article-layout="1"] { padding-inline:170px !important; }
}
main[data-beco-article-layout] :is(.article-ad, .ba-ad-slot) {
    --article-ad-height:250px;
    box-sizing:border-box;
    position:relative;
    display:grid !important;
    place-items:center;
    width:100% !important;
    max-width:970px;
    min-height:var(--article-ad-height) !important;
    margin:32px auto !important;
    overflow:visible;
}
main[data-beco-article-layout] :is(.article-ad-top,.article-ad-bottom) {
    --article-ad-height:90px;
    max-width:728px;
}
main[data-beco-article-layout] .article-ad-unit {
    display:block;
    width:100%;
    height:var(--article-ad-height);
    margin:0;
}
.article-ad-recommendation {
    display:block;
    padding:1rem;
    color:inherit;
    font-weight:600;
    text-align:center;
}
@media (max-width:767px) {
    main[data-beco-article-layout] .article-ad-top { display:none !important; }
    main[data-beco-article-layout] .article-ad-bottom { --article-ad-height:100px; }
}
/* The legacy hero image is cropped by its CDN to 1440 × 756. */
main[data-beco-article-layout] > img[src*="w=1440,h=756"] {
    aspect-ratio:1440 / 756;
    height:auto;
}
