.as-roles__head{margin:0 auto 44px;max-width:640px;text-align:center}.as-roles{display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.as-roles{grid-template-columns:1fr}}.as-role{background:#fff;border:1px solid var(--as-border);border-radius:var(--as-radius);min-width:0;overflow:hidden}.as-role__head{align-items:baseline;border-bottom:1px solid var(--as-border-light);display:flex;gap:14px;justify-content:space-between;padding:18px 22px}.as-role__title{font-size:15.5px;font-weight:600}.as-role__meta{color:var(--as-muted);font-family:var(--as-mono);font-size:11.5px}.as-role__body{display:grid;grid-template-columns:150px 1fr;min-height:250px}@media (max-width:520px){.as-role__body{grid-template-columns:1fr}}.as-role__nav{align-content:start;background:var(--as-blue);display:grid;gap:4px;padding:16px 14px}.as-role__nav-group{color:#bbd8f0;font-family:var(--as-mono);font-size:9.5px;letter-spacing:.14em;padding:10px 8px 6px;text-transform:uppercase}.as-role__nav-item{color:#dcebf8;font-size:12.5px;padding:8px}.as-role__nav-item--active{background:hsla(0,0%,100%,.14);border-radius:4px;color:#fff}.as-role__main{align-content:start;display:grid;gap:12px;padding:18px}.as-role__tiles{display:grid;gap:10px;grid-template-columns:1fr 1fr}.as-role__tile{border:1px solid var(--as-border-light);border-radius:6px;padding:12px 14px}.as-role__tile-label{color:var(--as-muted);font-size:11.5px;font-weight:300}.as-role__tile-value{font-family:var(--as-mono);font-size:20px;font-weight:500;margin-top:4px}.as-role__card{border:1px solid var(--as-border-light);border-radius:6px;padding:14px}.as-role__card-title{font-size:13px;font-weight:500;margin-bottom:6px}.as-role__card-body{color:var(--as-body);font-size:12px;font-weight:300;line-height:1.6}.as-role__card-action{color:var(--as-blue);font-size:12px;margin-top:10px}.as-role__note{color:var(--as-body);font-size:12.5px;font-weight:300;line-height:1.7}