.vta-viewpoints { --view-blue:var(--vta-color-blue); --view-red:#e52420; padding-bottom:70px; background:#fff; color:#333; }
.vta-viewpoints__hero { height:255px; background-image:linear-gradient(90deg,rgba(0,35,92,.98),rgba(0,35,92,.64) 35%,rgba(0,35,92,.12)),var(--vta-viewpoints-banner,linear-gradient(115deg,#021f54,#567a9d)); background-position:center; background-size:cover; }
.vta-viewpoints__container { width:min(100% - 32px,1040px); margin:0 auto; }
.vta-viewpoints__intro { position:relative; z-index:2; width:82%; margin:-91px auto 0; padding:24px 52px 18px; background:#fff; text-align:center; }
.vta-viewpoints__intro::before { position:absolute; top:0; left:50%; width:110px; height:4px; background:var(--view-red); content:""; transform:translateX(-50%); }
.vta-viewpoints__intro > span { display:block; margin-bottom:13px; color:var(--view-blue); font-size:12px; font-weight:700; }
.vta-viewpoints__intro h1 { margin:0 0 16px; color:var(--view-blue); font-family:var(--vta-font-display); font-size:38px; font-weight:400; line-height:1.5; }
.vta-viewpoints__description { max-width:780px; margin:0 auto; color:#444; font-size:14px; font-style:italic; font-weight:600; line-height:1.5; }
.vta-viewpoints__description p { margin:0; }
.vta-viewpoints__intro small { display:block; margin-top:24px; color:var(--view-red); font-size:12px; }
.vta-viewpoint-tabs { display:grid; grid-template-columns:22px minmax(0,1fr) 22px; align-items:center; gap:4px; margin:0 0 42px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.vta-viewpoint-tabs__track { display:flex; min-width:0; align-items:center; gap:7px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; }
.vta-viewpoint-tabs__track::-webkit-scrollbar { display:none; }
.vta-viewpoint-tabs a { flex:0 0 auto; padding:9px 14px; color:#333; font-size:12px; font-weight:600; line-height:1; white-space:nowrap; text-align:center; text-transform:uppercase; }
.vta-viewpoint-tabs a:hover,.vta-viewpoint-tabs a.is-active { border-radius:3px; background:var(--view-blue); color:#fff; }
.vta-viewpoint-tabs__arrow { display:grid; width:22px; height:28px; min-height:0; margin:0; padding:0; place-items:center; border:0; background:transparent; box-shadow:none; color:var(--view-blue); font-size:20px; line-height:1; }
.vta-viewpoint-tabs__arrow:hover,.vta-viewpoint-tabs__arrow:focus { background:transparent; box-shadow:none; color:var(--view-red); }
.vta-viewpoint-tabs__arrow:disabled { color:#bbb; cursor:default; opacity:.45; }
.vta-viewpoint-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:55px; row-gap:45px; }
.vta-viewpoint-card { display:grid; grid-template-columns:175px minmax(0,1fr); gap:24px; min-width:0; }
.vta-viewpoint-card__image { display:block; aspect-ratio:.78; border-radius:6px; background:none; overflow:hidden; }
.vta-viewpoint-card__image img,.vta-viewpoint-card__image > span { display:block; width:100%; height:100%; object-fit:cover; background:none; }
.vta-viewpoint-card__body { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:3px 0; }
.vta-viewpoint-card__category { margin-bottom:11px; color:var(--view-red); font-size:12px; font-weight:600; text-transform:uppercase; }
.vta-viewpoint-card h2 { margin:0 0 8px; color:var(--view-blue); font-family:var(--vta-font-display); font-size:18px; font-weight:400; line-height:1.5; }
.vta-viewpoint-card h2 a { color:inherit; }
.vta-viewpoint-card p { margin:0 0 12px; color:#555; font-size:14px; line-height:1.5; }
.vta-viewpoint-card__author { margin-top:auto; padding-top:12px; color:var(--view-blue); }
.vta-viewpoint-card__author::before { display:block; width:52px; height:3px; margin-bottom:8px; background:var(--view-red); content:""; }
.vta-viewpoint-card__author strong,.vta-viewpoint-card__author small { display:block; font-size:14px; line-height:1.5; }
.vta-viewpoint-card__author small { color:#555; font-weight:400; }
.vta-viewpoint-card__more { margin-top:10px; color:var(--view-red); font-size:12px; }
.vta-viewpoint-card__more span { padding-left:18px; font-size:12px; }
.vta-viewpoints__pagination ul { display:flex; justify-content:center; gap:6px; margin:45px 0 0; padding:0; list-style:none; }
.vta-viewpoints__pagination a,.vta-viewpoints__pagination span { display:grid; width:34px; height:34px; place-items:center; border:1px solid #ddd; color:var(--view-blue); }
.vta-viewpoints__pagination .current { border-color:var(--view-blue); background:var(--view-blue); color:#fff; }
.vta-viewpoints__empty { padding:50px 0; text-align:center; }

@media (max-width:849px) {
    .vta-viewpoints__hero { height:220px; }
    .vta-viewpoints__intro { width:92%; padding-right:25px; padding-left:25px; }
    .vta-viewpoint-grid { grid-template-columns:1fr; }
}
@media (max-width:549px) {
    .vta-viewpoints__hero { height:165px; }
    .vta-viewpoints__intro { width:100%; margin-top:-45px; padding:20px 10px 15px; }
    .vta-viewpoints__intro h1 { font-size:30px; }
    .vta-viewpoint-tabs { margin-bottom:28px; }
    .vta-viewpoint-card { grid-template-columns:120px minmax(0,1fr); gap:15px; }
    .vta-viewpoint-card h2 { font-size:14px; }
}