@layer components{.vac-roles{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vac-role{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:18px;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:24px;padding:22px 26px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}@media (hover:hover){.vac-role:hover{border-color:var(--blue);box-shadow:var(--shadow)}}.vac-role-main{gap:4px;display:grid}.vac-role-main b{letter-spacing:-.01em;font-size:20px;font-weight:600}.vac-role-main span{color:var(--fg-soft)}.vac-role-meta{color:var(--muted);white-space:nowrap;font-size:14px}.vac-role>svg{width:20px;height:20px;color:var(--blue-text)}@media (width<=760px){.vac-role{grid-template-columns:minmax(0,1fr) 20px;gap:8px 16px;padding:20px}.vac-role-meta{white-space:normal;grid-row:2}.vac-role>svg{grid-area:1/2/span 2}}}