/* ==========================================================
   SEO / Content Enhancements — added on top of the existing
   template stylesheet. No existing rules are overridden.
   ========================================================== */

/* Service-area chip row (Toronto / Mississauga / GTA / Ontario) */
.service-area-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 28px;
  padding: 0;
  list-style: none;
}
.service-area-chips li {
  background: #edf0fa;
  color: #253c61;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 30px;
}

/* Simple intro strap under H1s that mentions service area */
.location-strap {
  font-size: 16px;
  color: #444;
  margin-bottom: 20px;
}
.location-strap strong {
  color: #cf2127;
}

/* Feature / benefit checklist used on expanded product pages */
.seo-feature-list {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
.seo-feature-list li {
  position: relative;
  padding: 6px 0 6px 30px;
  font-size: 15px;
  color: #444;
}
.seo-feature-list li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #cf2127;
  position: absolute;
  left: 0;
  top: 6px;
}

/* Section heading used to introduce FAQ / extra content blocks */
.seo-section-title {
  font-size: 26px;
  margin: 50px 0 20px;
  color: #253c61;
}

/* Resource / guide cards on the Resources hub page */
.resource-card {
  background: #edf0fa;
  border-radius: 8px;
  padding: 28px;
  margin-bottom: 25px;
  height: 100%;
}
.resource-card h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: #253c61;
}
.resource-card p {
  font-size: 15px;
  color: #444;
  margin-bottom: 0;
}

/* Breadcrumb + anchor target offset so in-page jump links
   don't hide under the sticky header */
.anchor-offset {
  scroll-margin-top: 130px;
}

/* Small print citing source pages, used in schema-adjacent notes */
.small-note {
  font-size: 13px;
  color: #888;
}