
.spaph { margin-top: 7px; margin-right: 10px; }
.spaph a { color: rgb(231,231,13); }

/* Contact page specific */
.contact-hero { background: #1a1a2e; padding: 40px 0 30px; border-bottom: 3px solid #d4af37; }
.contact-hero h1 { color: #d4af37; margin-bottom: 10px; }
.contact-hero p { color: #ccc; font-size: 15px; }

.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 30px 0; }
.contact-card { background: #fff9ee; border: 2px solid #e8d98a; border-radius: 10px; padding: 20px; text-align: center; }
.contact-card .icon { font-size: 28px; margin-bottom: 8px; }
.contact-card h3 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
.contact-card a { color: #b8951f; font-weight: 600; text-decoration: none; word-break: break-all; }
.contact-card a:hover { text-decoration: underline; }

.nap-box { background: #f4f8ff; border: 1px solid #d0ddf0; border-radius: 10px; padding: 24px; margin: 30px 0; }
.nap-box p { margin: 0 0 8px; font-size: 14px; }

.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.cta-btn { padding: 12px 22px; border-radius: 6px; font-weight: 700; font-size: 14px; text-decoration: none; display: inline-block; }
.cta-call { background: #25d366; color: #fff; }
.cta-wa   { background: #075e54; color: #fff; }
.cta-map  { background: #4285f4; color: #fff; }

.map-wrap { width: 100%; height: 420px; border-radius: 10px; overflow: hidden; margin: 24px 0; }
.map-wrap iframe { width: 100%; height: 100%; border: 0; }

/* Trust strip */
.trust-strip-contact { background: #1a1a2e; color: #d4af37; text-align: center; padding: 12px; font-size: 13px; font-weight: 600; }

/* Guide box */
.guide-box { background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 10px; padding: 24px; margin: 30px 0; }
.guide-box h2 { font-size: 18px; margin-bottom: 10px; }
.guide-box ul { list-style: none; padding: 0; column-count: 2; }
.guide-box ul li { padding: 4px 0; font-size: 13px; }
.guide-box ul li a { color: #b8951f; font-weight: 600; text-decoration: none; }
.guide-box ul li span { color: #666; }

/* Areas served */
.areas-box { background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px 24px; margin: 24px 0; }
.areas-box h2 { font-size: 18px; margin-bottom: 8px; }
.areas-box p.note { font-size: 12px; color: #777; margin: 0 0 12px; }
.areas-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.areas-list li { background: #f4f8ff; border: 1px solid #d0ddf0; border-radius: 20px; padding: 6px 14px; font-size: 13px; color: #1a1a2e; }

/* FAQ */
.faq-box { margin: 30px 0; }
.faq-box h2 { font-size: 20px; margin-bottom: 14px; }
.faq-item { border-bottom: 1px solid #e0e0e0; padding: 14px 0; }
.faq-item h3 { font-size: 15px; margin: 0 0 6px; color: #1a1a2e; }
.faq-item p { font-size: 14px; color: #444; margin: 0; }

@media (max-width: 600px) {
  .guide-box ul { column-count: 1; }
  .cta-row { flex-direction: column; }
}

.banner-full-width{width:100%}
.card-note{font-size:12px;color:#666;margin-top:6px}
.card-address{font-style:normal;font-size:13px;color:#333}
.card-text{font-size:13px;color:#333;margin:0}
.card-link-sm{font-size:12px}
.nap-heading{font-size:18px;margin-bottom:14px}
.find-us-heading{font-size:20px;margin-bottom:12px}
.map-iframe-el{border:0;width:100%;height:100%}
.guide-intro{font-size:13px;color:#666;margin-bottom:12px}

.founder-profile-box,.author-review-box{
  display:flex;gap:16px;align-items:flex-start;
  border:1px solid #e5e5e5;border-radius:8px;padding:18px 20px;margin-top:22px;
}
.founder-profile-box{background:#fff}
.author-review-box{background:#fafafa;margin-top:14px}
.profile-avatar{border-radius:50%;flex-shrink:0}
.profile-line-primary{margin:0;font-size:14px}
.profile-line-secondary{margin:4px 0 0;font-size:13px;color:#666}
.profile-line-meta{margin:6px 0 0;font-size:12px;color:#999}
