/* Role chips: colored titles with icons. Applied at render time by js/roles.js */
.role-chip{display:inline-flex;align-items:center;gap:.3em;padding:.05em .6em .05em .4em;border-radius:999px;border:1.5px solid currentColor;font-weight:600;font-size:.94em;line-height:1.35;white-space:nowrap;vertical-align:baseline;text-shadow:none}
.role-chip svg{width:1em;height:1em;flex:none}
.role-blue{color:#1d4ed8;background:#eef3ff}
.role-green{color:#17702f;background:#eaf7ee}

/* Role guide (Reference tab and Exam Companion) */
.role-guide .ref-note{margin:0 0 12px;color:#555}
.role-guide-item{border:1px solid #ddd;border-left:5px solid #888;border-radius:6px;padding:10px 14px;margin:0 0 12px;background:#fff;text-align:left}
.role-guide-item h4{margin:0 0 6px;font-size:1.02em}
.role-guide-item p{margin:0 0 6px;font-size:.95em}
.role-guide-item ul{margin:0;padding-left:20px;font-size:.93em}
.role-guide-item li{margin-bottom:3px}
.role-guide-blue{border-left-color:#1d4ed8}
.role-guide-green{border-left-color:#17702f}