.rx-page .rx-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start;}
/* Иллюстрированный выбор ситуации: условия раскрываются по нажатию. */
.rx-scenarios .rx-scenario--choice { display:block; padding:0; border:0; border-radius:0; background:none; }
.rx-scenario__summary { position:relative; display:block; list-style:none; cursor:pointer; padding-bottom:14px; }
.rx-scenario__summary::-webkit-details-marker { display:none; }
.rx-scenario__summary::marker { content:""; }
.rx-scenario__summary:focus-visible { outline:2px solid #77a1ff; outline-offset:8px; border-radius:8px; }
.rx-scenario__art { position:relative; display:block; height:280px; margin-bottom:24px; isolation:isolate; }
.rx-scenario__art::before { content:""; position:absolute; z-index:-1; inset:12% -10%; background:radial-gradient(ellipse,#8053b72e,transparent 66%); pointer-events:none; }
.rx-scenario__art img { display:block; width:100%; height:100%; object-fit:contain; }
.rx-scenario__art .rx-scenario__number { position:absolute; top:8px; right:8px; font-size:24px; }
.rx-scenario__summary .rx-scenario__lead { display:block; margin:0 0 12px; }
.rx-scenario__summary h3 { min-height:64px; padding-right:38px; font-size:22px; line-height:1.4; text-wrap:balance; }
.rx-scenario__toggle { position:absolute; right:2px; bottom:28px; width:24px; height:24px; color:var(--rx-accent); }
.rx-scenario__toggle::before,.rx-scenario__toggle::after { content:""; position:absolute; background:currentColor; border-radius:1px; }
.rx-scenario__toggle::before { width:16px; height:1.5px; left:4px; top:11px; }
.rx-scenario__toggle::after { width:1.5px; height:16px; left:11px; top:4px; }
.rx-scenario--choice[open] .rx-scenario__toggle::after { display:none; }
.rx-scenario__body { margin-top:10px; padding-top:24px; border-top:1px solid var(--rx-line); }
.rx-scenario__body > p { margin:0; color:#bfc1cc; font-size:15px; line-height:1.8; }
.rx-scenario__body .rx-scenario__note { margin:0; padding-top:24px; }
@media(max-width:1023px) and (min-width:768px) {
 .rx-scenario__art { height:220px; }
 .rx-scenario__summary h3 { font-size:19px; min-height:80px; }
}
@media(max-width:767px) {
 .rx-scenarios { gap:32px; }
 .rx-scenario__art { height:210px; width:min(100%,300px); margin:0 auto 20px; }
 .rx-scenario__summary h3 { min-height:0; font-size:21px; }
 .rx-scenario__toggle { bottom:14px; }
 .rx-scenario__body { margin-top:12px; padding-top:20px; }
}

@media(max-width:767px){.rx-page .rx-scenarios{grid-template-columns:1fr;}}