.vta-viewpoint-single { --view-blue:var(--vta-color-blue); --view-red:#e52420; background:#fff; color:#333; }
.vta-viewpoint-single__container { width:min(100% - 32px,1040px); margin:0 auto; }
.vta-viewpoint-single__header { padding:25px 0 0; border-top:1px solid #ddd; background:linear-gradient(180deg,#f5f3f1 0 220px,#fff 220px); }
.vta-viewpoint-single__category { position:relative; display:block; width:max-content; margin:0 auto 34px; padding-top:18px; color:var(--view-red); font-size:12px; font-weight:700; text-align:center; text-transform:uppercase; }
.vta-viewpoint-single__category::before { position:absolute; top:0; left:50%; width:42px; height:3px; background:#aaa; content:""; transform:translateX(-50%); }
.vta-viewpoint-single__banner { position:relative; width:100%; aspect-ratio:3.15 / 1; margin:0; border-radius:13px; background:#082d68; overflow:visible; }
.vta-viewpoint-single__banner > img { width:100%; height:100%; border-radius:13px; object-fit:cover; }
.vta-viewpoint-single__logo { position:absolute; bottom:-38px; left:0; display:flex; width:auto; max-width:620px; padding:60px 40px 0; align-items:center; gap:22px; overflow:visible; }
.vta-viewpoint-single__logo img { width:190px; height:auto; flex:0 0 190px; object-fit:contain; }
.vta-viewpoint-single__author { display:block; min-width:260px; color:#fff; line-height:1.35; }
.vta-viewpoint-single__author strong,.vta-viewpoint-single__author small { display:block; }
.vta-viewpoint-single__author strong { font-size:18px; font-weight:600; }
.vta-viewpoint-single__author small { margin-top:3px; font-size:14px; font-weight:400; }
.vta-viewpoint-single__grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:70px; padding-top:65px; }
.vta-viewpoint-single__summary,.vta-viewpoint-single__main,.vta-viewpoint-single__content { min-width:0; }
.vta-viewpoint-single__summary time { display:inline-flex; margin-bottom:30px; padding:7px 14px; border-radius:6px; background:var(--view-blue); color:#fff; font-size:12px; font-weight:700; }
.vta-viewpoint-single__summary > p { margin:0 0 30px; color:#444; font-size:14px; font-style:italic; line-height:1.5; }
.vta-viewpoint-single__share { display:flex; align-items:center; gap:8px; color:#777; font-size:12px; }
.vta-viewpoint-single__share a { display:grid; width:29px; height:29px; min-width:29px; min-height:29px; padding:0; place-items:center; border-radius:50%; background:#d1d1d1; color:#333 !important; font-family:var(--vta-font-body); font-size:12px; font-weight:700; line-height:1; text-align:center; text-decoration:none; }
.vta-viewpoint-single__share a svg { display:block; width:14px; height:14px; fill:currentColor; }
.vta-viewpoint-single__main h1 { margin:0 0 30px; padding-bottom:28px; border-bottom:1px solid #ddd; color:var(--view-blue); font-family:var(--vta-font-display); font-size:39px; font-weight:400; line-height:1.5; }
.vta-viewpoint-single__content { color:#4b4b4b; font-size:16px; line-height:1.5; }
.vta-viewpoint-single__content h2,.vta-viewpoint-single__content h3 { color:#333; font-weight:700; line-height:1.5; }
.vta-viewpoint-single__content img { height:auto; }
.vta-viewpoint-single__pages { margin-top:25px; }
.vta-other-viewpoints { margin-top:65px; padding:0 0 40px; background:#f7f5f2; }
.vta-other-viewpoints__header { position:relative; margin-bottom:38px; padding:23px 0 24px; border-bottom:1px solid #ddd; }
.vta-other-viewpoints__header::before { position:absolute; top:0; left:0; width:50px; height:4px; background:var(--view-red); content:""; }
.vta-other-viewpoints__header h2 { margin:0; color:var(--view-blue); font-family:var(--vta-font-display); font-size:29px; font-weight:400; line-height:1.5; }
.vta-other-viewpoints__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:55px; }
.vta-other-viewpoint-card { display:grid; grid-template-columns:185px minmax(0,1fr); gap:22px; min-width:0; }
.vta-other-viewpoint-card__image { display:grid; aspect-ratio:.9; place-items:center; border-radius:7px; background:none; overflow:hidden; }
.vta-other-viewpoint-card__image img,.vta-other-viewpoint-card__image > span { display:block; width:100%; height:100%; object-fit:cover; }
.vta-other-viewpoint-card__body { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:3px 0; }
.vta-other-viewpoint-card__category { margin-bottom:9px; color:var(--view-red); font-size:12px; font-weight:600; text-transform:uppercase; }
.vta-other-viewpoint-card h3 { margin:0 0 7px; color:var(--view-blue); font-family:var(--vta-font-display); font-size:14px; font-weight:400; line-height:1.5; }
.vta-other-viewpoint-card h3 a { color:inherit; }
.vta-other-viewpoint-card p { margin:0 0 7px; color:#555; font-size:14px; line-height:1.5; }
.vta-other-viewpoint-card strong,.vta-other-viewpoint-card small { display:block; color:var(--view-blue); font-size:12px; }
.vta-other-viewpoint-card small { margin-top:2px; color:#555; font-weight:400; }
.vta-other-viewpoint-card__more { margin-top:auto; color:var(--view-red); font-size:12px; }
.vta-other-viewpoint-card__more span { padding-left:17px; font-size:12px; }

@media (max-width:849px) {
    .vta-viewpoint-single__header { background:linear-gradient(180deg,#f5f3f1 0 180px,#fff 180px); }
    .vta-viewpoint-single__grid { display:flex; min-width:0; flex-direction:column; gap:30px; }
    .vta-viewpoint-single__summary { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:start; }
    .vta-viewpoint-single__summary > p { grid-column:1 / -1; }
    .vta-viewpoint-single__main,.vta-viewpoint-single__content { width:100%; max-width:100%; }
    .vta-viewpoint-single__content img,
    .vta-viewpoint-single__content iframe,
    .vta-viewpoint-single__content video,
    .vta-viewpoint-single__content table { max-width:100%; }
    .vta-viewpoint-single__content { overflow-wrap:anywhere; }
    .vta-other-viewpoints__grid { grid-template-columns:1fr; gap:35px; }
}
@media (max-width:549px) {
    .vta-viewpoint-single__category { margin-bottom:24px; }
    .vta-viewpoint-single__banner { aspect-ratio:16 / 9; }
    .vta-viewpoint-single__logo { bottom:-18px; left:20px; width:auto; max-width:calc(100% - 40px); padding:20px 0 0; gap:12px; }
    .vta-viewpoint-single__logo img { width:95px; flex-basis:95px; }
    .vta-viewpoint-single__author { min-width:0; }
    .vta-viewpoint-single__author strong { font-size:14px; }
    .vta-viewpoint-single__author small { font-size:12px; }
    .vta-viewpoint-single__grid { width:calc(100% - 32px); padding-top:40px; }
    .vta-viewpoint-single__summary { display:block; }
    .vta-viewpoint-single__summary time { margin-bottom:18px; }
    .vta-viewpoint-single__summary > p { margin-bottom:18px; }
    .vta-viewpoint-single__main h1 { font-size:31px; }
    .vta-other-viewpoints { margin-top:45px; }
    .vta-other-viewpoint-card { grid-template-columns:125px minmax(0,1fr); gap:15px; }
    .vta-other-viewpoints__header h2 { font-size:25px; }
}