/* Layer 52: harmonized article cards; inherits Prosto Studio design tokens. */
.article-page .article-preview-grid{align-items:stretch;gap:22px}
.article-page .article-teaser{min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.article-page .article-teaser-image{display:block;aspect-ratio:1672/941;height:auto;background:#edf2eb;overflow:hidden;position:relative}
.article-page .article-teaser-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.article-page .article-teaser-copy{padding:23px;min-width:0}
.article-page .article-teaser-copy h3{line-height:1.36;text-wrap:pretty}
.article-page .article-teaser-copy p{line-height:1.68}
.article-page .article-teaser-copy .text-link{margin-top:auto}
@media(hover:hover) and (pointer:fine){
 .article-page .article-teaser:hover{transform:translateY(-3px);border-color:#c6d8c9;box-shadow:0 15px 38px rgba(12,35,27,.07)}
 .article-page .article-teaser:hover .article-teaser-image img{transform:scale(1.035)}
}
@media(max-width:760px){.article-page .article-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-page .article-teaser-copy{padding:18px}}
@media(max-width:550px){.article-page .article-preview-grid{grid-template-columns:1fr}.article-page .article-teaser-copy{padding:21px}}
@media(prefers-reduced-motion:reduce){.article-page .article-teaser,.article-page .article-teaser-image img{transition:none}}