.itti-insight-archive .itti-catalog-heading { background: #f0f5ff; }
.itti-catalog-heading nav { margin-bottom: 28px; font-size: 15px; color: #5c5c5c; }
.itti-catalog-heading .eyebrow { display: inline-block; margin-bottom: 16px; }
.itti-catalog-heading h1 { color: #4786ff; margin: 0; overflow-wrap: anywhere; }
.itti-catalog-heading .insights-document-rich { max-width: 900px; margin-top: 24px; }
.itti-catalog-listing .insights-document-item h2 { font-size: 24px; line-height: 1.4; color: #00719c; margin: 0 0 16px; overflow-wrap: anywhere; }
.itti-catalog-listing .insights-document-item h2 a { color: inherit; text-decoration: none; }
.itti-catalog-listing .insights-document-photo { display: block; width: 100%; }
.itti-catalog-listing .insights-document-meta a { padding: 5px 10px; border-radius: 6px; background: #eff5ff; color: #00719c; text-decoration: none; }
.itti-catalog-return { margin-top: 40px; }
.itti-catalog-pagination { grid-column: 1 / -1; }
.itti-insight-archive .pagination,.itti-catalog-pagination { margin-top: 36px; }
.itti-insight-archive .nav-links,.itti-catalog-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.itti-insight-archive .page-numbers,.itti-catalog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid #cbdafa; border-radius: 8px; background: #fff; color: #00719c; }
.itti-insight-archive .page-numbers.current,.itti-catalog-pagination .page-numbers.current { color: #fff; background: #00719c; }
.spreadsheet-menu-link[aria-disabled="true"] { color: #6b7d94; cursor: default; }
@media(max-width:700px) { .itti-catalog-listing .insights-document-item h2 { font-size: 22px; } }
.page-insights .itti-catalog-browse > div:first-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.page-insights .itti-catalog-browse > div:last-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.itti-catalog-browse a,.itti-catalog-browse span { display: inline-flex; padding: 10px 20px; color: #fff; font-weight: 600; line-height: 1.5; }
.itti-catalog-browse > div:last-child a { border: 1px solid #fabc05; border-radius: 24px; }
.itti-catalog-browse a:hover,.itti-catalog-browse a:focus-visible { color: #fabc05; }

.itti-catalog-listing .insights-document-photo { height: auto; aspect-ratio: 2.4 / 1; }

/* Live hub filters; other archive/browse links keep their existing presentation. */
#articles .itti-catalog-browse a[aria-current="true"] { color: #fabc05; }
#articles .itti-catalog-browse > div:first-child a[aria-current="true"] { box-shadow: inset 0 -3px #fabc05; }
#articles .itti-catalog-browse > div:last-child a[aria-current="true"] { background: #fabc05; color: #003e55; }
#articles .itti-catalog-browse a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#articles .itti-filter-status { min-height: 1.5em; margin: 0 0 20px; text-align: center; color: #fff; }
#articles.is-loading #insights-results { opacity: .5; pointer-events: none; }
#articles #insights-results { scroll-margin-top: 100px; }
#articles .itti-catalog-empty { grid-column: 1 / -1; color: #fff; text-align: center; padding: 40px 16px; }
#articles .itti-filter-retry { margin: 0 auto 20px; border: 1px solid #fabc05; border-radius: 24px; padding: 10px 24px; background: #fabc05; color: #003e55; cursor: pointer; }
#articles .itti-filter-retry:not([hidden]) { display: block; }

#articles .itti-filter-status:empty { display: none; }

/* Keep full and incomplete result rows centered at the existing breakpoints. */
#articles #insights-results { display: flex; flex-wrap: wrap; justify-content: center; --itti-result-gap: 30px; gap: var(--itti-result-gap); }
#articles #insights-results > article { flex: 0 1 calc((100% - 2 * var(--itti-result-gap)) / 3); min-width: 0; }
#articles #insights-results > .itti-catalog-pagination,
#articles #insights-results > .itti-catalog-empty { flex: 0 0 100%; }
@media (max-width: 1100px) { #articles #insights-results > article { flex-basis: calc((100% - var(--itti-result-gap)) / 2); } }
@media (max-width: 700px) { #articles #insights-results { --itti-result-gap: 24px; } #articles #insights-results > article { flex-basis: 100%; } }
