/* Arabic newspaper-style article archive. */
.editorial-list--newspaper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px 20px;
    direction: rtl;
    padding-top: 6px;
}

.editorial-card {
    min-width: 0;
    background: transparent;
    transition: opacity .2s ease;
}

.editorial-card:hover {
    opacity: .82;
}

.editorial-card__link { display: block; color: inherit; text-decoration: none; }
.editorial-card__media { position: relative; aspect-ratio: 16 / 10; margin: 0; overflow: hidden; background: #edf0f7; }
.editorial-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.editorial-card:hover .editorial-card__media img { transform: scale(1.035); }

.editorial-card__section {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    color: #fff;
    background: #27318b;
    font-family: Cairo, Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
}

.editorial-card__body { padding: 9px 2px 7px; }
.editorial-card__title {
    display: -webkit-box;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    color: #202020;
    font-family: Cairo, Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.68;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.editorial-card__meta { display: flex; align-items: center; gap: 6px; margin-top: 6px; color: #79808b; font-size: 10px; }
.editorial-card__meta i { color: #27318b; font-size: 12px; }
.editorial-card__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 7px; color: #27318b; font-size: 11px; font-weight: 700; }
.editorial-card__excerpt { display: none; }

/* Compact related-article cards used below article detail pages. */
.related-editorial { margin-top: 42px; padding-top: 24px; border-top: 1px solid #e4e6eb; }
.related-editorial__title { margin: 0 0 18px; color: #27318b; font-family: Cairo, Tahoma, Arial, sans-serif; font-size: 21px; font-weight: 700; line-height: 1.4; }
.related-editorial__grid { padding-top: 0; }
.related-editorial__grid .editorial-card__section { font-size: 10px; }
.related-editorial__grid .editorial-card__title { font-size: 13px; }

/* The latest article gets a full-width newspaper lead treatment. */
.editorial-card--lead {
    grid-column: 1 / -1;
    border-top-width: 4px;
    border-top: 4px solid #27318b;
    background: #fff;
    box-shadow: 0 2px 9px rgba(24, 33, 63, .08);
}

.editorial-card--lead .editorial-card__link {
    display: grid;
    grid-template-columns: minmax(175px, 31%) 1fr;
    direction: rtl;
    min-height: 160px;
}

.editorial-card--lead .editorial-card__media { aspect-ratio: auto; height: 100%; min-height: 160px; }
.editorial-card--lead .editorial-card__body { display: flex; flex-direction: column; justify-content: center; padding: 14px 20px; }
.editorial-card--lead .editorial-card__title { min-height: 0; font-size: 19px; line-height: 1.55; -webkit-line-clamp: 2; }
.editorial-card--lead .editorial-card__excerpt {
    display: -webkit-box;
    margin: 5px 0 0;
    overflow: hidden;
    color: #535966;
    font-size: 11px;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.editorial-card--lead .editorial-card__meta { margin-top: 8px; }

@media screen and (max-width: 980px) {
    .editorial-list--newspaper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .editorial-card--lead .editorial-card__title { font-size: 18px; }
}

@media screen and (max-width: 620px) {
    .editorial-list--newspaper { grid-template-columns: 1fr; gap: 16px; }
    .editorial-card--lead .editorial-card__link { display: block; }
    .editorial-card--lead .editorial-card__media { aspect-ratio: 16 / 10; min-height: 0; }
    .editorial-card--lead .editorial-card__body { padding: 14px; }
    .editorial-card--lead .editorial-card__title { font-size: 18px; }
}