/* 2026-10-11 consistency, conversion, and accessibility update */
.sjh-nav .nav-guide { color: #b85520; }
.hero-promise {
  max-width: 34ch;
  margin: -0.3rem 0 1rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.6vw, 2.15rem);
  font-weight: 700;
  line-height: 1.2;
}
.guide-promo {
  padding: clamp(3rem, 6vw, 5.5rem) 0;
  background: linear-gradient(135deg, #f5eee4, #fffdf9 58%, #e5f0f0);
  border-block: 1px solid #d8dedf;
}
.guide-promo-inner {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}
.guide-promo-cover {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 22px 48px rgba(16, 34, 56, .22);
  transform: rotate(-1deg);
}
.guide-promo-cover:hover { transform: rotate(0deg) translateY(-3px); }
.guide-promo-cover img { width: 100%; height: auto; }
.guide-promo-copy h2 { max-width: 18ch; }
.guide-promo-copy > p:not(.eyebrow) { max-width: 62ch; font-size: 1.08rem; }
.contact-paths-section { background: #fffdf9; }
.contact-paths {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.contact-path {
  min-width: 0;
  padding: 1.35rem;
  background: #fff;
  border: 1px solid #d8dedf;
  border-top: 5px solid #2e747c;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(16,34,56,.06);
}
.contact-path > span {
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  place-items: center;
  margin-bottom: .85rem;
  border-radius: 50%;
  background: #e5f0f0;
  color: #205861;
  font-weight: 900;
}
.contact-path h3 { font-size: 1.28rem; }
.contact-path p { color: #5d6b75; font-size: .93rem; }
.contact-path-actions { display: flex; gap: .8rem; }
.contact-path a { overflow-wrap: anywhere; font-weight: 800; }
.form-note { margin-top: .8rem; color: #5d6b75; font-size: .9rem; }
.area-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.area-card {
  padding: 1.4rem;
  background: #fff;
  border: 1px solid #d8dedf;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(16,34,56,.05);
}
.area-card h3 { font-size: 1.32rem; }
.area-card p { margin-bottom: 0; color: #5d6b75; }
.service-note {
  margin-top: 2rem;
  padding: 1rem 1.15rem;
  border-left: 5px solid #bd673d;
  background: #fff4df;
  border-radius: 0 10px 10px 0;
}
.sjh-footer-min .sjh-footer-line a { white-space: nowrap; }

@media (max-width: 1100px) {
  .contact-paths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .guide-promo-inner { grid-template-columns: 1fr; }
  .guide-promo-cover { width: min(72vw, 290px); margin-inline: auto; }
  .guide-promo-copy { text-align: center; }
  .guide-promo-copy h2 { max-width: none; }
  .guide-promo-copy .actions { justify-content: center; }
  .guide-promo-copy .button { width: 100%; }
  .contact-paths, .area-grid { grid-template-columns: 1fr; }
}
@media print {
  .guide-promo, .contact-paths-section { break-inside: avoid; }
}