/* Shared editorial cards: lists, homepage and related articles. */
.article-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.art-card{display:flex;flex-direction:column;min-width:0;height:100%;color:var(--ink)}
.art-card .ph{aspect-ratio:16/9;flex:none;overflow:hidden;background:var(--tint)}
.art-card .ph img{display:block;width:100%;height:100%;object-fit:cover}
.art-card .bd{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;min-width:0;padding:24px}
.art-card .k{font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--brand-600)}
.art-card .source-language{max-width:100%;width:auto;margin:0;font-size:12px;white-space:normal}
.art-card h3{margin:0;font-size:20px;line-height:1.4;min-height:4.2em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.art-card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.art-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:8px}
.art-date{font-size:13px;color:var(--muted)}
.art-card .read{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.5;color:var(--brand)}
.art-card:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.art-card.art-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);height:auto;align-items:stretch}
.art-card.art-featured .ph{aspect-ratio:auto;min-height:300px;position:relative}
.art-card.art-featured .ph img{position:absolute;inset:0}
.art-card.art-featured .bd{padding:32px}
.art-card.art-featured h3{font-size:28px;line-height:1.3;min-height:0;-webkit-line-clamp:4}
.art-card.art-featured p{-webkit-line-clamp:5}
.art-card.art-featured.art-no-image .ph{display:none}
/* Keep failed lazy thumbnails in-flow so pagination cannot jump under a pointer. */
.art-card .art-placeholder,.art-card.art-image-unavailable .ph{background:var(--tint) url('/img/landing/article-placeholder.svg') center/cover no-repeat}
.art-card.art-image-unavailable .ph img{visibility:hidden}
.art-card.art-featured.art-no-image .bd{border-top:4px solid var(--brand)}
.art-card.art-featured.art-no-image{grid-template-columns:minmax(0,1fr)}
.art-card.art-featured.art-no-image .bd{max-width:100%}
.article-categories{gap:8px;flex-wrap:wrap}
.article-categories a{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;white-space:normal;line-height:1.4}
.article-categories a[aria-current="page"]{border-color:var(--brand);background:var(--tint);color:var(--brand);font-weight:700}
.site-footer .fhead{font-size:14px;line-height:1.5;min-width:0}
.site-footer .fcol a{display:block;white-space:normal;overflow-wrap:anywhere;padding:4px 0}
.site-footer .fbottom-language{width:100%;margin:0;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:1000px){.article-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .article-cards-grid{grid-template-columns:minmax(0,1fr)}
  .art-card.art-featured{grid-template-columns:minmax(0,1fr)}
  .art-card.art-featured .ph{aspect-ratio:16/9;min-height:0}
  .art-card.art-featured .ph img{position:static}
  .art-card.art-featured .bd{padding:24px!important}
  .art-card.art-featured h3{font-size:24px!important}
  .site-footer .fcol ul{gap:2px}
  .site-footer .fcol a{min-height:44px;display:flex;align-items:center}
}
