/* Scoped payment pages; retain the site's existing typography and palette. */
.sync-payment-grid > *, .twice-monthly-setup, .billing-grid > * {min-width:0;max-width:100%;box-sizing:border-box}
.sync-payment-grid .table-wrap {overflow-x:auto;max-width:100%}
.sync-payment-grid p,.twice-monthly-setup p,.payment-frequency-help p{overflow-wrap:anywhere}
.twice-monthly-setup {margin-bottom:18px}
.twice-monthly-setup .notice {margin:14px 0;padding:18px;border-radius:12px}
.twice-monthly-setup h3 {font-size:1.1rem;margin:0 0 10px}
.payment-frequency-help p {line-height:1.55}
.payment-frequency-help [data-payment-schedule-preview]:empty {display:none}
.payment-frequency-help [data-payment-schedule-preview]:not(:empty) {font-weight:700;border-top:1px solid #cbdbe7;padding-top:12px}
@media(max-width:820px){.sync-payment-grid{grid-template-columns:minmax(0,1fr)}.sync-payment-grid .content-card{padding:20px 16px}.sync-payment-grid .table-wrap table{min-width:0;width:100%;table-layout:fixed}.sync-payment-grid td,.sync-payment-grid th{overflow-wrap:anywhere}.sync-payment-grid td:last-child,.sync-payment-grid th:last-child{width:85px}.twice-monthly-setup{padding:22px 18px}}
