/* Public support contact, aligned with the homepage's restrained editorial style. */
.contact{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(48px,8vw,118px);margin-top:58px;padding:clamp(48px,6vw,82px) clamp(38px,6vw,86px);background:#e7eee7;border-block:1px solid #cbd7ce;scroll-margin-top:32px}
.contact-copy{max-width:650px}
.contact-copy .eyebrow{font-size:15px;letter-spacing:2px;margin-bottom:22px}
.contact-copy h2{margin:0;font:600 clamp(34px,3.4vw,50px)/1.42 var(--serif);letter-spacing:-1.4px}
.contact-lead{max-width:520px;margin:22px 0 30px;color:#536963;font-size:17px;line-height:1.9}
.contact-id{display:inline-grid;gap:4px;min-width:280px;padding:14px 19px;border-left:3px solid var(--green);background:rgba(255,255,255,.58)}
.contact-id span{color:var(--muted);font-size:12px;letter-spacing:1.5px}
.contact-id strong{font:600 25px/1.45 Georgia,"Times New Roman",serif;letter-spacing:.4px;user-select:all}
.contact-qr{justify-self:end;margin:0;text-align:center}
.contact-qr-frame{width:min(100%,290px);padding:15px;background:#fff;border:1px solid #c5d0c7;box-shadow:0 12px 35px rgba(16,44,40,.08)}
.contact-qr img{display:block;width:100%;height:auto}
.contact-qr figcaption{margin-top:13px;color:#536963;font-size:13px;letter-spacing:.5px}
@media(max-width:800px){.contact{grid-template-columns:minmax(0,1fr);gap:34px;padding-inline:clamp(22px,7vw,44px)}.contact-qr{justify-self:start}.contact-qr-frame{width:min(72vw,280px)}}
@media(max-width:420px){.contact{width:100%;padding-inline:24px}.contact-id{min-width:0;width:100%}.contact-id strong{font-size:22px}}