.contact-links{display:grid;gap:8px;min-width:0}.contact-links .contact-box{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:58px;min-width:0;width:100%;padding:10px 12px;border:1px solid #dce7f1;border-radius:10px;background:#f8fbff;color:#0f172a;text-decoration:none;transition:border-color .15s,background-color .15s}.contact-links .contact-box:hover{background:#eef8ff;border-color:#38bdf8;color:#0369a1}.contact-links .contact-box:focus-visible{outline:2px solid #0ca2ed;outline-offset:2px}.contact-box-badge{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:8px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:700}.contact-box-text{display:grid;gap:3px;min-width:0}.contact-box-text strong{font-size:14px;line-height:1.3}.contact-box-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px;line-height:1.4}.contact-box-arrow{margin-left:auto;flex:0 0 auto;font-size:18px;color:#0284c7}.contact-panel .contact-links{padding:10px;max-height:min(65vh,480px);overflow-y:auto}.dark .contact-links .contact-box{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark .contact-links .contact-box:hover{background:#172554;border-color:#38bdf8}.dark .contact-box-badge{background:#0c4a6e;color:#bae6fd}.dark .contact-box-text small{color:#94a3b8}
