/* V280: Match approved news detail mockup; isolated to the detail page. */
.vf-site .vf-article-page{max-width:1480px!important;width:calc(100% - 48px)!important;margin-inline:auto!important;color:#142e27}
.vf-site .vf-article-page .vf-list-breadcrumb{margin:14px 0 18px!important;font-size:12px!important;color:#637a70}
.vf-site .vf-article-page .vf-v276-header{position:relative;margin:0 0 18px!important;padding:0 0 4px!important}
.vf-site .vf-article-page .vf-v276-header h1{font-size:clamp(27px,2.3vw,35px)!important;line-height:1.28!important;margin:8px 0 14px!important;max-width:100%!important;letter-spacing:-.02em!important;color:#142e27!important}
.vf-site .vf-article-page .vf-v276-header .vf-article-meta{padding-right:165px;font-size:12px!important;gap:8px!important;color:#6d7f8c!important}
.vf-site .vf-article-page .vf-article-layout{display:grid!important;grid-template-columns:minmax(0, 2.05fr) minmax(275px, .95fr)!important;gap:24px!important;align-items:start!important}
.vf-site .vf-article-page .vf-news-top-cover{border-radius:10px!important;margin:0 0 18px!important}
.vf-site .vf-article-page .vf-news-top-cover img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
.vf-site .vf-article-page .vf-detail-editor{font-size:15px;line-height:1.85;color:#233c31;overflow-wrap:anywhere}
.vf-site .vf-article-page .vf-detail-editor p{margin:0 0 17px}
.vf-site .vf-article-page .vf-article-sidebar{position:static!important;display:flex!important;flex-direction:column!important;gap:22px!important;min-width:0!important}
.vf-site .vf-article-page .vf-article-sidebar>section{border-radius:12px!important;border:1px solid #e4eae5!important;padding:17px!important;background:#fff!important;box-shadow:0 3px 12px rgba(20,50,35,.035)!important}
.vf-site .vf-article-page .vf-article-sidebar h2{font-size:17px!important;font-weight:700!important;color:#183e2d!important;margin:0 0 14px!important}
.vf-site .vf-article-page .vf-v275-side-cats nav{gap:4px!important}
.vf-site .vf-article-page .vf-v275-side-cats nav a{padding:10px 12px!important;border-left:2px solid transparent;border-radius:6px!important;font-size:13px!important}
.vf-site .vf-article-page .vf-v275-side-cats nav a.is-active{border-left-color:#174a31;background:#eaf3ec!important}
.vf-site .vf-article-page .vf-detail-topic-news .vf-topic-items article{margin:0 0 13px}
.vf-site .vf-article-page .vf-detail-topic-news .vf-topic-items article a{display:flex;align-items:flex-start;gap:12px;text-decoration:none}
.vf-site .vf-article-page .vf-detail-topic-news .vf-topic-items img{width:76px!important;height:65px!important;object-fit:cover;border-radius:7px;flex:0 0 76px}
.vf-site .vf-article-page .vf-detail-topic-news .vf-topic-items h3{font-size:13px!important;line-height:1.45!important;margin:0;color:#243b30}
.vf-site .vf-article-page .vf-v275-side-products{background:#f4faf5!important;border-color:#dce9de!important}
.vf-site .vf-article-page .vf-article-mentioned{background:#f1f7fd!important;border:1px solid #e0eaf5!important;border-radius:12px!important;margin:25px 0!important;padding:16px!important}
.vf-site .vf-article-page .vf-article-mentioned h2{font-size:18px!important;color:#174a31!important;margin:0 0 14px!important}
.vf-site .vf-article-page .vf-article-mentioned>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.vf-site .vf-article-page .vf-article-mentioned a{display:flex!important;gap:14px!important;align-items:center!important;background:#fff!important;padding:12px!important;border-radius:9px!important;text-decoration:none!important;color:#183d2a!important;min-width:0}
.vf-site .vf-article-page .vf-article-mentioned img{width:110px!important;height:95px!important;object-fit:contain!important;border-radius:8px!important;flex-shrink:0}
.vf-site .vf-article-page .vf-v258-product-cta{display:inline-block!important;background:#174a31;color:#fff!important;padding:8px 12px!important;border-radius:7px!important;margin-top:10px!important;font-weight:650!important}
.vf-site .vf-article-page .vf-v273-related{margin:30px 0!important;padding-top:10px!important}
.vf-site .vf-article-page .vf-v273-related-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.vf-site .vf-article-page .vf-v273-related-card{border-radius:9px!important}
.vf-site .vf-article-page .vf-v273-related-card h3{font-size:13px!important;line-height:1.5!important;margin:10px!important}
.vf-site .vf-article-page .vf-v280-share{position:absolute;right:0;bottom:5px;display:flex;align-items:center;gap:8px;font-size:12px;color:#63788a}
.vf-site .vf-article-page .vf-v280-share a,.vf-site .vf-article-page .vf-v280-share button{width:27px;height:27px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;text-decoration:none;background:#174a31;color:#fff;font-size:16px;font-weight:700}
/* Keep the TOC requested in V279, but place it below categories, not above the mockup's first sidebar block. */
@media(min-width:901px){.vf-site .vf-article-page .vf-article-sidebar>.vf-article-toc{position:static!important;order:1!important}.vf-site .vf-article-page .vf-article-sidebar>.vf-v275-side-cats{order:0!important}.vf-site .vf-article-page .vf-article-sidebar>.vf-detail-topic-news{order:2!important}.vf-site .vf-article-page .vf-article-sidebar>.vf-v275-side-products{order:3!important}.vf-site .vf-article-page .vf-article-sidebar>.vf-news-consult{order:4!important}}
@media(max-width:1100px){.vf-site .vf-article-page .vf-v273-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.vf-site .vf-article-page .vf-article-layout{display:block!important}.vf-site .vf-article-page .vf-article-sidebar{margin-top:24px}.vf-site .vf-article-page .vf-v276-header .vf-article-meta{padding-right:0}.vf-site .vf-article-page .vf-v280-share{position:static;margin-top:10px}}
@media(max-width:520px){.vf-site .vf-article-page{width:calc(100% - 24px)!important}.vf-site .vf-article-page .vf-v276-header h1{font-size:25px!important}.vf-site .vf-article-page .vf-v273-related-grid{grid-template-columns:1fr!important}.vf-site .vf-article-page .vf-article-mentioned>div{grid-template-columns:1fr}}