/* Approved contact, quote, and pricing additions. Existing responsive styles stay intact. */
.phone-link { color: var(--green); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.header-phonebar { background: var(--cream); border-top: 1px solid var(--line); }
.header-phonebar .shell { display: flex; align-items: center; justify-content: flex-end; gap: 18px; min-height: 44px; font-size: 13px; }
.header-phonebar .phone-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; white-space: nowrap; }
.hero-phone { margin-top: 12px; font-size: 14px; color: var(--muted); }
.hero-phone .phone-link { display: inline-flex; align-items: center; min-height: 44px; margin-left: 6px; }
.recurring-note, .tier-guide { margin-top: 24px; padding: 28px; border: 1px solid var(--line); background: var(--white); }
.recurring-note { background: #e7ecdd; border-left: 4px solid var(--green); }
.recurring-note h3, .tier-guide > h3 { font-family: var(--serif); font-size: 30px; letter-spacing: -.7px; line-height: 1.2; }
.recurring-note p, .tier-guide p { font-size: 15px; line-height: 1.8; margin-top: 12px; color: var(--muted); }
.recurring-note strong { color: var(--green); font-weight: 600; }
.tier-guide > .eyebrow { font-size: 10px; margin: 0 0 12px; }
.tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 26px; }
.tier-grid h4 { font-size: 15px; font-weight: 600; margin: 0; color: var(--green); }
.tier-guide .tier-extras { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; }
.estimate-card { margin-top: 24px; background: #faf6e8; border-left: 4px solid #75916c; padding: 22px 18px; color: var(--green); }
.estimate-card h4 { font-size: 10px; letter-spacing: 1.3px; line-height: 1.5; margin: 0; }
.estimate-value { font-family: var(--serif); font-size: 28px; line-height: 1.25; letter-spacing: -.5px; margin-top: 12px; overflow-wrap: anywhere; }
.estimate-caption { font-size: 12px; line-height: 1.7; color: var(--muted); margin-top: 12px; }
.quote-aside .estimate-breakdown { display: block; margin: 18px 0 0; }
.quote-aside .estimate-breakdown > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid #d8d7ca; padding: 10px 0 0; margin-top: 10px; }
.quote-aside .estimate-breakdown dt { font-size: 11px; letter-spacing: 0; color: var(--muted); }
.quote-aside .estimate-breakdown dd { font-size: 12px; line-height: 1.5; text-align: right; margin: 0; color: var(--green); }
.estimate-extra-note { font-size: 12px; line-height: 1.7; margin-top: 16px; color: var(--muted); }
.estimate-card .phone-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; margin-top: 8px; }
.quote-aside > dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; margin-top: 24px; }
.quote-aside > dl > div { padding: 0; border: 0; min-width: 0; }
.quote-aside > dl dd { overflow-wrap: anywhere; }
.submission-status { font-size: 14px; line-height: 1.7; margin-top: 14px; color: var(--muted); }
.submission-fallback { background: #fff3e8; border: 1px solid #dfb8a9; padding: 18px; margin-top: 18px; }
.submission-fallback p { font-size: 14px; line-height: 1.75; margin-bottom: 14px; }
.submission-fallback .button { min-height: 44px; font-size: 14px; }
.quote-confirmation { padding: 12px 0; }
.quote-confirmation h3 { font-family: var(--serif); font-size: 32px; line-height: 1.2; margin-top: 20px; letter-spacing: -.7px; }
.quote-confirmation p { font-size: 15px; line-height: 1.8; margin-top: 18px; }
#quote-form[aria-busy=true] button { cursor: wait; }
#quote-form[aria-busy=true] .button { opacity: .7; }
@media (max-width: 850px) {
  html { scroll-padding-top: 148px; }
  .header-phonebar .shell { justify-content: space-between; gap: 10px; font-size: 11px; }
  .header-phonebar .phone-link { font-size: 13px; }
  .hero-phone { font-size: 14px; }
  .tier-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .recurring-note, .tier-guide { padding: 24px 20px; }
  .quote-aside { order: -1; padding: 0; background: transparent; }
  .quote-aside > .eyebrow, .quote-aside > h3, .quote-aside > dl, .quote-aside > .quote-note { display: none; }
  .estimate-card { margin: 0; padding: 20px; }
  .estimate-value { font-size: 25px; }
  .estimate-caption { font-size: 13px; }
  .quote-aside .estimate-breakdown dt, .quote-aside .estimate-breakdown dd { font-size: 12px; }
  .quote-confirmation h3 { font-size: 29px; }
  .submission-fallback .button { width: 100%; }
}