#mpe-preorder{padding:20px;border:1px solid #d6c59f;border-top:3px solid #b99147;border-radius:12px;background:#fff;scroll-margin-top:110px;color:#102a43}
#mpe-preorder h3{font-size:21px;margin:0 0 8px}#mpe-preorder p{font-size:14px;line-height:1.55;margin:8px 0 14px}
#mpe-order-estimate{padding:10px;background:#f5f1e8;border-radius:6px;font-weight:600}
.mpe-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mpe-order-grid label{font-size:14px;display:grid;gap:4px;min-width:0}
#mpe-preorder input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;height:40px;padding:8px;border:1px solid #8896a4;border-radius:6px;font-size:16px}
#mpe-preorder .mpe-accept{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;margin:14px 0}.mpe-accept input{flex-shrink:0;margin-top:3px}
#mpe-preorder .mpe-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#mpe-order-send{font-size:15px;min-height:44px}#mpe-order-send:disabled{opacity:.55;cursor:not-allowed}.mpe-success{padding:12px;background:#e8f4eb;color:#17502b;border-radius:6px;font-weight:600}
.mpe-office{max-width:950px}.mpe-office article,.mpe-review,.mpe-office details{padding:16px;background:white;border:1px solid #ccd1d6;border-radius:8px;margin:12px 0}.mpe-office dt{font-weight:bold}.mpe-office dd{margin:4px 0 12px;overflow-wrap:anywhere}.mpe-review label{display:block;margin:12px 0}.mpe-review select{display:block;min-width:260px;font-size:15px;height:42px;margin-top:6px}.mpe-review textarea{display:block;max-width:100%;width:100%;margin-top:6px}.mpe-office p{line-height:1.7}
@media(max-width:500px){.mpe-order-grid{grid-template-columns:1fr}#mpe-preorder{padding:16px}}
#mpe-preorder{margin-top:18px}#mpe-preorder .mpe-accept input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;margin:3px 0 0;flex:0 0 16px}
#mpe-order-form{margin:0}#mpe-preorder .mpe-order-grid label{margin:0}#mpe-preorder .mpe-order-grid input{margin:0}
#mpe-preorder select,#mpe-preorder textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #8896a4;border-radius:6px;padding:8px;font:inherit;font-size:15px;margin:0}#mpe-preorder select{height:40px}#mpe-preorder .mpe-note{display:grid;gap:6px;margin:12px 0;font-size:14px}#mpe-preorder textarea{resize:vertical}
/* Compact calculator leaves more room for the inline request form. */
.exchange-layout .exchange-side{position:static}
.exchange-layout .calculator{padding:14px 16px;border-radius:10px}
.exchange-layout .calculator-title{margin-bottom:10px;gap:8px}
.exchange-layout .calculator-title h3{font-size:19px;line-height:1.3}
.exchange-layout .calculator .sample-badge{padding:3px 7px;font-size:11px}
.exchange-layout .calculator .direction-tabs{margin:0 0 10px;padding:3px}
.exchange-layout .calculator .direction-tabs button{padding:7px 6px;min-height:36px;font-size:13px}
.exchange-layout .calculator label{margin:8px 0 4px;font-size:13px;line-height:1.35}
.exchange-layout .calculator select{height:38px;padding:6px 8px;margin:0 0 4px;font-size:14px}
.exchange-layout .calculator .money-input{padding:3px 9px;gap:8px}
.exchange-layout .calculator .money-input input{height:38px;min-height:0;padding:5px 0;font-size:20px;line-height:1.3}
.exchange-layout .calculator .money-input>span{font-size:11px;line-height:1.3;min-width:68px;max-width:85px}
.exchange-layout .calculator .conversion-divider{font-size:16px;line-height:1;margin:4px 0}
.exchange-layout .calculator .rate-line{font-size:12px;line-height:1.4;padding:6px;margin:8px 0}
.exchange-layout .calculator .error:empty{display:none}
.exchange-layout .calculator .review-note{font-size:12px;line-height:1.45;padding:8px 10px;margin:8px 0}
.exchange-layout .calculator #order-preview{min-height:38px;padding:8px 12px;font-size:14px;line-height:1.4}
.exchange-layout .calculator .calc-note{font-size:12px;line-height:1.45;margin:8px 0 0}
.exchange-layout #mpe-preorder{margin-top:12px}