.comparison-entry{margin:0 0 18px}.comparison-mode a{position:relative;text-align:center;color:var(--cream);font-weight:800;text-decoration:none;padding:15px 5px 19px}.comparison-mode a.selected:after{content:'';position:absolute;bottom:3px;left:calc(50% - 18px);width:36px;height:4px;background:#d3b9e7;border-radius:4px}.comparison-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:20px 0}.comparison-selectors label{min-width:0;padding:13px;background:#eeebfa;border-radius:15px;display:flex;flex-direction:column;gap:8px;font-size:12px}.comparison-selectors select{box-sizing:border-box;min-width:0;width:100%;height:44px;border:1px solid #b6abd3;border-radius:9px;background:var(--cream);color:var(--ink);font:inherit}.comparison-selectors a{font-size:16px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}.comparison-selectors small{font-size:11px;overflow-wrap:anywhere}.comparison-rows{border:1px solid #d5cee5;border-radius:16px;overflow:hidden;background:#fffdf8}.comparison-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1.4fr) minmax(0,1fr);align-items:center;padding:10px 8px;border-bottom:1px solid #e6e0ed;gap:5px;text-align:center}.comparison-row:last-child{border:0}.comparison-row>b{justify-self:center;padding:7px 12px;border-radius:11px;font-size:20px}.comparison-row>span{font-size:12px}.comparison-best{background:#dcedbc;color:#294b1b}.comparison-mode a:focus-visible{outline:2px solid var(--green);border-radius:10px}

.ladder-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.ladder-navigation>button{min-width:0}

.comparison-choice{min-width:0;padding:13px;background:#eeebfa;border-radius:15px;display:flex;flex-direction:column;gap:8px}.comparison-selectors .comparison-choice label{padding:0;background:none;border-radius:0;font-size:12px;display:block}.comparison-choice label:not(:first-child){margin-top:7px}
.compare-visuals{display:grid;gap:16px;margin:16px 0 22px}.compare-visual-card{min-width:0;border:1px solid #d5cee5;border-radius:19px;padding:18px;background:#fffdf8}.compare-visual-card h2{font-size:19px;margin:0 0 12px}.compare-chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;margin:10px 0 18px}.compare-chart-legend span{display:flex;align-items:center;gap:6px}.compare-chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.compare-series-0{background:#235db9}.compare-series-1{background:#9674c2}.compare-bar-group{margin:17px 0}.compare-bar-group h3,.compare-mix-row h3{font-size:12px;margin:0 0 8px}.compare-bar-line{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center;margin:7px 0}.compare-bar-line b{font-size:13px;text-align:right}.compare-bar-track{display:block;width:100%;height:23px;border:0;padding:0;border-radius:6px;background:#efedf4;overflow:hidden;cursor:pointer}.compare-bar-track>span{display:block;height:100%;border-radius:6px}.compare-mix-track{display:flex;overflow:hidden;background:#efedf4;border-radius:8px;height:30px}.compare-mix-track button{padding:0;border:0;min-width:0;height:100%;cursor:pointer}.mix-shot-0{background:#cce3ae}.mix-shot-1{background:#b8b1ee}.mix-shot-2{background:#efb4c6}.compare-mix-row{margin:18px 0}.compare-mix-row small{display:block;font-size:11px;line-height:1.6;margin-top:7px;color:#626276}.compare-bar-track:focus-visible,.compare-mix-track button:focus-visible{outline:3px solid #613d91;outline-offset:-3px}.comparison-choice:first-child{border-top:4px solid #235db9}.comparison-choice:last-child{border-top:4px solid #9674c2}@media(min-width:900px){.compare-visuals:has(.compare-visual-card:nth-child(2)){grid-template-columns:1fr 1fr}}
.comparison-donuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:center}.comparison-donuts h3{font-size:14px;overflow-wrap:anywhere}.comparison-donut{width:100%;max-width:160px;aspect-ratio:1;border-radius:50%;position:relative;margin:12px auto}.comparison-donut>div{position:absolute;inset:23%;background:#fffdf8;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.comparison-donut b{font-size:clamp(20px,5vw,30px);line-height:1.2}.comparison-donut small{font-size:10px}.comparison-donuts p{font-size:10px;line-height:1.6;color:#626276}.comparison-timeline{grid-column:1/-1}.comparison-timeline svg{width:100%;max-height:360px;overflow:visible}.comparison-timeline svg text{font:11px Nunito,sans-serif}.comparison-timeline svg g{cursor:pointer}.comparison-timeline svg g:focus-visible{outline:none}.comparison-timeline svg g:focus-visible circle{stroke:#352355;stroke-width:3}