.contact-container{max-width:1160px;width:calc(100% - 40px);margin:28px auto}.dc-contact{--contact-line:var(--line,var(--border,#dfe7e5));--contact-ink:var(--text,var(--ink,#203237));--contact-brand:var(--brand,var(--teal,#127b70));border:1px solid var(--contact-line);border-radius:14px;background:var(--surface,#fff);color:var(--contact-ink);padding:28px;margin:28px 0;box-sizing:border-box}.dc-contact-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.dc-contact h2{font-size:24px;line-height:1.4;margin:0 0 8px;letter-spacing:0}.dc-contact-header p{font-size:15px;line-height:1.7;margin:0;color:var(--muted,#657b76)}.dc-contact-line{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;background:#087467;color:#fff;text-decoration:none;border-radius:9px;padding:13px 18px;min-height:46px;box-sizing:border-box;font-size:16px;font-weight:600;line-height:1.5}.dc-contact-line svg{width:21px;height:21px;flex-shrink:0}.dc-contact-line:hover{background:#075f56;color:#fff}.dc-contact-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dc-contact-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid var(--contact-line);border-radius:9px;color:var(--contact-ink);text-decoration:none;line-height:1.5}.dc-contact-link>span:first-child{min-width:0}.dc-contact-link strong{font-size:15px;display:block;font-weight:600}.dc-contact-link small{font-size:12px;display:block;color:var(--muted,#657b76);overflow-wrap:anywhere}.dc-contact-arrow{color:var(--contact-brand);font-size:18px;flex-shrink:0}.dc-contact-link:hover{border-color:var(--contact-brand);color:var(--contact-brand)}.dc-contact a:focus-visible{outline:2px solid var(--contact-brand);outline-offset:4px}.dc-contact .dc-contact-note{font-size:12px;line-height:1.5;margin:16px 0 0;color:var(--muted,#657b76)}@media(max-width:900px){.dc-contact-header{align-items:flex-start;flex-direction:column;gap:18px}.dc-contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.contact-container{width:calc(100% - 28px)}.dc-contact{padding:20px 16px}.dc-contact h2{font-size:22px}.dc-contact-header p{font-size:14px}.dc-contact-line{width:100%;font-size:15px}.dc-contact-links{grid-template-columns:1fr;gap:9px}.dc-contact-link{padding:11px 9px;gap:5px}.dc-contact-link strong{font-size:14px}.dc-contact-link small{font-size:11px}}
