/* Exchange and accounting problem prototypes: five pages only. */
body.p22-site.opora-redesign .p22-alert{display:flex;align-items:center;gap:22px;margin:0;background:linear-gradient(110deg,#251408,#0c141c)!important;border-top:1px solid #ff7818!important;border-bottom:1px solid #ff7818!important;box-shadow:inset 0 0 24px #ff781816}
body.p22-site.opora-redesign .p22-alert>.m10-icon{flex:0 0 64px;width:64px;height:64px;border-color:#ff7818;box-shadow:0 0 16px #ff781850}
body.p22-site.opora-redesign .p22-alert>div{flex:1;min-width:0}
body.p22-site.opora-redesign .p22-alert h2{font-size:clamp(24px,2vw,32px);color:#ff7818;margin-bottom:8px}
body.p22-site.opora-redesign .p22-alert p{margin:0;font-size:16px}
body.p22-site.opora-redesign .p22-alert>.m10-btn{flex-shrink:0}
body.p22-site.opora-redesign .p22-symptoms .urg-symptoms{border-color:#ff781860;background:linear-gradient(125deg,#09202c,#06131c);box-shadow:inset 0 0 22px #ff781810}
body.p22-site.opora-redesign .p22-diagnosis .wrap{position:relative}
body.p22-site.opora-redesign .p22-diag-animation{width:220px;max-width:100%;margin:0 24px 18px auto}
body.p22-site.opora-redesign .p22-diag-animation .opora-animation{width:220px;height:220px;max-width:100%;aspect-ratio:1}
body.p22-site.opora-redesign .p22-diag-animation .opora-animation__toggle{font-size:11px;padding:5px 10px}
body.p22-site.opora-redesign .p22-diagnosis:has(.p22-diag-animation) .section-head{width:calc(100% - 270px);min-height:100px}
body.p22-site.opora-redesign .p22-diagnosis:has(.p22-diag-animation) .p22-diag-animation{margin-top:-130px;margin-bottom:14px}
body.p22-site.opora-redesign .p22-cost{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:26px;align-items:center}
body.p22-site.opora-redesign .p22-cost-art{display:block;width:100%;height:260px;object-fit:contain;border-radius:12px}
body.p22-site.opora-redesign .p22-estimate-note{display:flex;gap:18px;align-items:flex-start;min-width:0;padding:22px;border:1px solid #ff7818;border-radius:12px;background:linear-gradient(125deg,#122330,#06131c);box-shadow:0 0 12px #ff781820}
body.p22-site.opora-redesign .p22-estimate-note>.m10-icon{flex:0 0 58px;margin:0}
body.p22-site.opora-redesign .p22-estimate-note h3{font-size:21px;margin:0 0 10px}
body.p22-site.opora-redesign .p22-estimate-note p{font-size:15px;margin:0 0 16px}
body.p22-site.opora-redesign .p22-estimate-note .m10-btn{font-size:14px;padding:10px 15px}
body.p22-site.opora-redesign .p22-cost-scheme{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1fr);gap:16px;align-items:center}
body.p22-site.opora-redesign .p22-cost-animation .opora-animation{width:100%;height:auto;aspect-ratio:1;max-width:250px;margin:auto}
body.p22-site.opora-redesign .p22-cost-animation .opora-animation__toggle{font-size:10px;padding:5px 8px;right:8px;bottom:8px}
body.p22-site.opora-redesign .p22-cost-notes{display:grid;gap:10px}
body.p22-site.opora-redesign .p22-cost-notes>div{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #00cfff;border-radius:8px;background:#041b28;min-width:0;font-size:14px}
body.p22-site.opora-redesign .p22-cost-notes .m10-icon{flex:0 0 30px;width:30px;height:30px;background:none;border:0;box-shadow:none}
body.p22-site.opora-redesign .p22-cost-nds-na-usn-v-1c{background:linear-gradient(100deg,#221309,#06131c)!important;border-block-color:#ff781870!important}
@media(max-width:1200px){body.p22-site.opora-redesign .p22-cost{grid-template-columns:minmax(0,1fr)}body.p22-site.opora-redesign .p22-cost-scheme{grid-template-columns:200px minmax(0,1fr);max-width:680px;width:100%;margin-inline:auto}body.p22-site.opora-redesign .p22-cost-art{height:190px}body.p22-site.opora-redesign .p22-estimate-note{max-width:none}}
@media(max-width:760px){body.p22-site.opora-redesign .p22-alert{flex-wrap:wrap;gap:16px}body.p22-site.opora-redesign .p22-alert>.m10-icon{flex-basis:48px;width:48px;height:48px}body.p22-site.opora-redesign .p22-alert>.m10-btn{width:100%;justify-content:center}body.p22-site.opora-redesign .p22-diagnosis:has(.p22-diag-animation) .section-head{width:100%;min-height:0}body.p22-site.opora-redesign .p22-diagnosis:has(.p22-diag-animation) .p22-diag-animation{margin:0 auto 16px}body.p22-site.opora-redesign .p22-cost-scheme{grid-template-columns:minmax(0,1fr)}body.p22-site.opora-redesign .p22-cost-animation{width:200px;margin:auto}body.p22-site.opora-redesign .p22-estimate-note{padding:18px}}