.role-page[data-v-898b4521]{background:radial-gradient(circle at 14% 0,color-mix(in srgb,var(--role-accent) 18%,transparent),transparent 28rem),radial-gradient(circle at 85% 10%,rgba(245,101,101,.1),transparent 26rem),var(--bg-color);color:var(--text-color);min-height:100vh}.role-main[data-v-898b4521]{margin:0 auto;padding:42px 0 64px;width:min(1180px,calc(100% - 32px))}.page-hero[data-v-898b4521]{margin-bottom:28px;max-width:760px}.hero-label[data-v-898b4521]{color:var(--role-accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.page-hero h1[data-v-898b4521]{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:0;line-height:1.08;margin:0}.hero-copy[data-v-898b4521]{color:var(--text-muted);margin:16px 0 0;max-width:620px}.toolbar[data-v-898b4521]{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.result-count[data-v-898b4521]{color:var(--text-muted);font-weight:700}.role-grid[data-v-898b4521]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:28px}.role-card[data-v-898b4521]{align-items:center;background:#1e293bdb;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-sizing:border-box;color:inherit;display:grid;gap:18px;grid-template-columns:minmax(112px,30%) minmax(0,1fr);height:160px;min-width:0;overflow:hidden;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.role-card[data-v-898b4521]:focus-visible,.role-card[data-v-898b4521]:hover{border-color:color-mix(in srgb,var(--role-accent) 70%,rgba(148,163,184,.4));box-shadow:0 14px 30px #00000047;outline:none;transform:translateY(-3px)}.avatar[data-v-898b4521]{align-items:center;aspect-ratio:1/1;background:#0f172ad1;border:1px solid rgba(148,163,184,.18);border-radius:8px;color:#bae6fd;display:flex;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;justify-content:center;min-height:112px;overflow:hidden;width:100%}.avatar img[data-v-898b4521]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.avatar-fallback[data-v-898b4521]{background:linear-gradient(135deg,color-mix(in srgb,var(--role-accent) 18%,transparent),#2dd4bf14)}.card-body[data-v-898b4521]{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.card-body h2[data-v-898b4521]{display:-webkit-box;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:clamp(1.08rem,2vw,1.32rem);-webkit-line-clamp:2;line-height:1.22}.card-stats[data-v-898b4521]{display:grid;gap:7px;margin:14px 0 0}.card-stats div[data-v-898b4521]{align-items:baseline;display:grid;gap:10px;grid-template-columns:max-content minmax(0,1fr);min-width:0}.card-stats dt[data-v-898b4521]{color:var(--text-muted);font-size:.92rem;white-space:nowrap}.card-stats dd[data-v-898b4521]{font-size:.96rem;font-weight:800;line-height:1.25;margin:0;min-width:0;text-align:right}@media(max-width:600px){.role-main[data-v-898b4521]{padding-top:30px;width:min(100% - 24px,1180px)}.role-grid[data-v-898b4521]{gap:12px;grid-template-columns:1fr}.role-card[data-v-898b4521]{gap:14px;grid-template-columns:96px minmax(0,1fr);height:150px;padding:14px}.avatar[data-v-898b4521]{min-height:96px}.card-body h2[data-v-898b4521]{font-size:1rem}}