/*
 * Block 156 (Michael, 2026-10-13): the versus pages below the Verdict card in the
 * product page's look. Values are the product page's (inc/svt-product-layout.php,
 * css/svt-components.css: the card, the uppercase card title, the 14px tile row and
 * its 8px chevron, the spec tiles), carried here because those rules are scoped to
 * body.svt-pl. Everything is under .svtvs, so no other page is touched.
 * Markup: svt-core/includes/svt-vs-vx.php and both versus templates.
 */
.svtvs{--vx-ink:var(--svt-ink,#26231E);--vx-slate:var(--svt-slate-ink,#655F55);--vx-mute:#8A8272;--vx-tile:#F6F2EB;--vx-line:rgba(0,0,0,.08);--vx-a:var(--svt-brass-ink,#8F6226);--vx-a2:var(--svt-brass,#C8842B);--vx-b:var(--b-ink,#35589C);--vx-b2:var(--b,#4974C4);--vx-ok:var(--svt-added,#3B6633);--vx-icon:var(--svt-click,#4974C4);--vx-num:64px;--vx-gap:14px;--vx-ic:28px;--vx-pad:16px}
@media (max-width:767px){.svtvs{--vx-num:54px;--vx-gap:10px;--vx-ic:24px;--vx-pad:12px}}
.svtvs .svt-pl-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}

/* Sections and pairs: one column, two equal columns from 1024px (the product page's .svt-pl-row.has-pc). */
.svtvs .svt-vx-sec{margin:20px 0 0}
.svtvs .svt-trust + .svt-vx-sec{margin-top:28px}
.svtvs .svt-vx-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@media (min-width:1024px){
	.svtvs .svt-vx-pair:not(.is-one){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
	.svtvs .svt-vx-pair > .svt-vx-card,.svtvs .svt-vx-pair > .svt-vx-col2{display:flex;flex-direction:column;min-width:0}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-foot{margin-top:auto;padding-top:14px}
	/* The shorter side spreads its rows evenly; the rows keep their own height. */
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists > .svt-vx-list{display:contents}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists > .svt-vx-list > .svt-vx-row{flex:1 1 auto}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists > .svt-vx-list > .svt-vx-row:not(:has(details[open])){max-height:68px}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists > .svt-vx-group{margin:10px 0 0}
	.svtvs .svt-vx-pair > .svt-vx-card > .svt-vx-lists > .svt-vx-group:first-child{margin-top:0}
}
@media (max-width:767px){.svtvs .svt-vx-pair{gap:14px}.svtvs .svt-vx-sec{margin-top:14px}}

/* The card and its title (.svt-pl-card, .svt-pl-head, .svt-pl-title). */
.svtvs .svt-vx-card{background:#fff;border:1px solid var(--vx-line);border-radius:18px;padding:22px 24px;box-sizing:border-box;min-width:0;color:var(--vx-ink)}
@media (max-width:767px){.svtvs .svt-vx-card{padding:16px;border-radius:16px}}
.svtvs .svt-vx-head{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:0;border:0;background:none}
.svtvs .svt-vx-head .svt-vx-title{margin:0;padding:0;font-size:15px;line-height:1.25;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vx-ink)}
.svtvs .svt-vx-lede{margin:-6px 0 14px;font-size:14px;line-height:1.5;color:var(--vx-slate)}
.svtvs .svt-vx-foot{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--vx-slate)}
.svtvs .svt-vx-sec > .svt-vx-foot{margin:10px 2px 0}
.svtvs .svt-vx-group{display:block;margin:18px 0 8px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-slate)}
.svtvs .svt-vx-lists > .svt-vx-group:first-child{margin-top:0}
.svtvs .svt-vx-group__n{margin-left:6px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--vx-slate)}

/* Name stacks: brand over model, in the side's colour. A model wraps at its spaces, never inside a word. */
.svtvs .svt-vx-stack .pvp-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.svtvs .svt-vx-stack .pvp-b{display:block;font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-slate)}
.svtvs .svt-vx-stack .pvp-m{display:block;font-size:15px;line-height:1.3;font-weight:700;overflow-wrap:normal;word-break:normal}
.svtvs .svt-vx-stack--a .pvp-m,.svtvs .svt-vx-stack--a > .pvp-n:not(:has(.pvp-m)){color:var(--vx-a)}
.svtvs .svt-vx-stack--b .pvp-m,.svtvs .svt-vx-stack--b > .pvp-n:not(:has(.pvp-m)){color:var(--vx-b)}
.svtvs .svt-vx-stack > .pvp-n:not(:has(.pvp-m)){font-size:15px;font-weight:700;line-height:1.3}

/* Column headers above a two-number list: each side's stack ends over its own column,
   A on the first line and B on the second, so a long name never has to fit a narrow column. */
