/* =========================================================
   SB Global Solution — Contact page — sections only on the Contact page, scoped by the body class .page-contact-us. Loaded only on the Contact template (page-contact-us.php).
   Same rules as html-work/css/style.css. Let's Talk, offices, Mission/Vision-style cards: components.css.
   ========================================================= */
/* ---- Business Enquiries & Careers ---- */
.page-contact-us .reach { padding: 0 0 var(--sec-pad); background: #fff; }
.page-contact-us .reach .mv-card > p { margin: 0 0 20px; font-size: 16px; line-height: 1.75; color: var(--text); }
.page-contact-us .reach__mail { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: 700; font-size: 16px; color: var(--navy-900); word-break: break-word; transition: color .2s; }
.page-contact-us .reach__mail:hover { color: var(--orange-600); }
.page-contact-us .reach__mail svg { width: 36px; height: 36px; flex-shrink: 0; padding: 9px; border-radius: 50%; background: var(--orange-50); fill: none; stroke: var(--orange-600); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.page-contact-us .mv-card--vision .reach__mail svg { background: var(--blue-50); stroke: var(--blue-600); }