/* Compact contact rows: the whole row is the action and hover surface. */
.contact-page .contact-layout{column-gap:36px}
.contact-page .contact-intro h1{font-size:30px;line-height:1.8;margin-bottom:14px}
.contact-page .contact-intro>p{font-size:14px;line-height:2}
.contact-page .contact-methods{padding:20px;border-color:#dce5ef;border-radius:12px}
.contact-page .contact-methods>h2{font-size:18px;line-height:1.8;margin:0 0 14px}
.contact-page .contact-method{min-height:76px;gap:12px;padding:12px;border:1px solid transparent;border-radius:10px;margin-top:4px;transition:background-color .16s,border-color .16s}
.contact-page .contact-method+.contact-method{border-top-color:#edf1f6}
.contact-page .contact-method:hover,.contact-page .contact-method:focus-visible{background:#f0f5fb;border-color:#d6e3f2}
.contact-page .contact-method:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.contact-page .contact-method-icon{width:40px;height:40px;border-radius:10px;background:#f1f5fa;color:#315a8b}
.contact-page .contact-method-icon>.icon{width:21px;height:21px}
.contact-page .contact-method:hover .contact-method-icon{background:#e3edf9}
.contact-page .contact-method strong{font-size:14px;font-weight:650}
.contact-page .contact-method small,.contact-page .contact-method bdi{font-size:12px;line-height:1.8}
.contact-page .contact-method>.icon{width:18px;height:18px;flex-shrink:0;color:#7590b0}
.contact-page .contact-method>span:nth-child(2){gap:2px}
.contact-page .contact-help h2{font-size:18px}
.contact-page .contact-help p{font-size:13px;line-height:2}
@media(max-width:699px){
  .contact-page .contact-intro h1{font-size:25px}
  .contact-page .contact-methods{padding:14px}
  .contact-page .contact-method{padding:10px 8px;gap:10px;min-height:72px}
}
@media(prefers-reduced-motion:reduce){.contact-page .contact-method{transition:none}}