.svtvs .svt-vx-cols{display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px;margin:0 0 10px;padding:0 calc(var(--vx-pad) + 14px + var(--vx-gap)) 0 var(--vx-pad);text-align:right}
.svtvs .svt-vx-col{justify-self:end;max-width:100%;padding:0 0 4px;border-bottom:3px solid var(--vx-a2)}
.svtvs .svt-vx-col--a{margin-right:calc(var(--vx-num) + var(--vx-gap))}
.svtvs .svt-vx-col--b{border-bottom-color:var(--vx-b2)}
.svtvs .svt-vx-col .pvp-n{align-items:flex-end}
.svtvs .svt-vx-col .pvp-b{font-size:10.5px}
.svtvs .svt-vx-col .pvp-m{font-size:14px}
.svtvs .svt-vx-cols__sp{display:none}

/* Rows: the tinted tile, whole row clickable when it opens, the 8px chevron (.svt-pl-ufold). */
.svtvs .svt-vx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.svtvs .svt-vx-list > li{margin:0;list-style:none}
.svtvs .svt-vx-list > li::before{content:none}
.svtvs .svt-vx-row{display:flex;flex-direction:column;justify-content:center;background:var(--vx-tile);border-radius:14px;min-width:0}
.svtvs .svt-vx-r{display:grid;grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px;column-gap:var(--vx-gap);align-items:center;min-height:56px;padding:10px var(--vx-pad);box-sizing:border-box;list-style:none;font-size:15px;line-height:1.3;color:var(--vx-ink)}
.svtvs summary.svt-vx-r{cursor:pointer;border-radius:14px}
.svtvs summary.svt-vx-r::-webkit-details-marker{display:none}
.svtvs summary.svt-vx-r::marker{content:""}
.svtvs summary.svt-vx-r:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:-2px}
.svtvs .svt-vx-r__ic{display:flex;align-items:center;justify-content:center;width:var(--vx-ic);height:var(--vx-ic);color:var(--vx-icon)}
.svtvs .svt-vx-r__ic .svt-bar-logo{width:var(--vx-ic)!important;height:var(--vx-ic)!important;margin:0!important;opacity:1!important;transform:none!important}
.svtvs .svt-vx-r__ic .svt-bar-logo.is-line{background-color:var(--vx-icon)!important}
.svtvs .svt-vx-r__ic .svt-pl-ic,.svtvs .svt-vx-tic{width:24px;height:24px;color:var(--vx-icon)}
.svtvs .svt-vx-r__n{min-width:0;font-weight:600;overflow-wrap:normal}
.svtvs .svt-vx-r__sub{display:block;margin-top:2px;font-size:13px;line-height:1.4;font-weight:400;color:var(--vx-slate)}
.svtvs .svt-vx-chev{justify-self:center;width:8px;height:8px;margin:0 0 3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--vx-ink);transform:rotate(45deg);transition:transform .2s ease}
.svtvs .svt-vx-chev.is-none{visibility:hidden}
.svtvs details[open] > summary .svt-vx-chev{transform:rotate(-135deg);margin:3px 0 0}
@media (prefers-reduced-motion:reduce){.svtvs .svt-vx-chev{transition:none}}
.svtvs .svt-vx-note{margin:0 var(--vx-pad) 0 calc(var(--vx-pad) + var(--vx-ic) + var(--vx-gap));padding:10px 0 14px;border-top:1px solid var(--vx-line);font-size:15px;line-height:1.55;color:var(--vx-ink)}
@media (max-width:767px){.svtvs .svt-vx-note{margin:0 var(--vx-pad)}}
.svtvs .svt-vx-note p,.svtvs .svt-vx-note ul{margin:0;font-size:15px;line-height:1.55;color:var(--vx-ink)}
.svtvs .svt-vx-note p + p,.svtvs .svt-vx-note p + div,.svtvs .svt-vx-note div + p{margin-top:10px}
.svtvs .svt-vx-note ul{padding-left:18px}
.svtvs .svt-vx-note li{margin:0 0 4px}

/* The two figures. Higher: side colour and a green check. Lower: grey. Equal: plain. Missing: grey dash. */
.svtvs .svt-vx-v{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0;padding-right:17px;font-size:20px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--vx-ink)}
.svtvs .svt-vx-v.is-win{padding-right:0}
.svtvs .svt-vx-v--a.is-win{color:var(--vx-a)}
.svtvs .svt-vx-v--b.is-win{color:var(--vx-b)}
.svtvs .svt-vx-v.is-lose,.svtvs .svt-vx-v.is-na{color:var(--vx-mute)}
.svtvs .svt-vx-ok{flex:0 0 auto;width:14px;height:14px;color:var(--vx-ok)}

/* Plain text rows (complaints): icon and text, no figures. */
.svtvs .svt-vx-row--text .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr)}
.svtvs .svt-vx-r__t{min-width:0;font-size:15px;line-height:1.45;color:var(--vx-ink)}

