.role-grid-section{padding:var(--space--section) 0}.role-grid__header{max-width:48rem;margin-bottom:2.5rem}.role-grid__header h2{margin-bottom:.75rem}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:1024px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.role-grid{grid-template-columns:1fr}}.role-grid__card{background:var(--color--surface-raised);border:1px solid var(--color--border-default);border-radius:var(--radius--lg);transition:border-color var(--transition--default), transform var(--transition--spring), box-shadow var(--transition--default);flex-direction:column;display:flex;overflow:hidden}.role-grid__card:hover{border-color:var(--color--border-strong);transform:translateY(-3px)}.role-grid__card.is-selected{border-color:var(--color--interactive-primary)}.role-grid__card.is-selected .role-grid__card-visual{background:color-mix(in srgb, var(--swatch--purple-500) 18%, transparent)}.role-grid__card-visual{background:var(--color--surface-sunken);border-bottom:1px solid var(--color--border-subtle);width:100%;height:5.5rem;transition:background-color var(--transition--default);justify-content:flex-start;align-items:center;padding:0 1.25rem;display:flex;position:relative;overflow:hidden}.role-grid__card-icon{width:3rem;height:3rem;color:var(--color--text-brand);justify-content:center;align-items:center;display:flex}.role-grid__card-icon svg{width:100%!important;height:100%!important}.role-grid__card-icon svg path,.role-grid__card-icon svg circle,.role-grid__card-icon svg rect,.role-grid__card-icon svg ellipse,.role-grid__card-icon svg line,.role-grid__card-icon svg polyline,.role-grid__card-icon svg polygon{stroke:currentColor!important;fill:none!important}.role-grid__card-icon-placeholder{width:100%;height:100%}.role-grid__card-action{position:absolute;top:.875rem;right:.875rem}.role-grid__card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.role-grid__card-name{text-wrap:balance;min-height:2.925rem;margin:0}.role-grid__card-tasks{min-height:2.625rem;margin:0}.role-grid__card-strengths{border-top:1px solid var(--color--border-subtle);flex-direction:column;gap:.25rem;padding-top:.875rem;display:flex}.role-grid__card-strengths-label{text-transform:uppercase;letter-spacing:var(--font--label-ls)}.role-grid__card-strengths-value{margin:0}.role-bar__count{white-space:nowrap;flex-shrink:0}.role-bar__centre{flex:1;min-width:0;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.role-bar__scroll{scrollbar-width:none;gap:.375rem;padding:0 .25rem;display:flex;overflow-x:auto}.role-bar__scroll::-webkit-scrollbar{display:none}.role-bar__badge{flex-shrink:0}@media (max-width:900px){.role-bar__hide-tablet{display:none}}@media (max-width:767px){.role-grid-section{padding:var(--space--section-mobile) 0}.role-bar__centre{display:none}}