/* R243: keep the before/now storyboard visible together, without nested scrolling. */
.r184-story-method .r243-comparison-view{min-width:0;scroll-margin-top:100px}
.r243-comparison-view *{box-sizing:border-box}
.r184-story-method .r243-comparison-heading{margin:0 0 16px;max-width:none}
.r184-story-method .r243-comparison-heading h2{font-size:30px!important;line-height:1.25!important;margin:3px 0 6px!important}
.r184-story-method .r243-comparison-heading p{font-size:15px;line-height:1.5;color:#6b5874}
.r184-story-method .r243-comparison-heading .r184-method-eyebrow{font-size:12px;line-height:1.4;margin:0 0 4px}
.r243-comparison-view .r184-story-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}
.r243-comparison-view .r184-story-comparison>article{min-width:0;display:flex;flex-direction:column;border:1px solid #dfd5ec;border-radius:14px;overflow:hidden;background:#faf8fc}
.r243-comparison-view .r184-story-comparison>.r184-story-after{border-color:#c9e2e7;background:#f2f8f9}
.r243-comparison-view .r184-story-heading{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;min-height:56px}
.r243-comparison-view .r184-story-heading>span{font-size:13px;line-height:1.3;letter-spacing:0;color:#735b83;white-space:nowrap}
.r243-comparison-view .r184-story-after .r184-story-heading>span{color:#227783}
.r243-comparison-view .r184-story-heading h3{font-size:20px;line-height:1.3;margin:0!important;color:#302548}
.r243-comparison-view .r226-story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 14px 8px}
.r243-comparison-view .r226-story-frame{min-width:0;position:relative;background:#fff;border:1px solid #e4deea;border-radius:6px;overflow:hidden;margin:0;padding:0}
.r243-comparison-view .r226-story-frame>img{display:block;width:100%;height:clamp(70px,17svh,144px);max-height:none;object-fit:contain;background:#f1edf2}
.r243-comparison-view .r226-story-frame figcaption{display:flex;align-items:center;gap:6px;min-height:48px;padding:8px;text-align:left}
.r243-comparison-view .r226-story-frame small{padding:0;font-size:11px;line-height:1.3;color:#80638f;flex-shrink:0}
.r243-comparison-view .r226-story-frame b{font-size:14px;line-height:1.4;font-weight:600;color:#493353}
.r184-story-method .r243-comparison-view .r243-story-result{margin:auto 0 0;padding:8px 16px 14px;font-size:15px;line-height:1.4;font-weight:600;color:#685074}
.r184-story-method .r243-comparison-view .r184-story-after .r243-story-result{color:#22616c}
@media(max-width:700px){
 .r184-story-method .r243-comparison-heading{margin-bottom:10px}
 .r184-story-method .r243-comparison-heading .r184-method-eyebrow{display:none}
 .r184-story-method .r243-comparison-heading h2{font-size:23px!important;margin:0 0 5px!important;line-height:1.2!important}
 .r184-story-method .r243-comparison-heading p{font-size:14px;line-height:1.4}
 .r243-comparison-view .r184-story-comparison{gap:9px}
 .r243-comparison-view .r184-story-comparison>article{border-radius:10px}
 .r243-comparison-view .r184-story-heading{display:block;padding:7px 8px;min-height:50px}
 .r243-comparison-view .r184-story-heading>span{display:block;font-size:12px;line-height:1.2;margin-bottom:3px}
 .r243-comparison-view .r184-story-heading h3{font-size:15px;line-height:1.2}
 .r243-comparison-view .r226-story-strip{grid-template-columns:1fr;gap:5px;padding:6px 7px 3px}
 .r243-comparison-view .r226-story-frame>img{height:clamp(44px,calc((100svh - 476px)/3),88px)}
 .r243-comparison-view .r226-story-frame figcaption{min-height:28px;padding:3px 4px;justify-content:center;text-align:center}
 .r243-comparison-view .r226-story-frame small{position:absolute;top:4px;left:4px;padding:2px 4px;border-radius:3px;background:rgba(255,255,255,.94);font-size:10px}
 .r243-comparison-view .r226-story-frame b{font-size:14px;line-height:1.25}
 .r184-story-method .r243-comparison-view .r243-story-result{min-height:32px;padding:5px 8px 7px;font-size:14px;line-height:1.25}
}
@media(min-width:701px) and (max-height:600px){
 .r184-story-method .r243-comparison-heading{margin-bottom:8px}
 .r184-story-method .r243-comparison-heading .r184-method-eyebrow{display:none}
 .r184-story-method .r243-comparison-heading h2{font-size:24px!important;margin-bottom:4px!important}
 .r184-story-method .r243-comparison-heading p{display:none}
 .r243-comparison-view .r184-story-heading{min-height:30px;padding:4px 12px}
 .r243-comparison-view .r184-story-heading h3{font-size:17px}
 .r243-comparison-view .r226-story-strip{padding:8px;gap:8px}
 .r243-comparison-view .r226-story-frame>img{height:48px}
 .r243-comparison-view .r226-story-frame figcaption{min-height:28px;padding:3px}
 .r184-story-method .r243-comparison-view .r243-story-result{padding:4px 12px 8px;font-size:14px}
}