.orientation-comparison .example-before{border-left:1px solid transparent}
.orientation-comparison .figure-heading{display:block}.orientation-comparison .figure-heading>p{font-size:14px;line-height:1.9;margin:8px 0 20px}
.orientation-screens{display:grid;gap:24px;justify-items:center;margin:20px 0 24px}.orientation-view{width:100%;display:grid;justify-items:center;gap:8px}.orientation-label{font-size:13px;font-weight:700;margin:0}
.orientation-device{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:5px solid #435a52;border-radius:16px;background:#fff;color:#252c2d;padding:12px;width:100%;max-width:280px}.orientation-portrait{width:174px;min-height:232px}.orientation-landscape{min-height:174px}.orientation-content{width:100%;text-align:left}.orientation-content h4{font-size:15px;line-height:1.8;margin:0 0 10px}.orientation-content p{font-size:12px;line-height:1.9;margin:0 0 12px}.orientation-action{display:block;border:1px solid #24574c;border-radius:4px;padding:7px 8px;background:#24574c;color:#fff;font-size:12px;font-weight:700;line-height:1.8;text-align:center}.orientation-blocked{background:#f7f2eb}.orientation-blocked p{font-size:15px;font-weight:700;line-height:1.9;text-align:center;margin:0}
@media(max-width:720px){.orientation-comparison .example-before{border-left:0}.orientation-comparison .figure-heading>p{font-size:14px}.orientation-device{max-width:280px}.orientation-portrait{width:174px}.orientation-landscape{min-height:174px}}
@media print{.orientation-screens{gap:12px}.orientation-label,.orientation-content p,.orientation-action{font-size:8pt}.orientation-content h4,.orientation-blocked p{font-size:10pt}.orientation-comparison .figure-heading>p{font-size:9pt}}