@keyframes participant-enter{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.main{animation:participant-enter var(--motion-enter) var(--ease-enter) both;}
@media(prefers-reduced-motion:reduce){.main{animation:none;}.choice-card{animation:none;}}
.cards-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:0;}
.cmp-stack{--cmp-in-line:var(--motion-quick);--cmp-in-lag:var(--motion-stagger);--cmp-in-box:var(--motion-panel);grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);scroll-margin-top:var(--space-3xl);scroll-margin-bottom:var(--space-3xl);}
.cmp-outcome{display:none;font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--line-label);letter-spacing:var(--kicker-tracking);text-transform:var(--kicker-case);color:var(--crit-ease);background:var(--pw-tie-bg);border:1px solid currentColor;padding:var(--space-sm) var(--space-lg);white-space:nowrap;}
.cmp-outcome.is-skip{color:var(--pw-skip-ink);background:var(--pw-skip-bg);}
.cmp-outcome.is-shown{display:block;}
@keyframes cmp-grow-in{from{opacity:0;transform:scale(0.92);}to{opacity:1;transform:none;}}
.cmp-outcome.is-shown,.cmp-stack .comparison-comment-panel.open{transform-origin:50% 0;animation:cmp-grow-in var(--cmp-in-line) var(--ease-emphasis) both;}
.cmp-stack .comparison-comment-panel.open{animation-duration:var(--cmp-in-box);}
.cmp-stack.has-line .comparison-comment-panel.open{animation-delay:var(--cmp-in-lag);}
@media(prefers-reduced-motion:reduce){.cmp-outcome.is-shown,.cmp-stack .comparison-comment-panel.open{animation:none;}}
.cards-wrap.is-outcome .choice-card.chosen .card-check{opacity:0;transform:scale(0.6);}
.cards-wrap.is-outcome .choice-card.image-card.chosen .card-check{opacity:0;transform:translate(-50%,-50%) scale(0.4);}
.compare-actions{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:var(--inset-box);
  width:fit-content;
  max-width:100%;
  margin:var(--space-lg) auto 0;
}
.compare-actions form{display:contents;}
.compare-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--nudge);background:transparent;color:var(--color-text-primary);padding:var(--inset-control) 22px;border:1px solid var(--border-strong);border-radius:var(--radius-control);cursor:pointer;transition:background var(--motion-quick),color var(--motion-quick),border-color var(--motion-quick);} 
.compare-actions button:hover{background:var(--button-outline-hover);}
.compare-actions button[disabled]{opacity:0.35;cursor:not-allowed;background:transparent;}
.cmp-btn-label{font-family:var(--font-label);font-size:var(--type-note);letter-spacing:var(--label-tracking);text-transform:uppercase;line-height:var(--line-label);}
.cmp-btn-sub{color:var(--color-text-secondary);line-height:var(--line-control);white-space:nowrap;}
.compare-actions button[disabled] .cmp-btn-sub{color:var(--color-text-secondary);}
.comparison-comment-panel{display:none;margin-top:var(--space-md);}
.comparison-comment-panel.open{display:block;}
.cmp-stack .comparison-comment-panel.in-stack{width:60%;max-width:100%;margin:0;background:var(--surface-panel);border:2px solid var(--panel-edge);padding:var(--space-lg);}
.cmp-stack .comparison-comment-panel.in-stack .compare-footer{margin-top:var(--space-md);}
.comparison-comment-text{padding:var(--inset-box) var(--inset-panel) var(--space-sm);font-family:var(--font-body);font-size:var(--type-field);color:var(--color-text);line-height:var(--type-line-prose);min-height:calc(1.5em * 3 + 12px + var(--space-sm));}
.cmp-comment-label{display:block;font-family:var(--font-heading);font-size:var(--tpl-heading);line-height:var(--line-label);letter-spacing:var(--display-label-tracking);text-transform:var(--display-label-case);text-align:center;color:var(--color-text);margin:0 0 var(--space-xs);}
.choice-card{--cmp-card-min:var(--choice-card-min);--cmp-drift:var(--choice-card-drift);position:relative;background:var(--surface-choice);border:2px solid var(--choice-edge);border-radius:var(--radius-choice);padding:var(--choice-card-pad);cursor:pointer;min-height:var(--cmp-card-min);display:flex;flex-direction:column;justify-content:center;user-select:none;animation-duration:var(--motion-drift);animation-timing-function:var(--ease-emphasis);animation-fill-mode:both;transition:border-color var(--motion-slow),background var(--motion-slow),opacity var(--motion-base),transform var(--motion-base) var(--ease-emphasis),box-shadow var(--motion-base) var(--ease-emphasis);}
.choice-card.card-left{animation-name:driftFromLeft;}
.choice-card.card-right{animation-name:driftFromRight;}
@keyframes driftFromLeft{from{opacity:0;transform:translateX(calc(-1 * var(--cmp-drift)));}to{opacity:1;transform:translateX(0);}}
@keyframes driftFromRight{from{opacity:0;transform:translateX(var(--cmp-drift));}to{opacity:1;transform:translateX(0);}}
.choice-card:hover{border-color:var(--choice-hover-edge);background:var(--choice-hover-wash);}
.choice-card.chosen{
    border-color:var(--selected-fill);background:var(--selected-fill);cursor:default;
    animation:none;
    transform:scale(1.04);
    transform-origin:center center;
    box-shadow:var(--shadow-raised);
    z-index:2;
}
.choice-card.chosen .card-text{color:var(--on-selected);}
.choice-card.chosen.is-tie,.choice-card.chosen.is-skip{border-color:var(--cmp-state);background:var(--cmp-state);}
@supports (background:color-mix(in srgb,#000 50%,#fff)){
    .choice-card.chosen.is-tie,.choice-card.chosen.is-skip{--cmp-state-fill:color-mix(in srgb, var(--cmp-state) 55%, var(--card-bg));border-color:var(--cmp-state-fill);background:var(--cmp-state-fill);}
}
.choice-card.chosen.is-tie{--cmp-state:var(--pw-tie-bg);}
.choice-card.chosen.is-tie .card-text{color:var(--crit-ease);}
.choice-card.chosen.is-skip{--cmp-state:var(--pw-skip-bg);}
.choice-card.chosen.is-skip .card-text{color:var(--pw-skip-ink);}
.choice-card.unchosen{opacity:0.28;pointer-events:none;}
.card-text{font-family:var(--font-body);font-size:var(--type-display-s);line-height:var(--line-prose);color:var(--color-text);text-align:center;transition:color var(--motion-slow);}
.choice-card.image-card{padding:0;background:transparent;border-color:transparent;min-height:0;justify-content:flex-start;overflow:hidden;transition:border-color var(--motion-slow),background var(--motion-slow),opacity var(--motion-base),transform var(--motion-base) var(--ease-emphasis),box-shadow var(--motion-base) var(--ease-emphasis);}
.choice-card.image-card .card-image{order:2;width:100%;aspect-ratio:4/3;background:transparent;background-size:contain;background-position:top center;background-repeat:no-repeat;}
.cards-wrap.image-mode{gap:var(--inset-box);margin-bottom:36px;}
.choice-card.image-card .card-image.empty{background:repeating-linear-gradient(45deg,var(--image-empty-stripe-dark),var(--image-empty-stripe-dark) 12px,var(--image-empty-ground-dark) 12px,var(--image-empty-ground-dark) 24px);}
.choice-card.image-card .card-text{order:1;font-family:var(--font-heading);font-size:var(--type-panel-title);letter-spacing:var(--display-label-tracking);line-height:var(--line-label);padding:var(--inset-box) var(--gap-block) var(--inset-panel);background:transparent;color:var(--color-text);}
.choice-card.image-card.chosen{
    background:transparent;
    animation:none;
    transform:scale(1.04);
    transform-origin:center center;
    box-shadow:var(--shadow-raised);
    z-index:2;
}
.choice-card.image-card .card-check{
    --cmp-tick-size:var(--tick-size-image);
    top:50%;left:50%;right:auto;bottom:auto;
    transform:translate(-50%,-50%) scale(0.4);
    transition:opacity var(--motion-pop) var(--ease-overshoot),transform var(--motion-pop) var(--ease-overshoot);
    z-index:3;
}
.choice-card.image-card.chosen .card-check{opacity:1;transform:translate(-50%,-50%) scale(1);}
.choice-card.image-card .card-image{transition:transform var(--motion-quick) var(--ease-standard);}
.choice-card.image-card.unchosen .card-image{transform:scale(0.97);}
@media(max-width:640px){.choice-card.image-card .card-text{font-size:var(--type-card-name);line-height:var(--line-label);padding:var(--gap-row) var(--inset-panel) var(--inset-panel);}}
.card-check{--cmp-tick-size:var(--tick-size);position:absolute;bottom:18px;transform:scale(0.6);transition:opacity var(--motion-slow),transform var(--motion-slow);}
.card-left .card-check{left:22px;}
.card-right .card-check{right:22px;}
.choice-card.chosen .card-check{opacity:1;transform:scale(1);}
.main .compare-top-card > .hc-block + .hc-block,
.main .compare-top-card > .participant-intro-card-wrap + .hc-block,
.main .compare-top-card > .msr-page-header + .hc-block{margin-top:var(--space-lg);}
#compareMain .compare-footer__next{display:none;}
#compareMain .comparison-comment-panel.open .compare-footer__next{display:inline-block;}
[data-skip-button]{transition:opacity var(--motion-quick) var(--ease-standard);}
[data-skip-button][disabled]{opacity:0.35;cursor:not-allowed;}
@media(max-width:900px){.choice-card{--cmp-card-min:var(--choice-card-min-compact);padding:var(--choice-card-pad-narrow);}}
@media(max-width:640px){.cards-wrap{grid-template-columns:1fr;row-gap:var(--space-md);}.card-right .card-check{right:auto;left:22px;}.cmp-stack{order:2;width:100%;margin-top:0;}.cmp-stack .comparison-comment-panel.in-stack{width:100%;}.cards-wrap .card-left{order:1;}.cards-wrap .card-right{order:3;}.cmp-stack .compare-footer{display:flex;gap:var(--space-sm);}.cmp-stack .compare-footer > form,.cmp-stack .compare-footer .q-btn-back,.cmp-stack .compare-footer .p-btn-primary{flex:1 1 0;min-width:0;min-height:var(--control-height-phone);}.cmp-stack .compare-footer .q-btn-back,.cmp-stack .compare-footer .p-btn-primary{width:100%;padding-left:var(--space-md);padding-right:var(--space-md);white-space:nowrap;}.choice-card{--cmp-card-min:var(--choice-card-min-compact);--cmp-drift:var(--choice-card-drift-stacked);padding:var(--choice-card-pad-phone);}.card-text{font-size:var(--type-card-name);}.comparison-comment-text{font-size:max(var(--type-field), var(--tpl-field-min, 0px));}}
@media(max-height:500px){.cards-wrap{margin-bottom:var(--inset-panel);}.choice-card{--cmp-card-min:var(--choice-card-min-compact);padding:var(--choice-card-pad-short);}.choice-card.image-card .card-image{aspect-ratio:16/9;}.card-check{--cmp-tick-size:var(--tick-size-short);bottom:10px;}.choice-card.image-card .card-check{--cmp-tick-size:var(--tick-size-image-short);}.card-left .card-check{left:14px;}.card-right .card-check{right:14px;}}
.comment-box{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--motion-pop) var(--ease-standard),opacity var(--motion-settle) var(--ease-standard),margin var(--motion-settle) var(--ease-standard);}
.comment-box.open{max-height:480px;opacity:1;}
.comment-box-frame{margin-top:var(--inset-panel);margin-bottom:0;}
.comment-box-inner{background:var(--surface-panel);border:1px solid var(--color-border);border-radius:var(--radius-comment);padding:var(--space-lg);}
.comment-box-prompt{font-family:var(--font-body);font-size:var(--type-field);color:var(--color-text-primary);margin:0 0 var(--gap-row) 0;}
.comment-box-text{width:100%;min-height:88px;border:1px solid var(--field-edge-soft);padding:var(--gap-row) var(--inset-box);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--type-line-prose);color:var(--color-text-primary);background:var(--surface-field);box-sizing:border-box;border-radius:var(--radius-control);resize:vertical;outline:none;}
.comment-box-actions{display:flex;justify-content:flex-end;margin-top:var(--inset-box);}
.cmp-skip{margin-top:var(--space-lg);}
.cmp-skip__rule{display:flex;justify-content:center;border-top:1px solid var(--rule-weak);padding-top:var(--inset-panel);}
.cmp-skip__form{margin:0;}
.cmp-skip__link{background:none;border:0;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--type-label);font-weight:var(--weight-regular);line-height:var(--line-label);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:var(--inset-box) var(--space-lg);}
.compare-footer__back{display:inline;}