/* Approved 22 October: vertical entry; payment with concise summary on right. */
.water-payment-modal.university-checkout{width:min(810px,calc(100vw - 40px));padding:26px 28px 24px;max-height:calc(100dvh - 32px);border-radius:22px;scrollbar-width:thin}.water-payment-modal.university-checkout.is-checkout{width:min(430px,calc(100vw - 32px));padding:26px}
.university-checkout .pay-dialog-head{margin-bottom:22px;gap:14px}.university-checkout .pay-dialog-head h2{font-size:29px;letter-spacing:-1.1px;margin:13px 0 0}.university-checkout .pay-close{width:25px;height:25px;padding:2px}.university-checkout .gold-badge{gap:5px!important;align-items:center!important}.badge-crown{width:13px;height:11px;flex-shrink:0}
.university-checkout .checkout-fields{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.university-checkout .checkout-fields input{height:46px;font-size:15px;font-weight:400}.university-checkout .checkout-fields>label{font-size:12px;gap:7px}.university-checkout .consent{font-size:10px;line-height:1.5;margin:0 0 17px;align-items:flex-start}.university-checkout .consent input{margin-top:1px}.university-checkout .checkout-next{min-height:46px;font-size:13px;border-radius:10px}.enrollment-product{padding:14px 15px;margin-bottom:21px}.enrollment-product>div>strong{font-size:14px}.enrollment-product p{font-size:11px}.enrollment-product>strong{font-size:29px}
.university-checkout .pay-columns{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:22px;align-items:start}.university-checkout .pay-columns[hidden]{display:none}.university-checkout .checkout-order{grid-column:2;grid-row:1;min-width:0}.university-checkout .pay-content{grid-column:1;grid-row:1;min-width:0}.university-checkout .checkout-order-card{padding:19px 17px;border-radius:14px}.university-checkout .checkout-order-card h3{font-size:17px;margin-bottom:22px}.university-checkout .enrollment-order-name{font-size:12px}.university-checkout .enrollment-order-caption{font-size:10px;line-height:1.5;margin:7px 0 20px}.university-checkout .checkout-order-total{border-top:1px solid #dedde2;margin:0;padding-top:18px;font-size:13px}.university-checkout .checkout-order-total strong{font-size:27px}.university-checkout .checkout-edit{margin-top:20px;font-size:10px}
.university-checkout .pay-methods{gap:7px;margin-bottom:16px;padding-bottom:16px}.university-checkout .pay-methods button{min-height:40px;font-size:10px;padding:8px 5px;gap:5px;border-radius:9px}.university-checkout .pay-methods .pay-icon{width:17px;height:17px;flex-shrink:0}.university-checkout #bank-view .pay-amount-label{font-size:11px;margin:0 0 4px}.university-checkout .pay-amount{font-size:34px;line-height:1.2;margin:0 0 18px;letter-spacing:-1.3px}.university-checkout .pay-card-details{padding:15px;border-radius:12px}.university-checkout .pay-bank-meta{gap:6px;margin:0 0 13px}.university-checkout .pay-bank-meta strong{font-size:13px}.university-checkout .pay-bank-meta span{font-size:9px;padding:3px 5px}.university-checkout .pay-bank-meta span[data-t=country]{display:none}.university-checkout .pay-card-details>p{font-size:10px;margin:0 0 7px}.enrollment-card-number{display:flex;gap:8px;align-items:center;justify-content:space-between}.enrollment-card-number strong{font:700 clamp(17px,1.6vw,23px)/1.4 Onest,Arial,sans-serif;letter-spacing:0;white-space:nowrap}.pay-copy-icon{display:flex;align-items:center;justify-content:center;width:31px;height:32px;flex:0 0 31px;padding:5px;border:0;border-radius:6px;background:transparent;color:#878593;cursor:pointer}.pay-copy-icon svg{width:20px;height:20px}.pay-copy-icon:focus-visible{outline:2px solid #85858d;outline-offset:2px}
.university-checkout .pay-note{font-size:11px;line-height:1.5;margin:13px 0 17px}.university-checkout .pay-primary{width:min(230px,100%);min-height:44px;font-size:12px;padding:11px 16px;gap:11px;border-radius:10px;margin-top:0}.university-checkout .pay-review-time{font-size:10px;line-height:1.4;text-align:left;margin:9px 0 0}.university-checkout .pay-due{margin:10px 0}.university-checkout .pay-content h3{font-size:22px;margin:0 0 12px}.university-checkout .pay-auto,.university-checkout .pay-expiry{font-size:10px;line-height:1.5}.university-checkout .join-receipt{margin-top:17px;padding-top:10px}.university-checkout .join-receipt>span{font-size:8px}.university-checkout .join-feedback{position:absolute;bottom:6px;left:26px;right:26px;font-size:10px;margin:0;text-align:center}
@media(max-width:650px){.water-payment-modal.university-checkout,.water-payment-modal.university-checkout.is-checkout{width:calc(100vw - 24px);padding:22px 19px;max-height:calc(100dvh - 24px);border-radius:20px}.university-checkout .pay-dialog-head h2{font-size:27px}.university-checkout .pay-columns{grid-template-columns:1fr;gap:18px}.university-checkout .checkout-order{grid-column:1;grid-row:1}.university-checkout .pay-content{grid-column:1;grid-row:2}.university-checkout .checkout-order-card{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;gap:12px}.university-checkout .checkout-order-card h3{display:none}.university-checkout .enrollment-order-caption{margin:5px 0 0;font-size:10px}.university-checkout .checkout-order-total{border:0;padding:0;margin:0;font-size:10px;gap:3px;flex-shrink:0}.university-checkout .checkout-order-total strong{font-size:25px}.university-checkout .pay-methods button{font-size:10px;min-height:42px}.university-checkout .pay-amount{font-size:32px}.enrollment-card-number strong{font-size:clamp(16px,4.7vw,22px)}.university-checkout .checkout-fields input{font-size:16px}.university-checkout .pay-primary{width:min(230px,100%)}.university-checkout .pay-review-time{font-size:10px}}

.water-payment-modal.university-checkout{scrollbar-gutter:auto}
@media(max-width:380px){.water-payment-modal.university-checkout .pay-methods{grid-template-columns:repeat(3,minmax(0,1fr))!important}.water-payment-modal.university-checkout .pay-methods button{min-height:44px!important;font-size:9px!important;padding:7px 3px!important;justify-content:center!important;flex-direction:column!important;gap:3px!important}.water-payment-modal.university-checkout .pay-methods button>span{overflow-wrap:normal!important}}

.university-checkout .pay-coins{display:none!important}

/* Compact payment layout; primary action follows the width of the details. */
.water-payment-modal.university-checkout{width:min(740px,calc(100vw - 40px))}
.university-checkout .pay-columns{grid-template-columns:minmax(0,1fr) 195px;gap:20px}
.university-checkout .pay-primary{width:100%;font-family:Onest,Arial,sans-serif;font-weight:800}
.university-checkout .pay-review-time{text-align:center}
.university-checkout .pay-methods button>span{overflow-wrap:normal}
@media(max-width:650px){.water-payment-modal.university-checkout{width:min(400px,calc(100vw - 24px))}.university-checkout .pay-columns{grid-template-columns:1fr}.university-checkout .pay-primary{width:100%}.university-checkout .pay-methods button{flex-direction:column;gap:4px;font-size:10px;min-height:50px}}

/* Tighter card-details column; keep the summary and mobile layout. */
@media(min-width:651px){.water-payment-modal.university-checkout:not(.is-checkout){width:min(650px,calc(100vw - 40px))}.university-checkout .pay-columns{grid-template-columns:minmax(0,1fr) 190px;gap:18px}}
.university-checkout .enrollment-card-number{justify-content:flex-start;gap:12px}

/* Shorter payment window, with a stronger order summary. */
.university-checkout:not(.is-checkout) .pay-dialog-head{margin-bottom:16px}
.university-checkout:not(.is-checkout) .pay-dialog-head h2{margin-top:9px}
.university-checkout #bank-view .pay-primary{margin-top:14px}
.university-checkout .checkout-order-card{padding:19px 18px}
.university-checkout .checkout-order-card h3{font-size:19px;line-height:1.2;margin-bottom:17px}
.university-checkout .enrollment-order-name{font-size:14px;line-height:1.35}
.university-checkout .enrollment-order-caption{font-size:12px;line-height:1.45;margin:7px 0 17px}
.university-checkout .checkout-order-total{font-size:14px;padding-top:15px}
.university-checkout .checkout-order-total strong{font-size:31px}
.university-checkout .checkout-edit{font-size:12px;margin-top:17px}
@media(min-width:651px){.university-checkout .pay-columns{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:650px){.university-checkout .checkout-order-card{padding:13px 14px}.university-checkout .enrollment-order-caption{font-size:11px;margin:5px 0 0}.university-checkout .checkout-order-total{padding-top:0;border:0;font-size:11px}.university-checkout .checkout-order-total strong{font-size:27px}.university-checkout .enrollment-order-name{font-size:14px}}