body {font-family: 'Inter', sans-serif; background:#fafffa; }
  .section { padding: 48px 0; }
  .container {max-width: 800px;}
  .site-nav a { text-decoration:none; }
  .cardish { background:#fff; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,.06); }
  .cardish { position: relative; }
  .page-intro { max-width: 880px; }
  .material-card { background:#fff; border:1px solid #e9ecef; border-radius:14px; box-shadow:0 6px 16px rgba(0,0,0,.04); padding:24px; margin-bottom:28px; }
  .material-card h2 { font-size:1.45rem; margin-bottom:6px; }
  .material-meta { font-size:.925rem; color:#6c757d; margin-bottom:14px; }
  .section-head { margin: 8px 0 12px; font-size:1rem; color:#495057; }
  .table { margin-bottom:14px; }
  .table th, .table td { padding:.6rem .7rem; vertical-align: top; }
  .uses-list li { margin-bottom:4px; }
  .badge-lg {font-size: 1rem;padding: 0.5em 0.75em;}
  .pop-badge { display:inline-block; background:#f1f3f5; border:1px solid #e9ecef; padding:.35rem .6rem; border-radius:999px; font-size:.9rem; }
  .map-wrap { margin-top:14px; }
  .map-box { height:260px; border:1px solid #e9ecef; border-radius:12px; }
  .latest-jobs li { margin-bottom:6px; }
  .toc { position:sticky; top:88px; }
  .toc a { text-decoration:none; display:block; padding:.35rem 0; color:#495057; }
  .toc a:hover { color:#0d6efd; }
  
.material-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  background: #f8f9fa;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
}
.material-stats > div {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.material-stats .label {
  font-weight: 500;
  color: #555;
}

.form-step {display: none;opacity: 0;transition: opacity 0.4s ease;}
.form-step.active {display: block;opacity: 1;}
.btn.issue-btn,
.btn.roof-btn,
.btn.urgency-btn {padding: 15px 10px;font-size: 16px;border-radius: 6px;transition: background 0.3s ease;}
.btn.issue-btn.active,
.btn.roof-btn.active,
.btn.urgency-btn.active {background-color: #fff;color: #000;}
.btn-quote {border-radius: 4px;}
.blurred-boxes .blurred-box {width: calc(33.33% - 10px);margin: 5px;height: 60px;background-color:rgba(255, 255, 255, 0.5);filter: blur(2px);border-radius: 0.5rem;opacity: 0;transform: scale(0.9);transition: all 0.4s ease-in-out;}
.blurred-boxes .blurred-box.show {opacity: 1;transform: scale(1);}
.blurred-boxes .blurred-box.hide {opacity: 0;transform: scale(0.8);}
.blurred-boxes {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.blurred-boxes .blurred-box {float: left;margin: 5px;}
input.has-error, select.has-error, textarea.has-error {border: 2px solid #d9534f;box-shadow: none;}
.formext {color: #6c757d;text-decoration:underline;}

  
  @media (max-width: 991.98px){
    .material-card { padding:18px; }
    .map-box { height:220px; }
  }