/* Product header row: photo tile, name stack, overall. */
.svtvs .svt-vx-ph{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0 0 14px;font-size:inherit;line-height:1.3;font-weight:inherit}
.svtvs .svt-vx-ph__img{display:block;width:56px;height:56px;border-radius:10px;background:var(--vx-tile);overflow:hidden}
.svtvs .svt-vx-ph__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin:0}
.svtvs .svt-vx-ph__name{min-width:0;text-decoration:none}
.svtvs .svt-vx-ph__name:hover .pvp-m{text-decoration:underline}
.svtvs .svt-vx-ph__sc{font-size:22px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.svtvs .svt-vx-ph--a .svt-vx-ph__sc{color:var(--vx-a)}
.svtvs .svt-vx-ph--b .svt-vx-ph__sc{color:var(--vx-b)}
.svtvs .svt-vx-ph__sc .svt-of{margin-left:1px;font-size:.62em;font-weight:600;color:var(--vx-slate)}
.svtvs .svt-vx-card--ph{padding:14px 16px}
.svtvs .svt-vx-card--ph .svt-vx-ph{margin:0}

/* "What they say" inside an owners fold. */
.svtvs .svt-vx-says{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.svtvs .svt-vx-says__side{background:#fff;border-radius:12px;padding:12px 14px;border-top:3px solid var(--vx-a2)}
.svtvs .svt-vx-says__side--b{border-top-color:var(--vx-b2)}
.svtvs .svt-vx-says .svt-vx-says__who{margin:0 0 6px;font-size:14px;font-weight:700}
.svtvs .svt-vx-says__side--a .svt-vx-says__who{color:var(--vx-a)}
.svtvs .svt-vx-says__side--b .svt-vx-says__who{color:var(--vx-b)}
.svtvs .svt-vx-says__who .pvp-n,.svtvs .svt-vx-says__who .pvp-b,.svtvs .svt-vx-says__who .pvp-m{display:inline;font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;color:inherit}
.svtvs .svt-vx-says ul{margin:0;padding-left:18px}
.svtvs .svt-vx-says li{font-size:14px;line-height:1.5;margin:0 0 4px}
.svtvs .svt-vx-says .svt-vx-says__none{margin:0;font-size:14px;color:var(--vx-slate)}
.svtvs .svt-vx-note .svt-vx-scope{font-size:14px;color:var(--vx-slate);margin:0 0 10px}

/* Pros and cons: a header card, then the shared Strengths and Drawbacks cards. */
.svtvs .svt-vx-col2{display:flex;flex-direction:column;gap:14px;min-width:0}
.svtvs .svt-vx-pcs .svt-pnc{margin:0}
@media (min-width:1024px){.svtvs .svt-vx-pcs > .svt-vx-col2 > .svt-pnc:last-child{flex:1 1 auto}}

/* Specs: buy cards, the specs that differ, "Same on both" as spec tiles. */
.svtvs .svt-vx-buys{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 4px}
@media (min-width:600px){.svtvs .svt-vx-buys{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.svtvs .svt-vx-buy{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border-radius:14px;background:var(--vx-tile);border-top:3px solid var(--vx-a2)}
.svtvs .svt-vx-buy--b{border-top-color:var(--vx-b2)}
.svtvs .svt-vx-buy .svt-vx-ph{margin:0;grid-template-columns:48px minmax(0,1fr)}
.svtvs .svt-vx-buy .svt-vx-ph__img{width:48px;height:48px;background:#fff}
.svtvs .svt-vx-buy .svt-vx-ph__sc{display:none}
.svtvs .svt-vx-buy .svt-scoreclus{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0}
.svtvs .svt-vx-buy .svt-scoreclus__bars{min-width:0}
.svtvs .svt-vx-buy .svt-rank{margin:0;text-align:left}
.svtvs .svt-vx-buy__deal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;flex-wrap:wrap}
.svtvs .svt-vx-buy__price{margin:0;font-size:20px;line-height:1.2;font-weight:700;color:var(--vx-ink)}
.svtvs .svt-vx-list--spec .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr)}
.svtvs .svt-vx-sv{display:block;min-width:0;font-size:15px;line-height:1.35;font-weight:600;text-align:right;color:var(--vx-ink);overflow-wrap:normal}
.svtvs .svt-vx-sv .svt-vx-ok{display:inline-block;vertical-align:-1px;margin-left:4px}
.svtvs .svt-vx-sv--a.is-win{color:var(--vx-a)}
.svtvs .svt-vx-sv--b.is-win{color:var(--vx-b)}
.svtvs .svt-vx-sv.is-na{font-weight:500;color:var(--vx-slate)}
.svtvs .svt-vx-specs .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr);column-gap:var(--vx-gap);align-items:end;padding:0 var(--vx-pad)}
.svtvs .svt-vx-specs .svt-vx-cols__sp{display:block;grid-column:1 / 3}
.svtvs .svt-vx-specs .svt-vx-col,.svtvs .svt-vx-specs .svt-vx-col--a{margin-right:0;justify-self:end}
@media (max-width:767px){
	/* A phone: the label on its own line, the two values under it. */
	.svtvs .svt-vx-list--spec .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr) minmax(0,1fr);row-gap:6px}
	.svtvs .svt-vx-list--spec .svt-vx-r__n{grid-column:2 / 4}
	.svtvs .svt-vx-list--spec .svt-vx-sv--a{grid-column:2;grid-row:2;text-align:left}
	.svtvs .svt-vx-list--spec .svt-vx-sv--b{grid-column:3;grid-row:2}
	.svtvs .svt-vx-specs .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1fr) minmax(0,1fr)}
	.svtvs .svt-vx-specs .svt-vx-cols__sp{grid-column:1}
	.svtvs .svt-vx-specs .svt-vx-col--a{justify-self:start;text-align:left}
	.svtvs .svt-vx-specs .svt-vx-col--a .pvp-n{align-items:flex-start}
}
.svtvs .svt-vx-specs-same{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:767px){.svtvs .svt-vx-specs-same{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.svtvs .svt-vx-spec{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-width:0;margin:0;padding:14px 8px 12px;border-radius:14px;background:var(--vx-tile);list-style:none}
.svtvs .svt-vx-spec::before{content:none}
.svtvs .svt-vx-spec__ic{width:28px;height:28px;margin:0 0 6px;color:var(--vx-icon)}
.svtvs .svt-vx-spec__v{font-size:15px;line-height:1.3;font-weight:700;color:var(--vx-ink);overflow-wrap:normal;min-width:0;max-width:100%}
.svtvs .svt-vx-spec__k{font-size:12.5px;line-height:1.35;color:var(--vx-slate)}
.svtvs .svt-vx-spec.is-na .svt-vx-spec__v{font-weight:500;color:var(--vx-slate)}
@media (max-width:767px){
	.svtvs .svt-vx-spec{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;row-gap:1px;align-items:center;justify-content:stretch;text-align:left;padding:8px 10px;border-radius:10px}
	.svtvs .svt-vx-spec__ic{grid-column:1;grid-row:1 / 3;width:20px;height:20px;margin:0}
	.svtvs .svt-vx-spec__v{grid-column:2;grid-row:1;font-size:14px;line-height:1.25}
	.svtvs .svt-vx-spec__k{grid-column:2;grid-row:2;font-size:11.5px;line-height:1.25}
}

/* Not sold on either one?: one card, a row per alternative, no panel fills. */
.svtvs .svt-vx-group--a{color:var(--vx-a)}
.svtvs .svt-vx-group--b{color:var(--vx-b)}
.svtvs .svt-vx-empty{margin:0;font-size:14px;color:var(--vx-slate)}
.svtvs .svt-vx-alt{padding:14px var(--vx-pad);gap:10px;justify-content:flex-start}
.svtvs .svt-vx-alt__top{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:12px}
.svtvs .svt-vx-alt__top .svt-vx-ph__img{background:#fff}
.svtvs .svt-vx-alt__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.svtvs .svt-vx-alt__role,.svtvs .svt-vx-alt__lab{font-size:11.5px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-slate)}
.svtvs .svt-vx-alt__name{text-decoration:none;min-width:0}
.svtvs .svt-vx-alt__name:hover .pvp-m{text-decoration:underline}
.svtvs .svt-vx-alt__nums{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:15px;color:var(--vx-ink)}
.svtvs .svt-vx-alt__delta{font-size:13px;font-weight:600;color:var(--vx-slate)}
.svtvs .svt-vx-alt__delta--less{color:var(--vx-ok)}
.svtvs .svt-vx-alt__mid{display:flex;flex-direction:column;gap:4px}
.svtvs .svt-vx-alt__diff{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.45;color:var(--vx-ink)}
.svtvs .svt-vx-alt__diff li{margin:0 0 2px}
.svtvs .svt-vx-alt__pick{display:flex;flex-direction:column;gap:4px}
.svtvs .svt-vx-alt__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}
.svtvs .svt-vx-alt__go{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #D6D1C7;border-radius:10px;background:#fff;font-size:14px;font-weight:700;color:var(--vx-ink);text-decoration:none}
.svtvs .svt-vx-alt__go:hover{border-color:var(--vx-b);color:var(--vx-b)}
.svtvs .svt-vx-alt__go:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:2px}

/* Brand comparisons: the numbers, only one brand sells, best vs best. */
.svtvs .svt-vx-r--plain{grid-template-columns:var(--vx-ic) minmax(0,1fr) 14px}
.svtvs .svt-vx-head__link{margin-left:auto;font-size:14px;font-weight:600;color:var(--vx-b);text-decoration:underline;text-underline-offset:2px}
.svtvs .svt-vx-head{flex-wrap:wrap;row-gap:4px}
.svtvs .svt-vx-nums__sides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 14px}
.svtvs .svt-vx-nums__side{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border-radius:14px;background:var(--vx-tile);border-top:3px solid var(--vx-a2)}
.svtvs .svt-vx-nums__side--b{border-top-color:var(--vx-b2)}
.svtvs .svt-vx-nums__logo{margin:0;height:36px;display:flex;align-items:center}
.svtvs .svt-vx-nums__logo img{display:block;width:auto;max-width:100%;height:auto;max-height:36px;object-fit:contain;margin:0}
.svtvs .svt-vx-nums__name{font-size:16px;font-weight:700}
.svtvs .svt-vx-nums .svt-scoreclus{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0}
.svtvs .svt-vx-nums .svt-scoreclus__dial{display:flex;flex-direction:column;align-items:center;zoom:.6}
.svtvs .svt-vx-nums .svt-scoreclus__olab{display:none}
.svtvs .svt-vx-nums .svt-scoreclus__bars{display:flex;flex-direction:column;gap:8px;min-width:0}
@media (max-width:420px){.svtvs .svt-vx-nums .svt-scoreclus{grid-template-columns:minmax(0,1fr)}.svtvs .svt-vx-nums .svt-scoreclus__dial{align-items:flex-start}}
.svtvs .svt-vx-only__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.svtvs .svt-vx-only__col .svt-vx-group{margin-top:0}
.svtvs .svt-vx-oc{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:8px 12px;color:var(--vx-ink);text-decoration:none}
.svtvs .svt-vx-oc__img{display:block;width:40px;height:40px;border-radius:8px;background:#fff;overflow:hidden}
.svtvs .svt-vx-oc__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin:0}
.svtvs .svt-vx-oc__t{display:flex;flex-direction:column;min-width:0}
.svtvs .svt-vx-oc__n{font-size:14px;line-height:1.3;font-weight:700}
.svtvs a.svt-vx-oc:hover .svt-vx-oc__n{text-decoration:underline}
.svtvs .svt-vx-oc__c{font-size:13px;color:var(--vx-slate)}
.svtvs .svt-vx-evcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.svtvs .svt-vx-evside{min-width:0;padding:12px 14px;border-radius:14px;background:var(--vx-tile);border:0;border-top:3px solid var(--vx-a2)}
.svtvs .svt-vx-evside--b{border-top-color:var(--vx-b2)}
.svtvs .svt-vx-evside__who{margin:0;font-size:14px;font-weight:700;color:var(--vx-a)}
.svtvs .svt-vx-evside--b .svt-vx-evside__who{color:var(--vx-b)}
.svtvs .svt-vx-evside__n{margin:2px 0 8px;font-size:13px;color:var(--vx-slate)}
.svtvs .svt-vx-evside__n b{font-size:18px;color:var(--vx-ink)}
.svtvs .svt-vx-evblock + .svt-vx-evblock{margin-top:14px}
.svtvs .svt-vx-match{margin:0 0 20px}
.svtvs .svt-vx-match:last-child{margin-bottom:0}
.svtvs .svt-vx-match__meta{margin:0 0 4px}
.svtvs .svt-vx-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:768px){.svtvs .svt-vx-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.svtvs .svt-vx-match__more{margin-top:14px}
.svtvs .svt-vx-note--cards{margin-left:var(--vx-pad);padding-top:14px}
.svtvs .pcard__pncf{border-radius:12px;background:#fff;border:1px solid var(--vx-line)}
.svtvs .pcard__pncf > .svt-vx-r--plain{grid-template-columns:minmax(0,1fr) 14px;min-height:48px;padding:8px 14px;font-weight:600}
.svtvs .pcard__pncf > .pcard__pnc{padding:0 10px 10px}
.svtvs .svt-vx-evid{display:flex;flex-direction:column}.svtvs .svt-vx-evid > .evid__cite{margin-top:auto;padding-top:14px}
.svtvs .svt-vx-nums .svt-scoreclus__dial{display:flex!important}
@media (max-width:599px){.svtvs .svt-vx-nums__sides{grid-template-columns:minmax(0,1fr)}}
.svtvs .svt-vx-evside .evid__bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.svtvs .svt-vx-evside .evid__bars li{display:grid;grid-template-columns:auto minmax(24px,1fr) auto;align-items:center;column-gap:8px;margin:0}
.svtvs .svt-vx-evside .evid__term{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0;max-width:none!important;width:auto!important;font-size:13px;font-weight:600;color:var(--vx-ink)}
@media (max-width:420px){.svtvs .svt-vx-evcols{grid-template-columns:minmax(0,1fr)}}
/* Product names are never cut: the cards' two-line clamp is lifted here (block 156). */
.svtvs .svt-vx-match .pcard .svt-title-rest{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.svtvs .svt-vx-match .pcard__top > div{min-width:0}
.svtvs .svt-vx-match .pcard__deal{flex-wrap:wrap;padding-right:0}
/* From 768px the two name stacks sit side by side, each centred over its own figure column;
   the columns take --vx-numw, sized from the names by svt_vx_numw(). A phone keeps the
   stacked form above (its columns are too narrow for most model names). */
@media (min-width:768px){
	.svtvs .svt-vx-two{--vx-num:var(--vx-numw,64px)}
	.svtvs .svt-vx-two .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px;column-gap:var(--vx-gap);row-gap:0;align-items:end;padding:0 var(--vx-pad);text-align:center}
	.svtvs .svt-vx-two .svt-vx-cols__sp{display:block;grid-column:1 / 3}
	.svtvs .svt-vx-two .svt-vx-col{margin:0;justify-self:stretch;text-align:center;min-width:0}
	.svtvs .svt-vx-two .svt-vx-col .pvp-n{align-items:center}
	.svtvs .svt-vx-two .svt-vx-v{justify-content:center}
}

/* Block 156b (Michael, 2026-10-13): two columns only where two things are compared side by side
   (Where they differ | What owners report, and the pros and cons); everything after is a full-width
   card, split in two inside where it holds one thing per side. */
.svtvs .svt-vx-stack1{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.svtvs .svt-vx-halves{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
@media (min-width:768px){.svtvs .svt-vx-halves{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}}
.svtvs .svt-vx-half{min-width:0;display:flex;flex-direction:column;gap:10px}
.svtvs .svt-vx-half > .svt-vx-ph{margin:0}
.svtvs .svt-vx-half > .svt-vx-group{margin:0}
.svtvs .svt-vx-alts .svt-vx-half > .svt-vx-list{flex:1 1 auto}
@media (max-width:767px){.svtvs .svt-vx-halves > .svt-vx-half + .svt-vx-half{padding-top:16px;border-top:1px solid var(--vx-line)}}
/* Pros and cons: the header cards, Strengths and Drawbacks line up across both columns (the product page's even rows). */
@media (min-width:1024px){
	.svtvs .svt-vx-pcs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:14px;align-items:stretch}
	.svtvs .svt-vx-pcs > .svt-vx-col2{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:14px}
	.svtvs .svt-vx-pcs > .svt-vx-col2 > .svt-pnc:last-child{flex:none}
}
/* Specs at full width: six spec tiles across, as on the product page. */
@media (min-width:1024px){.svtvs .svt-vx-specs-same{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:768px){.svtvs .svt-vx-specs .svt-vx-list--spec .svt-vx-r,.svtvs .svt-vx-specs .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}}
/* What opens under a row: two sides, short points; a long summary waits behind "Read the full summary". */
@media (min-width:600px){.svtvs .svt-vx-says{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.svtvs .svt-vx-pts{margin:0;padding-left:18px;list-style:disc}
.svtvs .svt-vx-says .svt-vx-pts li,.svtvs .svt-vx-note .svt-vx-pts li{font-size:14px;line-height:1.45;margin:0 0 4px;color:var(--vx-ink)}
.svtvs .svt-vx-ptsg + .svt-vx-ptsg{margin-top:8px}
.svtvs .svt-vx-says .svt-vx-ptsg__lab{margin:0 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.svtvs .svt-vx-ptsg.is-liked .svt-vx-ptsg__lab{color:var(--vx-ok)}
.svtvs .svt-vx-ptsg.is-complaints .svt-vx-ptsg__lab{color:var(--svt-con-ink,#98564F)}
.svtvs .svt-vx-ptsg.is-liked li::marker{color:var(--vx-ok)}
.svtvs .svt-vx-ptsg.is-complaints li::marker{color:var(--svt-con-ink,#98564F)}
.svtvs .svt-vx-more2{margin-top:6px}
.svtvs .svt-vx-more2 > summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:var(--vx-b)}
.svtvs .svt-vx-more2 > summary::-webkit-details-marker{display:none}
.svtvs .svt-vx-more2 > summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-bottom:3px}
.svtvs .svt-vx-more2[open] > summary::after{transform:rotate(-135deg);margin:3px 0 0}
.svtvs .svt-vx-more2 > summary:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:2px;border-radius:4px}
.svtvs .svt-vx-note > .svt-vx-scope{font-size:14px;color:var(--vx-slate);margin:0 0 10px}
/* Best vs best: each card is one column of its own parts (the old tabbed panes' seven-row subgrid does not apply here). */
.svtvs .svt-vx-cards{grid-template-rows:none!important;grid-auto-rows:auto!important}
.svtvs .svt-vx-cards > .pcard{display:flex!important;flex-direction:column;grid-row:auto!important;min-width:0}
.svtvs .svt-vx-cards > .pcard > .pcard__pnc{margin-top:auto}
.svtvs .svt-vx-match .pcard__sku{overflow-wrap:anywhere;word-break:break-word;white-space:normal}

/* Block 156c (Michael, 2026-10-13): Where they differ and What owners report are full-width cards,
   one under the other. Each row carries the product page's small bar, one per side, between the
   name and the figures; what opens under a row has the two products side by side at full width. */
.svtvs .svt-vx-bars{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.svtvs .svt-vx-bar{display:block;height:8px;border-radius:999px;background:#fff;overflow:hidden}
.svtvs .svt-vx-bar > i{display:block;height:100%;width:var(--w,0%);border-radius:999px;background:var(--vx-a2)}
.svtvs .svt-vx-bar--b > i{background:var(--vx-b2)}
.svtvs .svt-vx-two .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-bars{grid-column:2 / 5;grid-row:2;margin-top:6px}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__ic{grid-row:1 / 3}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-row:1 / 3;align-self:center}
@media (min-width:768px){
	.svtvs .svt-vx-two .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(150px,240px) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-bars{grid-column:3;grid-row:1;margin:0}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__ic,.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-row:1}
	.svtvs .svt-vx-two .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(150px,240px) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px}
	.svtvs .svt-vx-two .svt-vx-cols__sp{grid-column:1 / 4}
}
.svtvs .svt-vx-two .svt-vx-list{gap:8px}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__ic{grid-column:1}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__n{grid-column:2;grid-row:1}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--a{grid-column:3;grid-row:1}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--b{grid-column:4;grid-row:1}
.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-column:5}
@media (min-width:768px){
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--a{grid-column:4}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--b{grid-column:5}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-column:6}
}
/* Phones (block 156c, Michael): the two names sit side by side over their own columns, as on
   desktop. Row: icon and name on the first line; the bars, then the two figures, on the second. */
@media (max-width:767px){
	.svtvs .svt-vx-two{--vx-num:min(var(--vx-numw,64px),72px)}
	.svtvs .svt-vx-two .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px;row-gap:6px}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__ic{grid-column:1;grid-row:1}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__n{grid-column:2 / 5;grid-row:1}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-bars{grid-column:1 / 3;grid-row:2;margin:0}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--a{grid-column:3;grid-row:2}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--b{grid-column:4;grid-row:2}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-column:5;grid-row:1 / 3}
	.svtvs .svt-vx-two .svt-vx-v{justify-content:center}
	.svtvs .svt-vx-two .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px;column-gap:var(--vx-gap);row-gap:0;align-items:end;padding:0 var(--vx-pad);text-align:center}
	.svtvs .svt-vx-two .svt-vx-cols__sp{display:block;grid-column:1 / 3}
	.svtvs .svt-vx-two .svt-vx-col{grid-column:auto;margin:0;justify-self:stretch;text-align:center;min-width:0}
	.svtvs .svt-vx-two .svt-vx-col .pvp-n{align-items:center}
	.svtvs .svt-vx-two .svt-vx-col .pvp-b{font-size:10px;letter-spacing:.06em}
	.svtvs .svt-vx-two .svt-vx-col .pvp-m{font-size:12.5px}
}
/* "What's different" in the Not sold cards: the site's body font, as in Strengths and drawbacks (156d, Michael). */
.svtvs .pvp-alt__diff li{font-family:inherit;font-size:14px;line-height:1.45}
/* Phones: the spec tiles that differ are compact: icon and name on one line, the two values side by side (156d, Michael). */
@media (max-width:767px){
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile,.svtvs--product .pvp-tile--wide{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:8px 10px;padding:12px}
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile__ic,.svtvs--product .pvp-tile--wide .pvp-tile__ic{width:24px;height:24px;margin:0;flex:none}
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile > .pvp-tile__k{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--svt-ink,#26231E)}
	.svtvs--product .pvp-tile--wide .pvp-tile__head{flex:1 1 100%}
	.svtvs--product .pvp-tile--wide .pvp-tile__both{flex:1 1 100%;margin:0}
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile__vals,.svtvs--product .pvp-tile--wide .pvp-tile__vals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;flex:1 1 100%}
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile__v,.svtvs--product .pvp-tile--wide .pvp-tile__v{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;padding:8px 10px}
	.svtvs--product .pvp-tiles:not(.pvp-tiles--same) .pvp-tile__val{text-align:left}
	.svtvs--product .pvp-chip{white-space:normal}
}
.svtvs .svt-nb{white-space:nowrap}
@media (max-width:767px){
	.svtvs .svt-vx-two{--vx-num:min(var(--vx-numw,64px),80px)}
	.svtvs .svt-vx-two .svt-vx-col .pvp-m{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
}
.svtvs .svt-vx-none{margin:0;font-size:14px;color:var(--svt-slate-ink,#655F55)}
/* Block 156e (Michael): the higher figure sits in the site's green box (as .pvp-tile__v.is-win), no check. */
.svtvs .svt-vx-v{justify-content:center;padding-right:0}
.svtvs .svt-vx-v.is-win{color:var(--svt-added,#3B6633)}
.svtvs .svt-vx-v.is-win > :not(.svt-pl-sr){}
.svtvs .svt-vx-v.is-win{background:#EDF2E9;box-shadow:inset 0 0 0 1px #4A7C40;border-radius:8px;padding:5px 0;justify-self:stretch}
.svtvs .svt-vx-v--a.is-win,.svtvs .svt-vx-v--b.is-win{color:var(--svt-added,#3B6633)}
/* Phones: one line per row (icon, name, the two figures, chevron), no bars; the cards run to the
   screen edges and the open notes lose their inner boxes, so the text gets the width. */
@media (max-width:767px){
	.svtvs .svt-vx-card{margin-left:-14px;margin-right:-14px;border-radius:0;border-left:0;border-right:0;padding:18px 10px}
	.svtvs .svt-vx-head,.svtvs .svt-vx-lede,.svtvs .svt-vx-foot,.svtvs .svt-vx-group{padding-left:4px;padding-right:4px}
	.svtvs{--vx-gap:8px;--vx-pad:10px}
	.svtvs .svt-vx-two{--vx-num:min(var(--vx-numw,64px),66px)}
	.svtvs .svt-vx-two .svt-vx-r{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px;row-gap:0;min-height:52px}
	.svtvs .svt-vx-two .svt-vx-r > *{grid-row:1 !important}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__ic{grid-column:1}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-r__n{grid-column:2}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--a{grid-column:3}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-v--b{grid-column:4}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-chev{grid-column:5}
	.svtvs .svt-vx-two .svt-vx-r > .svt-vx-bars{display:none}
	.svtvs .svt-vx-two .svt-vx-cols{grid-template-columns:var(--vx-ic) minmax(0,1fr) var(--vx-num) var(--vx-num) 14px}
	.svtvs .svt-vx-says__side{background:transparent;border-radius:0;padding:10px 0 0}
	.svtvs .svt-vx-note{margin:0 var(--vx-pad)}
}
.svtvs .svt-vx-v.is-win{justify-self:center;min-width:44px;padding:5px 10px;box-sizing:border-box}
/* Block 156f (Michael): bigger product pictures in the complaints and pros/cons heads. */
.svtvs .svt-vx-ph{grid-template-columns:76px minmax(0,1fr) auto}
.svtvs .svt-vx-ph__img{width:76px;height:76px;border-radius:12px}
.svtvs .svt-vx-buy .svt-vx-ph{grid-template-columns:48px minmax(0,1fr)}
.svtvs .svt-vx-buy .svt-vx-ph__img{width:48px;height:48px}
/* Phones: the card title sits beside the two names (no empty band above the rows); the lede runs under both. */
@media (max-width:767px){
	.svtvs .svt-vx-top{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--vx-gap);align-items:end;margin:0 0 10px}
	.svtvs .svt-vx-top > .svt-vx-head{grid-column:1;grid-row:1;margin:0;padding-left:4px;min-width:0}
	.svtvs .svt-vx-top > .svt-vx-lede{grid-column:1 / -1;grid-row:2;margin:8px 0 0}
	.svtvs .svt-vx-two .svt-vx-top > .svt-vx-cols{grid-column:2;grid-row:1;margin:0;grid-template-columns:var(--vx-num) var(--vx-num) 14px;padding:0 var(--vx-pad) 0 0}
	.svtvs .svt-vx-two .svt-vx-top > .svt-vx-cols > .svt-vx-cols__sp{display:none}
	.svtvs .svt-vx-two .svt-vx-top > .svt-vx-cols > .svt-vx-col--a{grid-column:1}
	.svtvs .svt-vx-two .svt-vx-top > .svt-vx-cols > .svt-vx-col--b{grid-column:2}
	.svtvs .svt-vx-top .svt-vx-title{line-height:1.25}
}
/* 156g (Michael): the title sits level with the middle of the two names, not on their baseline. */
@media (max-width:767px){.svtvs .svt-vx-top > .svt-vx-head{align-self:center}}
/* 158: points lead with a bold label; one per line. */
.svtvs .svt-vx-pts b{font-weight:700;color:var(--vx-ink)}
.svtvs .svt-vx-says .svt-vx-pts li + li,.svtvs .svt-vx-note .svt-vx-pts li + li{padding-top:6px;border-top:1px solid var(--vx-line)}
/* 159c (Michael): "Not sold on either one?" and "What only X sells" on phones: the tinted panel runs to the
   screen edge and the white cards inside lose most of their inset, so the text gets the width. */
@media (max-width:767px){
	.svtvs .only__col{margin-left:-14px;margin-right:-14px;border-radius:0;padding:18px 10px}
	.svtvs .only__col .pvp-alt{padding:14px 12px}
}
/* 161b: Liked/Complaints topic word bold (a stylesheet resets <b>). */
.svtvs .svt-vx-ptsg.is-liked li b,.svtvs .svt-vx-ptsg.is-complaints li b{font-weight:700}
/* 164 (Michael): "Not sold on either one?" panels on product-vs-product pages run to the screen edge on phones (159c's rule did not reach them). */
@media (max-width:599px){.svtvs .only .only__col{margin-left:-14px!important;margin-right:-14px!important;border-radius:0!important;padding:18px 10px!important}.svtvs .only .only__col .pvp-alt{padding:14px 12px!important}}
/* 187: re-dated 2026-10-19 so a browser holding a copy saved before the folder rename (block 166) fetches this one. */