.role{gap:var(--space-md);padding-block:var(--space-xl);border-top:1px solid var(--color-ink);display:grid}.role[data-tone=teal]{--role-color:var(--color-accent);--role-soft:var(--color-accent-soft)}.role[data-tone=amber]{--role-color:var(--color-amber);--role-soft:var(--color-amber-soft)}@media (min-width:62rem){.role{gap:var(--space-3xl);padding-block:var(--space-2xl);grid-template-columns:minmax(0,3fr) minmax(0,8fr)}}.roleMeta{gap:var(--space-2xs);padding-left:var(--space-md);font-size:var(--text-sm);flex-direction:column;display:flex;position:relative}.roleNode{background:var(--role-color);border-radius:1px;width:8px;height:8px;position:absolute;top:6px;left:0}.roleMeta:before{content:"";background:var(--color-rule);width:2px;position:absolute;top:18px;bottom:0;left:3px}.roleMeta p{align-items:center;gap:var(--space-xs);display:flex}.roleMeta svg{color:var(--role-color);flex-shrink:0}@media (min-width:62rem){.roleMeta{top:calc(var(--nav-h) + var(--space-lg));align-self:start;position:sticky}}.rolePeriod{color:var(--color-ink);font-variant-numeric:tabular-nums}.roleCompany{color:var(--role-color)}.rolePlace{color:var(--color-quiet)}.roleBody{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.roleTitle{font-size:var(--text-section);line-height:1.02}.roleSummary{max-width:62ch;color:var(--color-ink-2);font-size:var(--text-lead);line-height:1.5}.roleGroup{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.roleGroup h3{align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0;color:var(--color-ink);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-rule);font-weight:500;line-height:1.4;display:flex}.roleGroup h3 svg{color:var(--role-color);flex-shrink:0}.roleList{gap:var(--space-xs);flex-direction:column;display:flex}.roleList li{padding-left:var(--space-md);color:var(--color-ink-2);font-size:var(--text-sm);max-width:70ch;line-height:1.6;position:relative}.roleList li:before{content:"";background:var(--color-accent);width:6px;height:1px;position:absolute;top:.78em;left:0}.roleLink{color:var(--color-accent);text-underline-offset:.18em;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.roleLink:hover{color:var(--color-accent-hover)}.roleFooter{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-rule);flex-wrap:wrap;display:flex}.roleFooter p{color:var(--color-ink-2);font-size:var(--text-md)}.roleFooterActions{gap:var(--space-sm);flex-wrap:wrap;display:flex}