.vta-topic-single { --topic-blue:var(--vta-color-blue); --topic-red:#e52420; color:#333; background:#fff; }
.vta-topic-single__container { width:min(100% - 32px,1040px); margin:0 auto; }
.vta-topic-single__header { position:relative; z-index:2; min-height:220px; border-top:1px solid #e1e1e1; background:#f5f3f1; overflow:visible; }
.vta-topic-single__hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr); gap:38px; align-items:start; min-height:220px; }
.vta-topic-single__heading { padding:27px 0 22px; }
.vta-topic-single__category { position:relative; display:inline-block; margin-bottom:14px; padding-top:17px; color:var(--topic-red); font-size:12px; font-weight:700; text-transform:uppercase; }
.vta-topic-single__category::before { position:absolute; top:0; left:0; width:42px; height:3px; background:#bcbcbc; content:""; }
.vta-topic-single h1 { max-width:600px; margin:0 0 24px; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:38px; font-weight:400; line-height:1.5; }
.vta-topic-single__meta { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.vta-topic-single__meta time { display:inline-flex; padding:6px 14px; border-radius:7px; background:var(--topic-blue); color:#fff; font-size:12px; font-weight:700; }
.vta-topic-single__share { display:flex; align-items:center; gap:8px; color:#777; font-size:12px; }
.vta-topic-single__share a { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:#d1d1d1; color:#333; font-size:12px; font-weight:700; }
.vta-topic-single__visual { position:absolute; z-index:3; top:100%; right:0; width:calc(42% - 8px); aspect-ratio:3 / 4; margin:0; border-radius:12px; background:#062c68; overflow:hidden; transform:translateY(-50%); }
.vta-topic-single__visual::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(0,28,76,.85)); content:""; }
.vta-topic-single__visual img { width:100%; height:100%; object-fit:cover; }
.vta-topic-single__visual figcaption { position:absolute; z-index:1; right:23px; bottom:24px; left:23px; margin:0; color:#fff; font-size:12px; font-style:italic; line-height:1.5; }
.vta-topic-single__content-grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr); gap:38px; padding-top:25px; padding-bottom:65px; }
.vta-topic-single__section-title,.vta-topic-analysis > h2 { display:block; margin:0 0 17px; padding-left:10px; border-left:3px solid #ddd; color:var(--topic-blue); font-size:14px; font-weight:700; line-height:1.5; }
.vta-topic-single__content { color:#4a4a4a; font-size:16px; line-height:1.5; }
.vta-topic-single__content-wrap { position:relative; }
.vta-topic-single__content-wrap.is-collapsed { max-height:var(--vta-topic-collapsed-height,720px); overflow:hidden; }
.vta-topic-single__content-wrap.is-collapsed::after { position:absolute; z-index:1; right:0; bottom:0; left:0; height:155px; background:linear-gradient(180deg,rgba(255,255,255,0),#fff 78%); content:""; pointer-events:none; }
.vta-topic-single__content-toggle { position:absolute; z-index:2; bottom:2px; left:50%; display:flex; min-height:0; margin:0; padding:4px 10px 18px; flex-direction:column; align-items:center; gap:5px; border:0; background:transparent; box-shadow:none; color:var(--topic-blue); font-size:12px; font-weight:400; line-height:1; transform:translateX(-50%); }
.vta-topic-single__content-toggle:hover,.vta-topic-single__content-toggle:focus { background:transparent; box-shadow:none; color:var(--topic-red); }
.vta-topic-single__content-toggle i { display:block; width:18px; height:18px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); transition:transform .25s ease; }
.vta-topic-single__content-wrap:not(.is-collapsed) { padding-bottom:55px; }
.vta-topic-single__content-wrap:not(.is-collapsed) .vta-topic-single__content-toggle i { transform:rotate(225deg); }
.vta-topic-single__content-wrap:not(.is-collapsible) .vta-topic-single__content-toggle { display:none; }
.vta-topic-single__content h2,.vta-topic-single__content h3,.vta-topic-single__content h4 { color:#333; font-weight:700; line-height:1.5; }
.vta-topic-single__content h2 { font-size:22px; }
.vta-topic-single__content h3 { font-size:18px; }
.vta-topic-single__content img { height:auto; }
.vta-topic-analysis { padding-top:clamp(70px,calc(28vw - 34px),266px); }
.vta-topic-analysis ol { margin:0; padding:0; list-style:none; }
.vta-topic-analysis li { display:grid; grid-template-columns:188px minmax(0,1fr); gap:14px; margin-bottom:25px; }
.vta-topic-analysis__image { position:relative; display:block; height:105px; border-radius:7px; background:#123b70; overflow:hidden; }
.vta-topic-analysis__image img,.vta-topic-analysis__image i { display:block; width:100%; height:100%; object-fit:cover; }
.vta-topic-analysis__image i { background:linear-gradient(135deg,#173e70,#6a8fa7); }
.vta-topic-analysis__image span { position:absolute; z-index:2; top:10px; left:12px; color:#fff; font-family:var(--vta-font-display); font-size:24px; text-shadow:0 1px 5px #00265b; }
.vta-topic-analysis h3 { margin:0 0 8px; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:14px; font-weight:400; line-height:1.5; }
.vta-topic-analysis p { margin:0 0 5px; color:#555; font-size:14px; line-height:1.5; }
.vta-topic-analysis__more { color:var(--topic-red); font-size:17px; }
.vta-topic-single__pages { margin-top:25px; }
.vta-multiview { padding:0 0 70px; background:#fff; }
.vta-multiview > .vta-topic-single__container { padding-top:36px; border-top:1px solid #ddd; }
.vta-multiview h2 { margin:0 0 28px; padding-left:10px; border-left:3px solid #ddd; color:var(--topic-blue); font-size:12px; font-weight:700; line-height:1.5; }
.vta-multiview__features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; padding-bottom:45px; }
.vta-multiview-feature { display:grid; grid-template-columns:190px minmax(0,1fr); gap:22px; align-items:end; }
.vta-multiview-feature__portrait { position:relative; height:185px; border-radius:10px; background:none; overflow:hidden; }
.vta-multiview-feature__portrait::before,
.vta-multiview-feature__portrait::after { display:none; content:none; }
.vta-multiview-feature__portrait img { position:relative; z-index:3; width:100%; height:100%; object-fit:cover; object-position:center; }
.vta-multiview-feature__body > span { display:block; margin-bottom:12px; color:var(--topic-red); font-size:12px; font-weight:700; }
.vta-multiview-feature h3 { margin:0 0 8px; color:#262626; font-family:var(--vta-font-display); font-size:18px; font-weight:400; line-height:1.5; }
.vta-multiview-feature h3 a { color:inherit; }
.vta-multiview-feature p { margin:0; color:#555; font-size:14px; line-height:1.5; }
.vta-multiview__arrow { display:block; color:var(--topic-red); font-size:18px; line-height:1; }
.vta-multiview-feature strong,.vta-multiview-feature small { display:block; color:var(--topic-blue); font-size:12px; }
.vta-multiview-feature small { margin-top:3px; color:#555; font-weight:400; }
.vta-multiview__quotes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; padding-top:35px; border-top:1px solid #ddd; }
.vta-multiview-quote { position:relative; margin:0; padding:20px 42px 0; border:0; color:#555; font-family:var(--vta-font-display); font-size:14px; font-style:italic; line-height:1.55; }
.vta-multiview-quote::before,.vta-multiview-quote::after { position:absolute; color:var(--topic-blue); font-family:var(--vta-font-display); font-size:48px; font-style:normal; font-weight:700; line-height:1; }
.vta-multiview-quote::before { top:0; left:0; width:40px;height:40px;background-color:currentColor;background-image:none;-webkit-mask:url("../images/quote-open.svg") center/contain no-repeat;mask:url("../images/quote-open.svg") center/contain no-repeat;color:transparent;content:"";font-size:0; }
.vta-multiview-quote::after { right:0; bottom:70px; width:40px;height:40px;background-color:currentColor;background-image:none;-webkit-mask:url("../images/quote-close.svg") center/contain no-repeat;mask:url("../images/quote-close.svg") center/contain no-repeat;color:transparent;content:"";font-size:0; }
.vta-multiview-quote > p { margin:0 0 30px; }
.vta-multiview-quote footer { display:flex; align-items:center; gap:14px; font-family:var(--vta-font-body); font-style:normal; }
.vta-multiview-quote footer img { width:55px; height:55px; border-radius:50%; object-fit:cover; filter:grayscale(1); }
.vta-multiview-quote footer strong,.vta-multiview-quote footer small { display:block; font-size:13px; }
.vta-multiview-quote footer strong { color:#222; }
.vta-multiview-quote footer small { margin-top:4px; color:#444; }

@media (max-width:849px) {
    .vta-topic-single__hero-grid,.vta-topic-single__content-grid { grid-template-columns:1fr; gap:25px; }
    .vta-topic-single__hero-grid { padding-top:30px; padding-bottom:30px; }
    .vta-topic-single__heading { padding:0; }
    .vta-topic-single__visual { position:relative; top:auto; right:auto; width:100%; aspect-ratio:16 / 10; margin:0; transform:none; }
    .vta-topic-single__content-grid { padding-top:35px; }
    .vta-topic-analysis { padding-top:0; }
    .vta-multiview__features,.vta-multiview__quotes { grid-template-columns:1fr; gap:35px; }
}
@media (max-width:549px) {
    .vta-topic-single h1 { font-size:31px; }
    .vta-topic-single__meta { align-items:flex-start; flex-direction:column; }
    .vta-topic-single__visual { aspect-ratio:4 / 3; }
    .vta-topic-analysis li { grid-template-columns:130px minmax(0,1fr); }
    .vta-topic-analysis__image { height:92px; }
    .vta-topic-single__content-wrap.is-collapsed { max-height:650px; }
    .vta-multiview-feature { grid-template-columns:125px minmax(0,1fr); gap:15px; }
    .vta-multiview-feature__portrait { height:150px; }
    .vta-multiview-quote { padding-right:30px; padding-left:30px; }
}