.ai-news-archive {
    min-height: 70vh;
    padding: 80px 16px 80px;
    background: #000;
    color: #fff;
}
.ai-news-archive__container { width: 100%; max-width: 1280px; margin: 0 auto; }
.ai-news-archive a { text-decoration: none; }
.ai-news-archive a:hover { color: #93c5fd; }
.ai-news-archive a:focus-visible { outline: 2px solid #60a5fa; outline-offset: 5px; }
.ai-news-archive__header { padding: 24px 0 64px; text-align: center; border-bottom: 1px solid #292d36; }
.ai-news-archive__header h1 { margin: 0 0 24px; font-size: clamp(36px, 5vw, 60px); line-height: 1.15; font-weight: 700; }
.ai-news-archive__title-text { display: inline-block; color: #93c5fd; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .ai-news-archive__title-text { background: linear-gradient(to right, #60a5fa, #a855f7, #ec4899); background-clip: text; -webkit-background-clip: text; color: transparent; }
}
.ai-news-archive__header p { max-width: 896px; margin: 0 auto; color: #d1d5db; font-size: 20px; line-height: 1.7; }
.ai-news-archive__item { padding: 36px 0; border-bottom: 1px solid #292d36; overflow-wrap: anywhere; }
.ai-news-archive__headline { margin: 0 0 12px; color: #93c5fd; font-size: 26px; line-height: 1.4; font-weight: 700; }
.ai-news-archive__headline a { color: inherit; }
.ai-news-archive__headline a:hover { color: #bfdbfe; }
.ai-news-archive__summary { margin: 0; padding-inline-start: 20px; color: #d1d5db; font-size: 16px; line-height: 1.85; white-space: pre-line; }
.ai-news-archive__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; color: #9ca3af; font-size: 13px; line-height: 1.7; }
.ai-news-archive__date time { display: inline-flex; align-items: center; gap: 7px; padding: 3px 0; font-variant-numeric: tabular-nums; }
.ai-news-archive__source { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ai-news-archive__source > span { min-width: 0; }
.ai-news-archive__meta-icon { flex: 0 0 16px; color: #9ca3af; }
.ai-news-archive__source a { color: #60a5fa; }
.ai-news-archive__footer { padding-top: 40px; text-align: center; }
.ai-news-archive__pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ai-news-archive__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px; box-sizing: border-box; border: 1px solid #374151; border-radius: 12px; background: #111318; color: #d1d5db; }
.ai-news-archive__pagination a:hover { border-color: #60a5fa; color: #93c5fd; }
.ai-news-archive__pagination .current { background: linear-gradient(135deg, #2563eb, #7c3aed); border-color: #6366f1; color: #fff; }
.ai-news-archive__pagination .disabled { opacity: .4; }
.ai-news-archive__pagination .dots { min-width: 20px; padding: 0; border: 0; background: transparent; }
.ai-news-archive__count { margin-top: 20px; color: #9ca3af; font-size: 14px; }
.ai-news-archive__empty { padding: 64px 0; text-align: center; color: #9ca3af; }
.ai-news-archive__empty h2 { margin-bottom: 12px; font-size: 24px; color: #fff; }
.ai-news-archive__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
    .ai-news-archive { padding: 80px 16px 48px; }
    .ai-news-archive__header { padding: 16px 0 40px; }
    .ai-news-archive__header h1 { margin-bottom: 16px; }
    .ai-news-archive__header p { font-size: 16px; }
    .ai-news-archive__item { padding: 28px 0; }
    .ai-news-archive__headline { font-size: 21px; line-height: 1.45; }
    .ai-news-archive__meta { margin-top: 14px; gap: 8px 12px; }
    .ai-news-archive__summary { padding-inline-start: 12px; font-size: 15px; line-height: 1.8; }
    .ai-news-archive__pagination { gap: 4px; }
}

/* Date groups provide a reading rhythm without changing pagination. */
.ai-news-archive__date-group { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 40px; padding: 36px 0; border-bottom: 1px solid #374151; }
.ai-news-archive__date { margin: 0; padding-top: 4px; color: #d1d5db; font-size: 15px; font-weight: 600; line-height: 1.6; }
.ai-news-archive__date time { align-items: flex-start; }
.ai-news-archive__date .ai-news-archive__meta-icon { margin-top: 4px; color: #60a5fa; }
.ai-news-archive__date-items { min-width: 0; }
.ai-news-archive__date-items .ai-news-archive__item { padding: 28px 0; }
.ai-news-archive__date-items .ai-news-archive__item:first-child { padding-top: 0; }
.ai-news-archive__date-items .ai-news-archive__item:last-child { padding-bottom: 0; border-bottom: 0; }
@media (max-width: 900px) {
    .ai-news-archive__date-group { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 28px 0; }
    .ai-news-archive__date { padding-top: 0; }
}
