.friend-grid[data-v-98f04712]{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.friend-card[data-v-98f04712]{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-width:0;padding:24px;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.friend-card[data-v-98f04712]:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.friend-heading[data-v-98f04712]{align-items:center;display:flex;gap:12px}.friend-mark[data-v-98f04712]{display:block;flex:0 0 44px;height:44px;-o-object-fit:contain;object-fit:contain;width:44px}.friend-name[data-v-98f04712]{flex:1;min-width:0}.friend-name h3[data-v-98f04712]{font-size:18px;margin:0;transition:color .22s ease}.friend-name p[data-v-98f04712]{color:var(--muted);font-size:12px;margin:4px 0 0}.friend-arrow[data-v-98f04712]{color:var(--muted);font-size:18px;transition:color .22s ease,transform .22s ease}.friend-description[data-v-98f04712]{color:var(--muted);font-size:14px;line-height:1.75;margin:20px 0 16px}.friend-domain[data-v-98f04712]{color:var(--muted);font-size:12px;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.friend-card[data-v-98f04712]:hover{border-color:#b6d8d2;box-shadow:0 12px 28px -8px #14463c29;transform:translateY(-3px)}.friend-card:hover .friend-name h3[data-v-98f04712]{color:var(--brand-hover)}.friend-card:hover .friend-arrow[data-v-98f04712]{color:var(--brand-hover);transform:translate(2px,-2px)}}@media(prefers-reduced-motion:reduce){.friend-arrow[data-v-98f04712],.friend-card[data-v-98f04712],.friend-name h3[data-v-98f04712]{transition:none}.friend-card[data-v-98f04712]:hover,.friend-card:hover .friend-arrow[data-v-98f04712]{transform:none}}@media(max-width:1000px){.friend-grid[data-v-98f04712]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.friend-grid[data-v-98f04712]{grid-template-columns:1fr}.friend-card[data-v-98f04712]{padding:20px}}