/* A compact, clearly framed redesign study. */
.comparison-card{max-width:940px;margin-inline:auto;padding:22px;border:1px solid #c9ccc1;border-radius:16px;background:#fbfbf7;box-sizing:border-box}
.comparison-card .redesign-top{border-top:0;padding-top:0;gap:24px;margin-bottom:14px}
.comparison-card .redesign-top>div{max-width:580px}
.comparison-card .redesign-top p{font-size:13px;line-height:1.6}
.comparison-card .sector-label{margin-block:0 16px}
.comparison-card .redesign-toolbar{border-top:1px solid #e0e2d8;padding-top:16px;margin-bottom:16px;gap:16px}
.comparison-card .redesign-hint{max-width:260px;font-size:12px}
.comparison-card .redesign-frame{border:1px solid #b8bcaf;border-radius:9px}
.comparison-card .redesign-labels{font-size:12px;margin-bottom:10px}
.comparison-card .redesign-labels span{border:1px solid #d3d6ca;background:transparent;padding:4px 10px}
.comparison-card .redesign-labels span:last-child{border-color:#a7bd72;background:#eff6dc}
.comparison-card .redesign-divider{width:1px;background:#91ac50}
.comparison-card .redesign-divider>span{width:34px;height:34px;border-width:1px;border-color:#91ac50;font-size:15px;box-shadow:0 2px 8px #0001}
.comparison .redesign-benefits{max-width:940px;margin:16px auto 0;gap:12px}
.comparison .redesign-benefits article{border:1px solid #d4d7cc;border-radius:10px;padding:16px;min-width:0}
.comparison .redesign-benefits h3{font-size:17px;line-height:1.4;margin:7px 0}
.comparison .redesign-benefits p{font-size:13px;line-height:1.65}
.comparison .small-note{max-width:940px;margin:14px auto 0}
html[lang=ar] .comparison-card .redesign-top p{font-size:16px}
html[lang=ar] .comparison-card .redesign-hint{font-size:14px}
html[lang=ar] .comparison .redesign-benefits h3{font-size:21px}
html[lang=ar] .comparison .redesign-benefits p{font-size:16px}
@media(max-width:760px){
 .comparison-card{padding:14px;border-radius:12px}
 .comparison-card .redesign-top{gap:12px}
 .comparison-card .redesign-top strong{font-size:18px}
 html[lang=ar] .comparison-card .redesign-top strong{font-size:20px}
 .comparison-card .redesign-top p{font-size:13px}
 .comparison-card .redesign-toolbar{padding-top:12px;margin-bottom:12px}
 .comparison-card .redesign-tabs button{min-width:0}
 .comparison .redesign-benefits{gap:10px;margin-top:12px}
 .comparison .redesign-benefits article{padding:14px;padding-inline-start:42px}
 .comparison .redesign-benefits article>span{inset-inline-start:14px;top:20px}
 .comparison .redesign-benefits h3{margin-top:0}
}