/* Home and contact page: direct WeChat contact, without the retired inquiry form. */
.contact-connect{
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);
  align-items:center;
  margin-top:32px;
  padding:clamp(24px,4vw,48px);
  border:1px solid #dce8eb;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 48px rgba(11,31,51,.055);
}
.contact-connect-page{margin-top:0}
.contact-connect-qr{
  min-width:0;
  padding:24px 20px 18px;
  border-radius:16px;
  background:#f1f8fa;
  text-align:center;
}
.contact-connect-image{
  width:min(100%,310px);
  margin-inline:auto;
  padding:12px;
  border:1px solid #dce8eb;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(11,31,51,.06);
}
.contact-connect-image img{display:block;width:100%;height:auto;aspect-ratio:543/500;object-fit:contain}
.contact-connect-hint{margin:16px 0 0;color:#536b77;font-size:13px;line-height:1.6}
.contact-connect-content{min-width:0}
.contact-connect-eyebrow{display:block;margin-bottom:10px;color:#0e7490;font-size:12px;font-weight:700;letter-spacing:.06em}
.contact-connect-content h2,.contact-connect-content h3{margin:0;color:#102c3e;font-size:clamp(26px,3vw,34px);line-height:1.3}
.contact-connect-lead{max-width:620px;margin:14px 0 0;color:#526b79;font-size:15px;line-height:1.85}
.contact-connect-topics{display:grid;gap:14px;margin-top:26px}
.contact-connect-topics>div{position:relative;padding-left:42px}
.contact-connect-topics span{position:absolute;top:2px;left:0;color:#0e7490;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.contact-connect-topics strong{display:block;color:#173849;font-size:15px;line-height:1.5}
.contact-connect-topics p{margin:3px 0 0;color:#617785;font-size:13px;line-height:1.7}
.contact-connect-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.contact-connect-links a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #cbdce3;border-radius:9px;color:#0e657d;background:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.contact-connect-links a:hover{border-color:#86c9d8;background:#f1f8fa}
.contact-connect-links a:focus-visible{outline:3px solid #37b6d0;outline-offset:3px}
@media(max-width:760px){
  .contact-connect{grid-template-columns:1fr;gap:28px;margin-top:24px;padding:20px}
  .contact-connect-page{margin-top:0}
  .contact-connect-qr{padding:20px 16px 16px}
  .contact-connect-image{width:min(100%,300px)}
  .contact-connect-content h2,.contact-connect-content h3{font-size:27px}
}
@media(max-width:390px){
  .contact-connect{padding:16px}
  .contact-connect-image{padding:9px}
  .contact-connect-links{flex-direction:column;align-items:stretch}
  .contact-connect-links a{justify-content:space-between}
}