/* Purchase Planner — ported from handoff-package/purchase-planner-v1.html. */
#eicl-planner{--navy:#0C1C2C;--ivory:#F7F5F0;--gold:#B89A5A;--line:#DDD9D1;--sub:#615F5A;background:var(--ivory);color:#24282C;font:16px/1.6 Inter,Arial,sans-serif;width:100%;margin:0 0 48px;container-type:inline-size;color-scheme:light}
#eicl-planner *{box-sizing:border-box}
#eicl-planner [hidden]{display:none!important}
#eicl-planner h1,#eicl-planner h2,#eicl-planner h3,#eicl-planner p{margin:0}
#eicl-planner h1,#eicl-planner h2,#eicl-planner h3{font:400 42px/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.025em}
#eicl-planner h1{font-size:56px}
#eicl-planner h3{font-size:26px}
#eicl-planner button,#eicl-planner input{font:inherit;min-height:44px;border-radius:2px}
#eicl-planner button:focus-visible,#eicl-planner input:focus-visible,#eicl-planner summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#eicl-planner button{color:inherit}
#eicl-planner .p-intro{padding:44px 5% 32px}
#eicl-planner .p-eye{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
#eicl-planner .p-eye:before{content:'';width:24px;height:1px;background:var(--gold);display:inline-block;vertical-align:middle;margin-right:12px}
#eicl-planner .p-intro p{color:var(--sub);max-width:640px;margin-top:18px}
#eicl-planner .p-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 5% 30px}
#eicl-planner .p-stepper button{background:none;border:0;border-top:1px solid var(--line);padding:13px 0;text-align:left;font-size:13px}
#eicl-planner .p-stepper button[aria-current=step]{border-top:3px solid var(--gold);padding-top:11px;color:var(--navy);font-weight:600}
#eicl-planner .p-stepper span{font-size:11px;margin-right:9px;color:var(--sub)}
#eicl-planner .p-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:32px;padding:0 5% 54px}
#eicl-planner .p-main{min-width:0}
#eicl-planner .p-main h2{font-size:33px}
#eicl-planner .p-lead{font-size:14px;color:var(--sub);margin:14px 0 24px}
#eicl-planner .p-projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#eicl-planner .p-project{background:white;border:1px solid var(--line);padding:0;text-align:left;overflow:hidden}
#eicl-planner .p-project img{width:100%;display:block;aspect-ratio:4/3;object-fit:contain;background:#E9E6DF}
#eicl-planner .p-project div{padding:19px}
#eicl-planner .p-project strong{display:block;font-size:21px;font-weight:500;margin-bottom:5px}
#eicl-planner .p-project span{display:block;font-size:12px;color:var(--sub)}
#eicl-planner .p-project em{font-style:normal;font-size:12px;color:var(--navy);display:block;margin-top:15px}
#eicl-planner .p-project[aria-pressed=true]{border:2px solid var(--navy)}
#eicl-planner .p-project[aria-pressed=true] div{padding:18px}
#eicl-planner .p-options{display:grid;gap:12px}
#eicl-planner .p-option{background:white;border:1px solid var(--line);padding:21px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px}
#eicl-planner .p-option strong{font-size:17px;font-weight:500;display:block}
#eicl-planner .p-option small{font-size:12px;color:var(--sub);display:block;margin-top:5px}
#eicl-planner .p-option em{font-style:normal;font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}
#eicl-planner .p-option[aria-pressed=true]{border:2px solid var(--navy);padding:20px;background:#F0EFEA}
#eicl-planner .p-note{font-size:12px;color:var(--sub);margin-top:20px}
#eicl-planner .p-route{display:block}
#eicl-planner .p-route em{display:block;margin-top:15px;font-size:24px}
#eicl-planner .p-route small{max-width:540px}
#eicl-planner .p-investor{background:white;border-left:3px solid var(--gold);padding:26px}
#eicl-planner .p-investor p{margin-top:12px;font-size:14px;color:var(--sub)}
#eicl-planner .p-investor strong{font-weight:500;font-size:30px;display:block;margin-top:20px}
#eicl-planner .p-side{background:var(--navy);color:var(--ivory);padding:25px;align-self:start}
#eicl-planner .p-side h3{font-size:27px;margin-bottom:24px}
#eicl-planner .p-side dl{margin:0}
#eicl-planner .p-side dl>div{padding:12px 0;border-top:1px solid #53636F}
#eicl-planner .p-side dt{font-size:11px;color:#C0CDD5}
#eicl-planner .p-side dd{margin:4px 0 0;font-size:14px}
#eicl-planner .p-side .p-side-total{font-size:27px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#eicl-planner .p-side p{font-size:11px;color:#C0CDD5;margin-top:22px}
#eicl-planner .p-nav{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
#eicl-planner .p-button{background:var(--navy);color:white;border:1px solid var(--navy);padding:12px 23px;font-size:12px;font-weight:500;letter-spacing:.04em;min-height:46px}
#eicl-planner .p-button.secondary{background:none;color:var(--navy)}
#eicl-planner .p-button[disabled]{opacity:.4}
#eicl-planner .p-plan-head{background:white;border-top:3px solid var(--gold);padding:26px;margin:22px 0}
#eicl-planner .p-plan-head small{font-size:12px;color:var(--sub);display:block}
#eicl-planner .p-total{font-size:40px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}
#eicl-planner .p-schedule{margin:0}
#eicl-planner .p-schedule>div{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start}
#eicl-planner .p-schedule dt{font-size:14px}
#eicl-planner .p-schedule dt small{display:block;font-size:12px;color:var(--sub)}
#eicl-planner .p-schedule dd{margin:0;font-size:17px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#eicl-planner .p-share{color:var(--sub);font-size:13px}
#eicl-planner details{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
#eicl-planner summary{font-size:15px;font-weight:500;min-height:44px;align-content:center}
#eicl-planner .p-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
#eicl-planner .p-fields label{font-size:12px}
#eicl-planner .p-fields input{width:100%;background:white;border:1px solid #97958F;padding:11px 12px;margin-top:7px;font-size:16px;color:var(--navy)}
#eicl-planner .p-estimate{padding:24px;background:#EBE8E0;margin-top:22px}
#eicl-planner .p-estimate strong{font-size:31px;display:block;line-height:1.2;font-weight:500;overflow-wrap:anywhere}
#eicl-planner .p-estimate span{font-size:12px;display:block;margin-top:9px}
#eicl-planner .p-error{color:#A12D2D;font-size:13px;margin:12px 0}
#eicl-planner .p-enquiry{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
#eicl-planner .p-enquiry p{font-size:12px;color:var(--sub);margin-top:14px}
@container (max-width:800px){
#eicl-planner .p-layout{grid-template-columns:1fr}
#eicl-planner .p-side{order:2}
#eicl-planner .p-side dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
#eicl-planner .p-side p{margin-top:15px}
}
@container (max-width:550px){
#eicl-planner h1{font-size:42px}
#eicl-planner .p-intro{padding:32px 20px 25px}
#eicl-planner .p-stepper{margin:0 20px 25px;gap:10px}
#eicl-planner .p-stepper button{font-size:11px}
#eicl-planner .p-stepper span{display:block;margin-bottom:5px}
#eicl-planner .p-layout{padding:0 20px 40px;gap:28px}
#eicl-planner .p-projects{grid-template-columns:1fr}
#eicl-planner .p-project img{aspect-ratio:16/9}
#eicl-planner .p-option{padding:18px;flex-wrap:wrap}
#eicl-planner .p-option[aria-pressed=true]{padding:17px}
#eicl-planner .p-main h2{font-size:29px}
#eicl-planner .p-total{font-size:32px}
#eicl-planner .p-schedule>div{grid-template-columns:38px 1fr;gap:8px}
#eicl-planner .p-schedule dd{grid-column:2}
#eicl-planner .p-fields{grid-template-columns:1fr}
#eicl-planner .p-side dl{grid-template-columns:1fr}
#eicl-planner .p-plan-head{padding:22px}
#eicl-planner .p-button{padding:12px 17px}
#eicl-planner .p-nav{gap:10px}
}
/* Responsive refinement R1 */
#eicl-planner{container-type:inline-size}
#eicl-planner :where(section,article,aside,div,form,figure,label){min-width:0}
#eicl-planner :where(a,p,h1,h2,h3,button,strong){overflow-wrap:anywhere}
#eicl-planner :where(input,select,textarea){max-width:100%}
#eicl-planner :where(button,summary){min-height:44px}

/* WordPress port additions */
#eicl-planner a.p-button{display:inline-flex;align-items:center;text-decoration:none;color:#fff}
#eicl-planner a.p-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#eicl-planner h2[tabindex]:focus{outline:none}
#eicl-planner h2[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
#eicl-planner .p-draft{font-size:13px;margin-top:14px}
#eicl-planner .p-refreshed{border-left:3px solid #c0392b;background:#fdecea;color:#8a1c12;padding:14px 16px;font-size:14px;margin:0 0 18px}
#eicl-planner .p-project,#eicl-planner .p-option{cursor:pointer;color:inherit}
#eicl-planner .p-project:hover,#eicl-planner .p-option:hover{border-color:var(--navy)}
.eicl-planner-unavailable{padding:48px 0}
/* Astra: let the planner span the content area without the page title */
.eicl-site .entry-content>#eicl-planner{max-width:none}