.product-related-articles { margin-top: var(--space-7); }
.product-related-articles__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.product-related-articles__card { display: flex; min-width: 0; flex-direction: column; border: var(--border-default); background: var(--color-surface); }
.product-related-articles__media { display: block; overflow: hidden; aspect-ratio: 1200 / 630; background: var(--color-surface-soft); }
.product-related-articles__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-related-articles__media:focus-visible, .product-related-articles__title a:focus-visible, .product-related-articles__read:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.product-related-articles__body { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: var(--space-2); padding: var(--space-5); }
.product-related-articles__topic, .product-related-articles__date { margin: 0; color: var(--color-text-secondary); font-size: 13px; }
.product-related-articles__topic { color: var(--color-brand-green); font-weight: 700; }
.product-related-articles__title { margin: 0; font-size: 22px; line-height: 1.3; overflow-wrap: anywhere; }
.product-related-articles__title a { color: inherit; text-decoration: none; }
.product-related-articles__excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--color-text-secondary); font-size: 15px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-related-articles__read { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; margin-top: auto; padding: var(--space-2) 0; color: var(--color-brand-green); font-weight: 700; overflow-wrap: anywhere; }
@media (min-width: 768px) { .product-related-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .product-related-articles__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }