/* Calculator look for Clarksville Metal Roof Coating (kit behavior and wording untouched) */
.roof-calc{
  --calc-font-head:'Alfa Slab One','Rockwell','Roboto Slab','DejaVu Serif',Georgia,serif;
  --calc-font-body:'Public Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --calc-text:#181C20; --calc-muted:#5A636B; --calc-surface:#FFFFFF; --calc-surface-alt:#F3F4F5;
  --calc-border:#7A858E; --calc-accent:#F26B1D; --calc-accent-text:#181C20; --calc-accent-hover:#F58A4B;
  --calc-track:#D5D9DD; --calc-focus:#A6450D; --calc-radius:12px;
}
.calcpage{background:var(--alt)}
.roof-calc .calc-card{border-top:6px solid var(--accent);box-shadow:0 10px 30px rgba(24,28,32,.08)}
.roof-calc .question-step h2{font-weight:400;letter-spacing:.01em}
.roof-calc .step-index{color:var(--accent-ink);font-weight:700}
.roof-calc .choice-card{border-width:2px}
.roof-calc .calc-btn-primary{color:#181C20}
/* keep the fixed call bar off the calculator pages so it never sits over form buttons; the phone link is in the intro */
.callbar{display:none!important}
body{padding-bottom:0!important}