.ad-articles { min-height: 65vh; }
.ad-articles__intro { margin-top: 24px; max-width: 640px; color: var(--ad-color-text-secondary); font-size: 18px; line-height: 1.6; }
.ad-articles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ad-articles__card { height: 100%; border: 1px solid var(--ad-color-hairline); border-radius: 8px; overflow: hidden; }
.ad-articles__image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ad-articles__body { padding: 28px; }
.ad-articles__date { color: var(--ad-color-text-meta); font-size: 13px; }
.ad-articles__card h2 { margin-top: 16px; font-size: 24px; line-height: 1.35; overflow-wrap: anywhere; }
.ad-articles__card h2 a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.ad-articles__card p { margin-top: 20px; color: var(--ad-color-text-secondary); line-height: 1.7; overflow-wrap: anywhere; }
.ad-articles__empty { color: var(--ad-color-text-secondary); padding-block: 24px; }
.ad-articles .pagination { margin-top: 40px; }
.ad-articles .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.ad-articles .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ad-color-hairline); }
.ad-articles .page-numbers.current { background: var(--ad-color-accent); color: var(--ad-color-bg); }
@media (max-width: 1000px) { .ad-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ad-articles__grid { grid-template-columns: minmax(0, 1fr); } .ad-articles__body { padding: 24px; } }