.contacts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.contact-card{border:1px solid var(--border);background-color:var(--card-bg);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:20px;transition:border-color .2s,transform .2s;display:flex;position:relative}.contact-card:has(a):hover{border-color:var(--accent);transform:translateY(-3px)}.contact-card__path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--accent-ink)}.contact-card__path:before{content:"~/";color:var(--text-muted)}.contact-card__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-card__value{min-width:0;font-size:var(--text-md);color:var(--text-color);overflow-wrap:anywhere;font-weight:700}a.contact-card__value:after{content:"";border-radius:inherit;position:absolute;inset:0}a.contact-card__value:focus-visible{outline:none}.contact-card:has(a.contact-card__value:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.contact-card .copy-btn{z-index:1;position:relative}.contact-card__hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:auto;line-height:1.5}@media (hover:none){.contact-card:has(a):hover{transform:none}}