/* 0.5.652: complete comparison workspace audit with readable mobile SVG labels. */
.vpba-compare-page{overflow-x:clip!important}
.vpba-compare-page-hero.has-selection{padding:26px 30px!important}
.vpba-compare-page-hero.has-selection .vpba-title{font-size:44px!important;line-height:1.08!important}
.vpba-compare-page-hero.has-selection .vpba-subtitle{max-width:760px;margin-top:9px!important;font-size:15px!important;line-height:1.5!important}
.vpba-compare-section-nav{position:sticky;top:10px;z-index:20;display:flex;gap:5px;width:max-content;max-width:100%;margin:12px auto 18px;padding:5px;border:1px solid #dfe3eb;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(25,34,55,.08);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vpba-compare-section-nav::-webkit-scrollbar{display:none}
.vpba-compare-section-nav a{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;padding:6px 11px;border-radius:7px;color:#465166!important;font-size:.7rem;font-weight:800;line-height:1.2;text-decoration:none!important;white-space:nowrap}
.vpba-compare-section-nav a:hover{background:#f2f4f9;color:#263fc8!important}
.vpba-compare-section-nav a:focus-visible{outline:3px solid #9dadff;outline-offset:1px}
.vpba-compare-section-nav a.is-current,.vpba-compare-section-nav a[aria-current="location"]{background:#e9edff;color:#263fc8!important}
body.admin-bar .vpba-compare-section-nav{top:42px}
#vpba-compare-differences,#vpba-compare-geometry,#vpba-compare-gearing,#vpba-compare-specifications{scroll-margin-top:86px}

@media(min-width:981px){
	.vpba-comparison-v2{margin-top:18px}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-card{grid-template-columns:142px minmax(0,1fr)!important}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-image{width:142px;min-height:166px!important;aspect-ratio:auto!important;padding:10px!important;border-right:1px solid #edf0f4!important;border-bottom:0!important}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-image img{max-height:146px!important}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-card-body{padding:14px!important}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-card h2{font-size:.94rem!important}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-facts{gap:7px;margin-top:11px}
	.vpba-comparison-v2-count-3 .vpba-comparison-v2-actions{padding-top:11px}
}

.vpba-geometry-overlay-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 12px;border:1px solid #e2e6ee;border-radius:9px;background:#f8f9fc}
.vpba-geometry-overlay-toolbar label{display:grid;gap:4px;min-width:0;color:#596476;font-size:.63rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.vpba-geometry-overlay-toolbar select{width:min(430px,60vw);height:36px;margin:0;padding:0 30px 0 9px;border:1px solid #cfd5df;border-radius:7px;background:#fff;color:#172033;font:inherit;font-size:.75rem;font-weight:750;letter-spacing:0;line-height:34px;text-transform:none}
.vpba-geometry-overlay-toolbar select:focus-visible{outline:3px solid #9dadff;outline-offset:2px;border-color:#5268df}
.vpba-wrap button.vpba-geometry-overlay-expand{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;width:auto!important;min-width:0!important;min-height:36px!important;flex:0 0 auto;align-items:center!important;justify-content:center!important;margin:0!important;padding:7px 12px!important;border:1px solid #cdd4e4!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;color:#263fc8!important;font:inherit!important;font-size:.7rem!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;cursor:pointer!important}
.vpba-wrap button.vpba-geometry-overlay-expand:hover{border-color:#9aa7c7!important;background:#f5f6fb!important}
.vpba-wrap button.vpba-geometry-overlay-expand:focus-visible{outline:3px solid #9dadff!important;outline-offset:2px!important}
.vpba-geometry-overlay-more{display:flex;gap:7px}
.vpba-wrap .vpba-geometry-overlay-controls .vpba-geometry-overlay-more-toggle{display:none!important}
.vpba-geometry-overlay-values[hidden]{display:none!important}
.vpba-geometry-overlay-value.is-reference{background:#fff;border-right:1px solid #dfe4ed}
.vpba-geometry-overlay-value.is-hidden{opacity:.52}
.vpba-geometry-overlay-takeaway{margin:10px 0 0;padding:9px 10px;border-left:3px solid #5268df;border-radius:0 6px 6px 0;background:#f6f7fc;color:#3f4a5d;font-size:.69rem;line-height:1.5}
.vpba-geometry-overlay-takeaway>strong{display:block;margin-bottom:3px;color:#273247;font-weight:800}
.vpba-geometry-overlay-takeaway ul{display:grid;gap:3px;margin:0;padding-left:17px}
.vpba-geometry-overlay-interpretation{margin:10px 0 0!important;padding-top:9px;border-top:1px solid #e5e8ef;color:#596476!important;font-size:.69rem!important;line-height:1.55!important}
.vpba-geometry-overlay-interpretation strong{color:#273247!important;font-weight:800!important}
.vpba-overlay-metric-label{pointer-events:none}
.vpba-overlay-svg.has-active-metric .vpba-overlay-bike{opacity:.34}

.vpba-geometry-overlay-legend-item{grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;padding:8px 9px!important;transition:opacity .16s ease,background-color .16s ease}
.vpba-geometry-overlay-legend-item.is-hidden{background:#f6f7f9;opacity:.62}
.vpba-geometry-overlay-legend-item>.vpba-geometry-overlay-key{width:18px!important;height:5px!important;margin:0!important;border-radius:999px!important;background-image:none}
.vpba-geometry-overlay-legend-1>.vpba-geometry-overlay-key{background-image:repeating-linear-gradient(90deg,transparent 0 5px,#fff 5px 7px)}
.vpba-geometry-overlay-legend-2>.vpba-geometry-overlay-key{background-image:repeating-linear-gradient(90deg,transparent 0 2px,#fff 2px 4px)}
.vpba-geometry-overlay-legend-actions{display:flex!important;align-items:center;gap:3px;overflow:visible!important;white-space:normal!important}
.vpba-wrap .vpba-geometry-overlay-legend-actions button{appearance:none!important;-webkit-appearance:none!important;width:auto!important;min-width:0!important;min-height:28px!important;margin:0!important;padding:4px 6px!important;border:1px solid #d8dde6!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;color:#536075!important;font:inherit!important;font-size:.59rem!important;font-weight:800!important;line-height:1.1!important;text-transform:none!important;cursor:pointer!important}
.vpba-wrap .vpba-geometry-overlay-legend-actions button:hover{border-color:#aeb7c7!important;background:#f5f6fa!important;color:#263fc8!important}
.vpba-wrap .vpba-geometry-overlay-legend-actions button:focus-visible{outline:3px solid #9dadff!important;outline-offset:1px!important}
.vpba-wrap .vpba-geometry-overlay-legend-actions button:disabled{opacity:.42;cursor:not-allowed!important}
.vpba-overlay-bike,.vpba-overlay-active-metric{transition:opacity .16s ease}
.vpba-overlay-bike[data-bike-index="1"] .vpba-overlay-frame-line{stroke-dasharray:16 7}
.vpba-overlay-bike[data-bike-index="2"] .vpba-overlay-frame-line{stroke-dasharray:3 6}
.vpba-comparison-v2-geometry[data-vpba-overlay-focus="0"] .vpba-overlay-bike:not([data-bike-index="0"]),.vpba-comparison-v2-geometry[data-vpba-overlay-focus="0"] .vpba-overlay-active-metric:not([data-bike-index="0"]),
.vpba-comparison-v2-geometry[data-vpba-overlay-focus="1"] .vpba-overlay-bike:not([data-bike-index="1"]),.vpba-comparison-v2-geometry[data-vpba-overlay-focus="1"] .vpba-overlay-active-metric:not([data-bike-index="1"]),
.vpba-comparison-v2-geometry[data-vpba-overlay-focus="2"] .vpba-overlay-bike:not([data-bike-index="2"]),.vpba-comparison-v2-geometry[data-vpba-overlay-focus="2"] .vpba-overlay-active-metric:not([data-bike-index="2"]){opacity:.14}

body.vpba-overlay-expanded{overflow:hidden!important}
.vpba-comparison-v2-geometry.is-expanded{position:fixed!important;inset:12px!important;z-index:100100!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:22px 24px!important;overflow:auto!important;border-radius:14px!important;box-shadow:0 24px 80px rgba(17,24,39,.3)!important}
.vpba-comparison-v2-geometry.is-expanded .vpba-geometry-overlay-stage svg{height:min(62vh,640px)!important;max-height:640px!important}
.vpba-comparison-v2-geometry.is-expanded .vpba-geometry-overlay-expand{position:sticky;top:0;z-index:3}

@media(max-width:700px){
	.vpba-compare-page .vpba-compare-page-hero.has-selection{padding:16px 18px!important}
	.vpba-compare-page .vpba-compare-page-hero.has-selection .vpba-title{font-size:30px!important;line-height:1.08!important}
	.vpba-compare-page .vpba-compare-page-hero.has-selection .vpba-subtitle{margin-top:7px!important;font-size:13px!important;line-height:1.45!important}
	.vpba-comparison-v2{margin-top:14px!important}
	.vpba-compare-section-nav{top:7px;max-width:calc(100% - 8px);margin:8px auto 13px;padding:4px}
	.vpba-compare-section-nav a{min-height:32px;padding:5px 9px;font-size:10px}
	body.admin-bar .vpba-compare-section-nav{top:54px}
	#vpba-compare-differences,#vpba-compare-geometry,#vpba-compare-gearing,#vpba-compare-specifications{scroll-margin-top:106px}
	.vpba-geometry-overlay-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:9px!important}
	.vpba-geometry-overlay-toolbar label{font-size:9px!important}
	.vpba-geometry-overlay-toolbar select{width:100%;height:34px;font-size:11px!important;line-height:32px}
	.vpba-wrap button.vpba-geometry-overlay-expand{min-height:34px!important;padding:6px 9px!important;font-size:10px!important}
	.vpba-geometry-overlay-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0 0 10px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
	.vpba-wrap .vpba-geometry-overlay-controls .vpba-geometry-overlay-more-toggle{display:inline-flex!important}
	.vpba-geometry-overlay-more{display:none;flex:1 0 100%;flex-wrap:wrap;gap:6px;padding-top:1px}
	.vpba-comparison-v2-geometry.is-more-open .vpba-geometry-overlay-more{display:flex}
	.vpba-comparison-v2-geometry.is-more-open .vpba-geometry-overlay-more-toggle{border-color:#9aa7c7!important;background:#f5f6fb!important;color:#263fc8!important}
	.vpba-geometry-overlay-legend{grid-template-columns:1fr!important}
	.vpba-geometry-overlay-legend-item{grid-template-columns:18px minmax(0,1fr) auto!important;padding:7px 8px!important}
	.vpba-wrap .vpba-geometry-overlay-legend-actions button{min-height:27px!important;padding:4px 6px!important;font-size:9px!important}
	.vpba-geometry-overlay-value-grid{grid-template-columns:1fr!important}
	.vpba-geometry-overlay-takeaway{font-size:10px!important}
	.vpba-geometry-overlay-interpretation{font-size:10px!important;line-height:1.5!important}
	.vpba-geometry-overlay-stage{min-height:270px!important}
	.vpba-geometry-overlay-stage svg{height:270px!important;max-height:270px!important}
	.vpba-comparison-v2-geometry.is-expanded{inset:0!important;padding:15px!important;border:0!important;border-radius:0!important}
	.vpba-comparison-v2-geometry.is-expanded .vpba-geometry-overlay-stage{min-height:340px!important}
	.vpba-comparison-v2-geometry.is-expanded .vpba-geometry-overlay-stage svg{height:min(52vh,520px)!important;min-height:340px!important;max-height:520px!important}
}

@media print{
	.vpba-compare-section-nav,.vpba-geometry-overlay-toolbar,.vpba-geometry-overlay-legend-actions{display:none!important}
	.vpba-comparison-v2-geometry.is-expanded{position:static!important;inset:auto!important;margin:18px 0 24px!important;padding:22px 23px!important;overflow:visible!important;box-shadow:none!important}
}