﻿/* Discussion topic and category archives */
.vta-topics { --topic-blue:var(--vta-color-blue); --topic-red:#ec2925; padding-bottom:55px; background:#fff; color:#333; }
.vta-topics__hero { height:275px; background-image:linear-gradient(90deg,rgba(0,35,92,.98) 0%,rgba(0,35,92,.72) 30%,rgba(0,35,92,.16) 100%),var(--vta-topics-banner,linear-gradient(115deg,#021f54,#51769d)); background-position:center; background-size:cover; }
.vta-topics__container { width:min(100% - 32px,1010px); margin:0 auto; }
.vta-topics__intro { position:relative; z-index:2; width:84%; margin:-92px auto 0; padding:24px 55px 18px; background:#fff; text-align:center; }
.vta-topics__intro::before { position:absolute; top:0; left:50%; width:55px; height:4px; background:var(--topic-red); content:""; transform:translateX(-50%); }
.vta-topics__eyebrow { display:block; margin-bottom:12px; color:var(--topic-blue); font-size:12px; font-weight:700; }
.vta-topics__intro h1 { margin:0 0 16px; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:38px; font-weight:400; line-height:1.5; }
.vta-topics__description { max-width:790px; margin:0 auto; color:#444; font-size:14px; font-style:italic; font-weight:600; line-height:1.5; }
.vta-topics__description p { margin:0; }
.vta-topics__filter-label { display:block; margin-top:22px; color:var(--topic-red); font-size:12px; }
.vta-topic-tabs { display:grid; grid-template-columns:22px minmax(0,1fr) 22px; align-items:center; gap:4px; margin:0 0 34px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.vta-topic-tabs__track { display:flex; align-items:center; gap:5px; min-width:0; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; }
.vta-topic-tabs__track::-webkit-scrollbar { display:none; }
.vta-topic-tabs a { flex:0 0 auto; padding:8px 13px; color:#454545; font-size:12px; font-weight:600; line-height:1; text-align:center; text-transform:uppercase; white-space:nowrap; }
.vta-topic-tabs a:hover,.vta-topic-tabs a.is-active { border-radius:3px; background:var(--topic-blue); color:#fff; }
.vta-topic-tabs__arrow { display:grid; width:22px; height:28px; margin:0; padding:0; place-items:center; border:0; background:transparent; box-shadow:none; color:var(--topic-blue); font-family:var(--vta-font-body); font-size:20px; line-height:1; cursor:pointer; }
.vta-topic-tabs__arrow:hover,.vta-topic-tabs__arrow:focus { background:transparent; box-shadow:none; color:var(--topic-red); }
.vta-topic-tabs__arrow:disabled { color:#b9b9b9; cursor:default; opacity:.45; }
.vta-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 16px; }
.vta-topic-card { display:flex; min-width:0; flex-direction:column; border:1px solid #d5d5d5; border-radius:8px; background:#fff; overflow:hidden; }
.vta-topic-card__image { display:block; aspect-ratio:1.58; background:#082d68; overflow:hidden; }
.vta-topic-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.vta-topic-card:hover .vta-topic-card__image img { transform:scale(1.035); }
.vta-topic-card__placeholder { display:block; width:100%; height:100%; background:linear-gradient(145deg,#0b2b63,#42779a); }
.vta-topic-card__body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:12px 13px 14px; }
.vta-topic-card__category { margin-bottom:9px; color:var(--topic-red); font-size:12px; font-weight:600; text-transform:uppercase; }
.vta-topic-card h2 { margin:0 0 8px; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:19px; font-weight:400; line-height:1.5; }
.vta-topic-card h2 a { color:inherit; }
.vta-topic-card time { display:inline-block; margin-bottom:13px; padding:4px 8px; background:var(--topic-blue); color:#fff; font-size:12px; font-weight:700; }
.vta-topic-card__excerpt { margin:0 0 14px; color:#555; font-size:14px; line-height:1.5; }
.vta-topic-card__more { align-self:flex-end; margin-top:auto; color:var(--topic-red); font-size:12px; font-weight:600; }
.vta-topic-card__more span { padding-left:10px; font-size:12px; }
.vta-topics__pagination ul { display:flex; justify-content:center; gap:6px; margin:35px 0 0; padding:0; list-style:none; }
.vta-topics__pagination a,.vta-topics__pagination span { display:grid; width:34px; height:34px; place-items:center; border:1px solid #d8d8d8; color:var(--topic-blue); }
.vta-topics__pagination .current { border-color:var(--topic-blue); background:var(--topic-blue); color:#fff; }
.vta-topics__empty { padding:45px 0; text-align:center; }
.vta-analysis-series { margin-top:55px; padding:0 0 55px; border-top:1px solid #ddd; }
.vta-analysis-series > .vta-topics__container { padding-top:0; }
.vta-analysis-series > .vta-topics__container > h2 { width:min(100%,460px); margin:-16px auto 40px; padding:9px 20px; border-radius:7px; background:var(--topic-blue); color:#fff; font-size:14px; font-weight:700; line-height:1; text-align:center; }
.vta-analysis-slider { margin:0 -11px; }
.vta-analysis-slider:not(.slick-initialized) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.vta-analysis-slide { min-width:0; padding:0 11px; }
.vta-analysis-slide__image { position:relative; display:block; aspect-ratio:1.65; margin-bottom:17px; border-radius:2px; background:#123b70; overflow:hidden; }
.vta-analysis-slide__image img,.vta-analysis-slide__image i { display:block; width:100%; height:100%; object-fit:cover; }
.vta-analysis-slide__image i { background:linear-gradient(135deg,#173e70,#6a8fa7); }
.vta-analysis-slide__image span { position:absolute; z-index:2; top:12px; left:14px; color:#fff; font-family:var(--vta-font-display); font-size:23px; text-shadow:0 1px 5px #00265b; }
.vta-analysis-slide h3 { margin:0 0 10px; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:14px; font-weight:400; line-height:1.5; }
.vta-analysis-slide h3 a { color:inherit; }
.vta-analysis-slide p { margin:0 0 4px; color:#555; font-size:14px; font-style:italic; line-height:1.5; }
.vta-analysis-slide p strong { color:#333; font-style:normal; }
.vta-analysis-slide__more { color:var(--topic-red); font-size:17px; }
.vta-analysis-slider .slick-dots { display:flex; justify-content:center; gap:8px; margin:42px 0 0; padding:0; list-style:none; }
.vta-analysis-slider .slick-dots li { width:auto; height:auto; margin:0; }
.vta-analysis-slider .slick-dots button { width:12px; height:3px; min-height:0; margin:0; padding:0; border:0; background:#d4d4d4; box-shadow:none; font-size:0; line-height:0; }
.vta-analysis-slider .slick-dots .slick-active button { width:30px; background:#8d8d8d; }

@media (max-width:849px) {
    .vta-topics__hero { height:220px; }
    .vta-topics__intro { width:92%; padding-right:25px; padding-left:25px; }
    .vta-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .vta-analysis-slider:not(.slick-initialized) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:549px) {
    .vta-topics__hero { height:165px; }
    .vta-topics__intro { width:100%; margin-top:-45px; padding:20px 10px 15px; }
    .vta-topics__intro h1 { font-size:30px; }
    .vta-topic-tabs { margin-bottom:24px; }
    .vta-topic-grid { grid-template-columns:1fr; }
    .vta-analysis-slider:not(.slick-initialized) { grid-template-columns:1fr; }
    .vta-analysis-series > .vta-topics__container > h2 { width:calc(100% - 40px); }
}

