.sdo-w--comparison .sdo-cmp{margin-top:clamp(28px,5vw,56px);border-top:2px solid var(--sdo-wine)}
.sdo-w--comparison .sdo-cmp__row{display:grid;grid-template-columns:1.35fr 1fr 1.25fr;gap:24px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--sdo-line)}
.sdo-w--comparison .sdo-cmp__row--h{font-size:.85rem;color:var(--sdo-muted);padding-block:12px}
.sdo-w--comparison .sdo-cmp__row--h div:last-child{color:var(--sdo-wine);font-weight:600}
.sdo-w--comparison .sdo-cmp__item{font-weight:600;color:var(--sdo-ink)}
.sdo-w--comparison .sdo-cmp__lim,.sdo-w--comparison .sdo-cmp__full{display:flex;align-items:center;gap:10px;font-size:.95rem}
.sdo-w--comparison .sdo-cmp__lim{color:var(--sdo-muted)}
.sdo-w--comparison .sdo-cmp__full{color:var(--sdo-wine)}
.sdo-w--comparison .sdo-cmp__ic{flex:none;width:20px;height:20px}
.sdo-w--comparison .sdo-cmp__row:not(.sdo-cmp__row--h){transition:background .5s var(--sdo-ease)}
.sdo-w--comparison .sdo-cmp__row:not(.sdo-cmp__row--h):hover{background:rgba(184,160,126,.12)}
.sdo-w--comparison .sdo-cmp__legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0 0;padding:0;font-size:.85rem;color:var(--sdo-muted)}
.sdo-w--comparison .sdo-cmp__legend li{display:flex;align-items:center;gap:8px}
.sdo-w--comparison .sdo-cmp__legend .sdo-cmp__ic{width:16px;height:16px}
@media(max-width:767px){
.sdo-w--comparison .sdo-cmp__row--h{display:none}
.sdo-w--comparison .sdo-cmp__row{grid-template-columns:1fr;gap:6px;padding:18px 2px}
.sdo-w--comparison .sdo-cmp__lim::before,.sdo-w--comparison .sdo-cmp__full::before{content:attr(data-label);flex:0 0 7.5em;font-size:.78rem;color:var(--sdo-sand)}
.sdo-w--comparison .sdo-cmp__lim,.sdo-w--comparison .sdo-cmp__full{flex-wrap:wrap}
}

/* v0.2: numbering, sticky head, Kathib column emphasis, progressive reveal, expand toggle */
.sdo-w--comparison .sdo-cmp__row--h{position:sticky;top:var(--sdo-cmp-top,0px);z-index:2;background:var(--sdo-surface,#fff)}
.sdo-w--comparison .sdo-cmp__item{display:flex;align-items:baseline;gap:14px}
.sdo-w--comparison .sdo-cmp__no{flex:none;font-size:.78rem;font-weight:400;color:var(--sdo-sand);font-variant-numeric:tabular-nums}
.sdo-w--comparison .sdo-cmp__full{font-weight:600}
.sdo-w--comparison .sdo-cmp__full .sdo-cmp__ic{transform:scale(.6);opacity:0;transition:transform .8s var(--sdo-ease),opacity .6s var(--sdo-ease);transition-delay:calc(var(--r,0) * 60ms + .25s)}
.sdo-w--comparison .sdo-cmp.is-in .sdo-cmp__full .sdo-cmp__ic{transform:none;opacity:1}
.sdo-w--comparison .sdo-cmp__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .9s var(--sdo-ease)}
.sdo-w--comparison .sdo-cmp__more-in{overflow:hidden;min-height:0}
.sdo-w--comparison .sdo-cmp__more.is-open{grid-template-rows:1fr}
.sdo-w--comparison .sdo-cmp__more .sdo-cmp__row{opacity:0;transform:translate3d(0,14px,0);transition:opacity .7s var(--sdo-ease),transform .9s var(--sdo-ease),background .5s var(--sdo-ease);transition-delay:calc(var(--r,0) * 45ms)}
.sdo-w--comparison .sdo-cmp__more.is-open .sdo-cmp__row{opacity:1;transform:none}
.sdo-w--comparison .sdo-cmp__more .sdo-cmp__full .sdo-cmp__ic{transform:none;opacity:1;transition:none}
.sdo-w--comparison .sdo-cmp__toggle{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:12px 26px;border:1px solid var(--sdo-wine);border-radius:99px;color:var(--sdo-wine);font-size:.95rem;transition:background .5s var(--sdo-ease),color .5s var(--sdo-ease)}
.sdo-w--comparison .sdo-cmp__toggle:hover,.sdo-w--comparison .sdo-cmp__toggle[aria-expanded=true]{background:var(--sdo-wine);color:#fff}
.sdo-w--comparison .sdo-cmp__toggle i{position:relative;width:12px;height:12px}
.sdo-w--comparison .sdo-cmp__toggle i::before,.sdo-w--comparison .sdo-cmp__toggle i::after{content:"";position:absolute;inset:50% 0 auto;height:1.5px;background:currentColor;transition:transform .6s var(--sdo-ease)}
.sdo-w--comparison .sdo-cmp__toggle i::after{transform:rotate(90deg)}
.sdo-w--comparison .sdo-cmp__toggle[aria-expanded=true] i::after{transform:rotate(0)}
.sdo-w--comparison .sdo-cmp__toggle:focus-visible{outline:2px solid var(--sdo-sand);outline-offset:3px}
.sdo-editor .sdo-w--comparison .sdo-cmp__full .sdo-cmp__ic{transform:none;opacity:1}
@media(max-width:767px){.sdo-w--comparison .sdo-cmp__row--h{position:static}}
@media (prefers-reduced-motion:reduce){.sdo-w--comparison *{transition:none!important}.sdo-w--comparison .sdo-cmp__full .sdo-cmp__ic{transform:none;opacity:1}}
/* v0.8: accent per tone (wine on light, sand on dark) */
.sdo-w--comparison .sdo-cmp{border-top-color:var(--sdo-accent)}
.sdo-w--comparison .sdo-cmp__row--h div:last-child,.sdo-w--comparison .sdo-cmp__full{color:var(--sdo-accent)}
.sdo-w--comparison .sdo-cmp__toggle{min-height:48px;border-color:var(--sdo-accent);color:var(--sdo-accent)}
.sdo-w--comparison .sdo-cmp__toggle:hover,.sdo-w--comparison .sdo-cmp__toggle[aria-expanded=true]{background:var(--sdo-accent);color:var(--sdo-accent-ink)}
.sdo-tone--dark.sdo-w--comparison .sdo-cmp__row:not(.sdo-cmp__row--h):hover{background:color-mix(in srgb,var(--sdo-sand) 8%,transparent)}
.sdo-al--center.sdo-w--comparison .sdo-cmp__toggle{display:flex;width:max-content;margin-inline:auto}
.sdo-al--center.sdo-w--comparison .sdo-cmp__legend{justify-content:center}