/* Residence selector and editorial payment schedule. */
#pi-payment{scroll-margin-top:80px;background:#f5f5f5}
#pi-payment .payment-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
#pi-payment .payment-layout>*{min-width:0}
#pi-payment .h2-serif{font:400 clamp(32px,3.2vw,48px)/1.15 var(--serif);margin:0 0 18px}
#pi-payment .payment-intro .pi-inline{font:400 15px/1.6 var(--sans);max-width:52ch;margin-bottom:24px}
#pi-payment .payment-bedroom-picker{margin:36px 0 24px}
#pi-payment .payment-bedroom-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#pi-payment .payment-bedroom-options{display:flex;flex-wrap:wrap;gap:8px}
#pi-payment .payment-bedroom-option{min-height:44px;padding:10px 18px;border:1px solid #ccc;border-radius:999px;background:transparent;color:var(--black);font:400 13px/1.5 var(--sans);cursor:pointer;overflow-wrap:anywhere;max-width:100%;transition:background .2s,color .2s}
#pi-payment .payment-bedroom-option.active{background:var(--black);border-color:var(--black);color:var(--white)}
#pi-payment .payment-bedroom-option:focus-visible,#pi-payment .payment-advisor-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#pi-payment #planTabs:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
#pi-payment #planTabs[hidden]{display:none}
#pi-payment #planTabs .tab{min-height:44px;padding:10px 16px;font:400 12px/1.5 var(--sans);border:1px solid #ccc;background:transparent;color:var(--black)}
#pi-payment #planTabs .tab.active{border-color:var(--black);text-decoration:underline;text-underline-offset:4px}
#pi-payment .payment-schedule{border:1px solid var(--border);padding:28px}
#pi-payment .payment-schedule-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:32px}
#pi-payment .payment-schedule-heading h3,#pi-payment .payment-starting-price{font:400 clamp(21px,1.8vw,28px)/1.3 var(--serif);margin:0;overflow-wrap:anywhere;min-width:0}
#pi-payment .payment-starting-price{text-align:right}
#pi-payment .pay-table{width:100%;table-layout:fixed;border:0;margin:0}
#pi-payment .pay-table td,#pi-payment .pay-table tbody th{background:transparent;color:var(--black);border:0;border-bottom:1px solid #ccc;padding:13px 0;vertical-align:middle;overflow-wrap:anywhere}
#pi-payment .pay-table td{width:25%;font:400 clamp(24px,2vw,30px)/1.2 var(--serif);text-align:left;padding-right:16px}
#pi-payment .pay-table tbody th{font:400 14px/1.5 var(--sans);text-align:right;text-transform:none;letter-spacing:0}
#pi-payment .pay-table tr:last-child>*{border-bottom:0}
#pi-payment .payment-instalment{display:block;margin-top:3px;font:400 12px/1.5 var(--sans);color:#686868}
#pi-payment .pi-payment-note{font:400 12px/1.6 var(--sans);margin:20px 0 12px;color:#686868}
#pi-payment .payment-advisor-link{font:400 13px/1.5 var(--sans);color:var(--black);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1023px){#pi-payment .payment-layout{gap:32px}#pi-payment .payment-schedule{padding:22px}#pi-payment .payment-schedule-heading{gap:16px}}
@media(max-width:767px){
 #pi-payment .payment-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 #pi-payment .payment-bedroom-picker{margin-top:26px;margin-bottom:0}
 #pi-payment .payment-bedroom-option{padding:10px 16px}
 #pi-payment .payment-schedule{padding:20px 16px}
 #pi-payment .payment-schedule-heading{margin-bottom:20px;flex-wrap:wrap;gap:8px 20px}
 #pi-payment .payment-starting-price{margin-left:auto}
 #pi-payment .pay-table tbody th{font-size:13px}
}