/* Benny Benchmark — vergelijkingspagina's (/vergelijk/) */
.vg-main{--a:#226547;--a-soft:#e4efe3;--b:#1d3c5a;--b-soft:#e3ebf3}
.vg-byline{display:flex;align-items:center;gap:12px;font-size:12px;color:#566c5c;line-height:1.6;margin:0 0 26px}
.vg-byline strong{color:#182b24}.vg-byline a{color:#226547;text-decoration:underline;text-underline-offset:3px}
.vg-avatar{width:44px;height:44px;flex-shrink:0}
.vg-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin:10px 0 6px}
.vg-card{background:#fff;border:1px solid #dfe7dc;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:6px}
.vg-card.is-a{border-top:4px solid var(--a)}.vg-card.is-b{border-top:4px solid var(--b)}
.vg-card h2{font:800 22px/1.3 Manrope,Arial;letter-spacing:-.5px;margin:6px 0 2px}
.vg-card p{font-size:13px;line-height:1.7;color:#566c5c;margin:0 0 6px;flex:1}
.vg-tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 9px;border-radius:5px}
.is-a .vg-tag{background:var(--a-soft);color:var(--a)}.is-b .vg-tag{background:var(--b-soft);color:var(--b)}
.vg-price{font:800 24px Manrope,Arial;letter-spacing:-.5px;margin:4px 0 10px}
.vg-price small{display:block;font:400 11px 'DM Sans',sans-serif;color:#72816f;letter-spacing:0;margin-top:2px}
.vg-shop,.info-article a.vg-shop{display:inline-flex;justify-content:center;background:#226547;color:#fff;text-decoration:none;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:700;margin-top:6px}
.vg-shop:hover,.info-article a.vg-shop:hover{background:#1a4f37;color:#fff}
.vg-vs{align-self:center;width:46px;height:46px;border-radius:50%;background:#182b24;color:#fff;display:flex;align-items:center;justify-content:center;font:800 15px Manrope,Arial}
.vg-choose{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.vg-choose>div{border-radius:12px;padding:18px 20px}
.vg-choose .is-a{background:var(--a-soft)}.vg-choose .is-b{background:var(--b-soft)}
.vg-choose h3{margin:0 0 6px}.vg-choose .is-a h3{color:var(--a)}.vg-choose .is-b h3{color:var(--b)}
.vg-choose li{font-size:13px!important}
.vg-benny{border-left:4px solid #d3a642;background:#fbf6e8;border-radius:0 12px 12px 0;padding:16px 20px}
.vg-benny strong{font-size:13px}.vg-benny p{margin:6px 0 0}
.vg-table td.win-a{background:var(--a-soft);font-weight:600}.vg-table td.win-b{background:var(--b-soft);font-weight:600}
.vg-table thead th{font-size:13px}.vg-table tbody th{width:22%;font-weight:700}
.vg-src{font-size:11px!important;color:#72816f!important;line-height:1.7!important}
.vg-bench{margin:20px 0;padding:20px;border:1px solid #e1e8df;border-radius:12px;background:#fbfcf9}
.vg-bench figcaption{margin-bottom:12px}.vg-bench figcaption strong{display:block;font:700 15px Manrope,Arial}
.vg-bench figcaption span{font-size:12px;color:#647768}
.vg-bar{display:grid;grid-template-columns:170px 1fr 64px;gap:12px;align-items:center;margin:8px 0;font-size:12px}
.vg-bar-label{color:#4f6557}.vg-bar b{text-align:right;font-variant-numeric:tabular-nums}
.vg-bar-track{height:14px;background:#edf1ea;border-radius:7px;overflow:hidden}
.vg-bar-track span{display:block;height:100%;background:#b9c6b6;border-radius:7px}
.vg-bar.is-a .vg-bar-track span{background:var(--a)}.vg-bar.is-b .vg-bar-track span{background:var(--b)}
.vg-bar.is-a .vg-bar-label,.vg-bar.is-b .vg-bar-label{font-weight:700;color:#182b24}
.vg-buy{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}
.vg-buy>div{border:1px solid #dfe7dc;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.vg-buy h3{margin:0 0 4px!important;font-size:15px!important}
.vg-buy .is-a{border-top:4px solid var(--a)}.vg-buy .is-b{border-top:4px solid var(--b)}
.vg-sources li{font-size:12px!important}
.vg-related,.vg-hubcat,.vg-hubnote{margin:40px 0}
.vg-related h2,.vg-hubcat h2,.vg-hubnote h2{font:800 25px Manrope,Arial;letter-spacing:-.6px;margin:10px 0 16px}
.vg-hubnote p{font-size:14px;line-height:1.8;color:#566c5c;max-width:720px}.vg-hubnote a{color:#226547;text-decoration:underline}
.vg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vg-tile{background:#fff;border:1px solid #dbe5d7;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}
.vg-tile:hover{border-color:#8da991;box-shadow:0 8px 24px #0b221d14}
.vg-tile-cat{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#54775e}
.vg-tile strong{font:800 18px/1.3 Manrope,Arial}.vg-tile span:not(.vg-tile-cat){font-size:12px;line-height:1.6;color:#647768}
.vg-tile em{font-style:normal;font-size:12px;font-weight:700;color:#226547;margin-top:auto;padding-top:6px}
.vg-benny-intro{display:flex;gap:18px;align-items:flex-start}.vg-benny-intro .vg-avatar{width:72px;height:72px}
@media(max-width:760px){
.vg-versus{grid-template-columns:1fr}.vg-vs{justify-self:center;margin:-6px 0}
.vg-choose,.vg-buy{grid-template-columns:1fr}.vg-grid{grid-template-columns:1fr}
.vg-bar{grid-template-columns:110px 1fr 52px;gap:8px;font-size:11px}
.vg-benny-intro{flex-direction:column}}
.vg-offers{display:flex;flex-direction:column;gap:8px}
.vg-offer,.info-article a.vg-offer{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid #dfe7dc;border-radius:10px;padding:8px 10px;background:#fff;color:#182b24;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.vg-offer:hover{border-color:#8da991;box-shadow:0 6px 18px #0b221d14}
.vg-offer img{width:52px;height:52px;object-fit:contain;border-radius:6px;background:#fff}
.vg-offer-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.vg-offer-txt strong{font-size:12px;line-height:1.4}
.vg-offer-txt small{font-size:10px;color:#72816f}
.vg-offer-buy{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.vg-offer-price{font:800 16px Manrope,Arial}
.vg-offer-buy em{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#226547;border-radius:6px;padding:6px 9px}
.is-b .vg-offer-buy em{background:var(--b)}
.vg-offer:hover .vg-offer-buy em{filter:brightness(.88)}
@media(max-width:760px){.vg-offer{grid-template-columns:44px 1fr;}.vg-offer img{width:44px;height:44px}.vg-offer-buy{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
img.vg-avatar{border-radius:50%;object-fit:cover;background:#e4efe3}
.vg-benny{display:flex;gap:16px;align-items:center}
.vg-benny-pic{width:76px;height:76px;flex-shrink:0;border-radius:50%}
.vg-h-pic{display:flex;align-items:center;gap:12px}
.vg-h-img{width:48px;height:48px;border-radius:50%;flex-shrink:0}
.vg-benny-intro .vg-avatar{width:120px;height:120px}