.calc.inline{ margin:0 auto; max-height:none; box-shadow:0 40px 100px -50px #000; }
.toast{ font-family:var(--display); font-weight:600; font-size:14px; color:#7BD6A6; margin-right:auto; opacity:0; transition:opacity .25s; }
.toast.show{ opacity:1; }
.ph-head{ text-align:center; margin-bottom:40px; }
.ph-head .tag{ font-family:var(--mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ember-500); }
.ph-head .tag::before{ content:"// "; color:var(--sage-400); }
.ph-head h1{ font-family:var(--display); font-weight:800; font-size:clamp(30px,4.6vw,48px); letter-spacing:-0.03em; color:var(--paper); margin-top:14px; }
.ph-head p{ font-size:17px; color:var(--sage-200); margin:14px auto 0; max-width:56ch; }
.page-wrap{ max-width:1040px; margin:0 auto; padding:clamp(40px,6vw,80px) var(--gutter) 80px; }

/* ---- calculator page additions ---- */
.calc-page-cta{ display:flex; justify-content:center; margin-top:34px; }
.quote-card{ background:var(--forest-700); border-radius:24px; padding:clamp(30px,4vw,48px); margin-top:40px; box-shadow:var(--shadow); display:none; }
.quote-card.show{ display:block; }
.quote-card h2{ color:var(--paper); font-size:clamp(22px,2.6vw,30px); }
.quote-card .lead{ color:var(--sage-200); margin-top:10px; font-size:16px; }
.quote-card form{ margin-top:24px; }

.nav a[aria-current="page"]{ color:var(--ember-500); }


/* ---- v1.7.3 mobile fix: long CTA button wraps instead of overflowing ---- */
@media (max-width:620px){
  .calc-page-cta .btn{ white-space:normal; height:auto; min-height:54px; text-align:center; line-height:1.3; max-width:100%; }
}
@media (max-width:980px){
  html, body{ overflow-x:clip; }
}