/* About Us - Latest News & Articles (Owner 2026-10-16). Uses the page's own tokens; six cards in three columns, two on tablets, one on phones. */
.company-articles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
.company-article-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border-subtle); background: var(--bg-card); }
.company-article-media { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.company-article-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.company-article-media-empty { background: linear-gradient(135deg, var(--bg-card), var(--border-subtle)); }
.company-article-body { display: flex; flex-direction: column; gap: 8px; padding: 20px; flex: 1; }
.company-article-meta { margin: 0; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; color: var(--accent); }
.company-article-body h3 { margin: 0; font-size: 1.05rem; line-height: 1.35; overflow-wrap: anywhere; }
.company-article-body h3 a { color: inherit; text-decoration: none; }
.company-article-body h3 a:hover, .company-article-body h3 a:focus-visible { text-decoration: underline; }
.company-article-summary { margin: 0; color: var(--text-secondary); font-size: .9rem; line-height: 1.6; }
.company-article-more { margin-top: auto; font-size: .85rem; font-weight: 600; color: var(--accent); text-decoration: none; }
.company-articles-empty { margin-top: 20px; color: var(--text-secondary); }
.company-articles-band .history-actions { margin-top: 24px; }
@media (max-width: 900px) { .company-articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .company-articles-grid { grid-template-columns: 1fr; } }