/* Product mobile hero and profiler comparison; all rules are scoped. */
.opt-comparison .opt-compare-scroll{position:relative;scroll-padding-inline-start:160px;scrollbar-gutter:stable}
.opt-comparison .opt-compare-scroll:focus-visible{outline:2px solid #713795;outline-offset:4px}
.opt-comparison .opt-compare-scroll th:first-child,
.opt-comparison .opt-compare-scroll td:first-child{position:sticky;left:0;z-index:2;background:#f4f1f8;box-shadow:2px 0 0 #ded9e6;min-width:132px}
.opt-comparison .opt-compare-scroll thead th:first-child{z-index:3;background:#ebe5f3}
.opt-comparison .opt-compare-scroll tbody th:first-child a{color:#713795;text-decoration:underline;text-underline-offset:3px}
.opt-comparison .opt-compare-hint{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px;line-height:1.5;color:#655d76}
.opt-comparison .opt-compare-hint[hidden]{display:none}
.pd .pd-feature-more{margin:12px 0 0;border-top:1px solid rgba(255,255,255,.18);padding-top:10px}
.pd .pd-feature-more summary{cursor:pointer;color:#fff!important;font-size:14px!important;font-weight:600;line-height:1.6!important;min-height:36px;padding:6px 0;list-style:disclosure-closed}
.pd .pd-feature-more[open] summary{list-style:disclosure-open;margin-bottom:8px}
.pd .pd-feature-more summary:focus-visible{outline:2px solid var(--pd-cyan,#22d3ee);outline-offset:3px}
@media(max-width:900px){
 .pd .pd-hero{padding:18px 0 30px}
 .pd .pd-hero .commonbox{grid-template-columns:minmax(0,1fr);gap:18px}
 .pd .pd-stage{order:-1;justify-self:center;width:100%;max-width:260px;padding:12px;border-radius:8px}
 .pd .pd-stage-main{height:132px;aspect-ratio:auto}
 .pd .pd-stage-main img{width:auto;max-width:100%;max-height:132px}
 .pd .pd-thumbs{gap:6px;margin-top:8px;justify-content:flex-start;overflow-x:auto;max-width:100%;padding-bottom:2px}
 .pd .pd-thumbs button{width:36px;height:30px;padding:2px;flex:0 0 36px}
 .pd .pd-hero-text{display:flex;flex-direction:column;min-width:0}
 .pd .pd-hero-text>.pd-crumb{order:0;font-size:10.5px;line-height:1.5;letter-spacing:.08em;margin:0 0 9px}
 .pd .pd-hero-text>.pd-title{order:1;font-size:29px;line-height:1.13;overflow-wrap:anywhere}
 .pd .pd-hero-text>.pd-sub{order:2;font-size:14px;line-height:1.45;margin-top:9px}
 .pd .pd-hero-text>.pd-cta{order:3;gap:9px;margin-top:16px}
 .pd .pd-hero-text>.pd-rule{order:4;margin:20px 0 16px}
 .pd .pd-hero-text>.pd-hl{order:5;font-size:14px;line-height:1.55}
 .pd .pd-hero-text>.pd-hl li{margin-bottom:9px;padding-left:17px}
 .pd .pd-hero .pd-btn{height:44px;padding:0 14px;font-size:13px;gap:6px;white-space:nowrap}
 .pd .pd-hero .pd-btn .pd-i{width:14px;height:14px;flex-basis:14px}
}
@media(max-width:520px){
 .pd .pd-stage{max-width:228px;padding:10px}
 .pd .pd-stage-main,.pd .pd-stage-main img{height:112px;max-height:112px}
 .pd .pd-hero-text>.pd-title{font-size:27px}
 .opt-comparison .opt-compare-scroll{scroll-padding-inline-start:132px}
 .opt-comparison .opt-compare-scroll th:first-child,
 .opt-comparison .opt-compare-scroll td:first-child{width:132px;min-width:132px;max-width:132px}
}
@media(prefers-reduced-motion:reduce){.opt-comparison .opt-compare-scroll{scroll-behavior:auto}}

@media(max-width:600px){#opt-comparison{box-sizing:border-box}}