/* Archive navigation and the lower horizontal post list. */
@media (max-width: 849px) {
    .tts-post-layout > .col { padding-inline: 8px !important; padding-bottom: 8px; }
    .tts-news-archive-header > .row > .col { padding-inline: 8px; }
}
.tts-news-archive-header { margin-bottom: 30px; }
.tts-news-archive-header > .row > .col { padding-bottom: 0; }
.tts-news-breadcrumb { margin-bottom: 28px; font-size: 14px; line-height: 1.6; }
.tts-news-breadcrumb p { margin: 0; }
.tts-news-breadcrumb a { color: inherit; }
.tts-news-breadcrumb a:hover { color: #C9252C; }
.tts-news-archive-header .page-title { margin: 0 0 28px; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: normal; text-transform: uppercase; }
.tts-news-archive-header .category-menu { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.tts-news-archive-header .category-menu li { margin: 0; padding: 0; }
.tts-category-navigation { position: relative; min-width: 0; }
.tts-news-archive-header .category-menu a { box-sizing: border-box; display: flex; justify-content: center; align-items: center; height: 38px; padding: 0 20px; border: 1px solid #e2e2e2; border-radius: 4px; background: #fff; color: #111; font-size: 13px; font-weight: 700; line-height: 15px; }
#main .tts-news-archive-header .category-menu a::after { content: none; }
.tts-news-archive-header .category-menu a:hover,
.tts-news-archive-header .category-menu .active a { border-color: #C9252C; color: #C9252C; background: #fff8f8; }
.tts-news-archive-header .category-menu a:focus-visible,
.tts-archive-post a:focus-visible { outline: 2px solid #C9252C; outline-offset: 3px; }
.bottom-section.tts-news-list { padding: 20px; border: 1px solid #e6e6e6; border-radius: 4px; box-shadow: none; background: #fff; }
.tts-news-list .tts-archive-post { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr); gap: 30px; align-items: center; padding: 20px 0; margin: 0; border-bottom: 1px solid #e2e2e2; }
.tts-news-list .tts-archive-post:first-child { padding-top: 0; }
.tts-news-list .tts-archive-post:last-of-type { border-bottom: 0; padding-bottom: 0; }
.tts-archive-post-image { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 4px; background: #f3f3f3; }
.tts-archive-post-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tts-archive-image-placeholder { display: block; width: 100%; height: 100%; background: #f3f3f3; }
.tts-archive-post-body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; }
.tts-archive-post .tts-archive-post-title { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; text-transform: none; }
.tts-archive-post-title a { color: #111; }
.tts-archive-post-title a:hover { color: #C9252C; }
.tts-archive-post .tts-archive-post-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 15px; font-weight: 400; line-height: 1.6; }
.tts-archive-post .tts-archive-post-date { display: flex; align-items: center; gap: 10px; margin: 4px 0; font-size: 14px; line-height: 1.5; color: #111; }
.tts-archive-post-date svg { flex: 0 0 18px; width: 18px; height: 18px; }
.tts-archive-post-more { box-sizing: border-box; display: inline-flex; flex: none; justify-content: center; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid #e6e6e6; border-radius: 4px; color: #0a0a0a; background: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.tts-archive-post-more svg { flex: 0 0 18px; width: 18px; height: 18px; }
.tts-archive-post-more:hover { border-color: #C9252C; color: #C9252C; }
/* Featured archive cards use dedicated markup, independent of shortcode sizing. */
.tts-news-featured-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; gap: 24px; }
.tts-news-featured--single .tts-news-featured-grid { grid-template-columns: minmax(0, 1fr); }
.tts-news-featured-list { display: grid; gap: 20px; min-width: 0; }
.tts-news-featured-card { min-width: 0; margin: 0; }
.tts-news-featured-card--compact { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: center; gap: 16px; }
.tts-news-featured-image { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 4px; background: #f3f3f3; }
.tts-news-featured-card--main .tts-news-featured-image { margin-bottom: 16px; }
.tts-news-featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tts-news-featured-body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.tts-news-featured-card .tts-news-featured-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; }
.tts-news-featured-title a { color: #111; font-weight: 700; }
.tts-news-featured-title a:hover { color: #C9252C; }
.tts-news-featured-card--main .tts-news-featured-title { font-size: 20px; }
.tts-news-featured-card--compact .tts-news-featured-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tts-news-featured-card .tts-news-featured-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 15px; line-height: 1.6; }
.tts-news-featured-card a:focus-visible { outline: 2px solid #C9252C; outline-offset: 3px; }
@media (max-width: 849px) {
    .tts-news-featured-grid { grid-template-columns: minmax(0, 1fr); }
    .tts-news-featured-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

    .tts-news-breadcrumb { margin-bottom: 20px; font-size: 12px; }
    .tts-news-archive-header .page-title { margin-bottom: 20px; }
    .tts-news-archive-header .category-menu { flex-wrap: nowrap; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
    .tts-news-archive-header .category-menu::-webkit-scrollbar { display: none; }
    .tts-news-archive-header .category-menu li { flex: 0 0 auto; }
    .tts-news-archive-header .category-menu a { white-space: nowrap; }
    .tts-category-navigation:has(.slick-initialized) { padding-inline: 46px; }
    .tts-news-archive-header .category-menu.slick-initialized { display: block; gap: 0; overflow: visible; }
    .tts-news-archive-header .category-menu .slick-track { display: flex; align-items: center; }
    .tts-news-archive-header .category-menu li.slick-slide { float: none; height: auto; padding-right: 8px; }
    .tts-news-archive-header .category-menu .slick-list { overflow: hidden; }
    .tts-news-archive-header .category-menu .tts-category-arrow { position: absolute; top: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; min-width: 0; min-height: 0; margin: 0; padding: 9px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #666; box-shadow: none; line-height: 1; transform: translateY(-50%); }
    .tts-news-archive-header .category-menu .tts-category-prev { left: -46px; }
    .tts-news-archive-header .category-menu .tts-category-next { right: -46px; }
    .tts-category-arrow svg { display: block; width: 18px; height: 18px; }
    .tts-news-archive-header .tts-category-arrow.slick-disabled { opacity: .35; cursor: default; }
    .tts-news-archive-header .tts-category-arrow:focus-visible { outline: 2px solid #c9252c; outline-offset: 2px; }
    .bottom-section.tts-news-list { padding: 16px; }
    .tts-news-list .tts-archive-post { gap: 16px; }
}
@media (max-width: 549px) {
    .top-section.tts-news-featured { padding: 12px; }
    .tts-news-featured-grid { gap: 24px; }
    .tts-news-featured-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .tts-news-featured-card--compact { gap: 12px; }
    .tts-news-featured-card--main .tts-news-featured-title { font-size: 18px; }
    .tts-news-featured-card--compact .tts-news-featured-title { font-size: 14px; }
    .tts-news-featured-card .tts-news-featured-excerpt { font-size: 13px; }
    .tts-news-featured-body { gap: 8px; }

    .bottom-section.tts-news-list { padding: 12px; }
    .tts-news-list .tts-archive-post { grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); gap: 12px; align-items: stretch; padding-block: 16px; }
    .tts-archive-post-image { aspect-ratio: 3 / 2; min-height: 0; height: auto; align-self: center; }
    .tts-archive-post-body { gap: 8px; justify-content: center; }
    .tts-archive-post .tts-archive-post-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; }
    .tts-archive-post .tts-archive-post-excerpt { font-size: 13px; line-height: 1.5; }
    .tts-archive-post .tts-archive-post-date { font-size: 11px; gap: 6px; margin: 0; }
    .tts-archive-post-date svg { flex-basis: 14px; width: 14px; height: 14px; }
    .tts-archive-post-more { padding: 6px 10px; font-size: 12px; gap: 6px; }
    .tts-archive-post-more svg { flex-basis: 14px; width: 14px; height: 14px; }
}
