/* DHV Experience 13.53.0 — Editorial Relationship Roles.
 * Presentation-only explanation of post roles inside existing Feed clusters. */
.dhvx-story-role{
  --dhvx-role-accent:#53645f;
  --dhvx-role-soft:rgba(83,100,95,.07);
  --dhvx-role-border:rgba(83,100,95,.24);
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  margin:0 0 9px;
  padding:5px 8px;
  border:1px solid var(--dhvx-role-border);
  border-radius:999px;
  background:var(--dhvx-role-soft);
  color:var(--dhvx-text,#17201d);
  font-size:12px;
  line-height:1.25;
  letter-spacing:.01em;
}
.dhvx-story-role__dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--dhvx-role-accent)}
.dhvx-story-role strong{font-size:12px;font-weight:760;color:inherit;white-space:nowrap}
.dhvx-story-role small{min-width:0;color:var(--dhvx-muted,#64706c);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dhvx-story-role.is-open .dhvx-story-role__dot{border-radius:2px}
.dhvx-story-role.is-resume .dhvx-story-role__dot{background:transparent;border:2px solid var(--dhvx-role-accent);box-sizing:border-box}
.dhvx-story-role.is-case .dhvx-story-role__dot{transform:rotate(45deg);border-radius:1px}
.dhvx-story-role.is-deepen .dhvx-story-role__dot{outline:2px solid var(--dhvx-role-border);outline-offset:2px}
.dhvx-story-role.tone-teal,.dhvx-story-role.tone-green{--dhvx-role-accent:#176b5b;--dhvx-role-soft:rgba(23,107,91,.07);--dhvx-role-border:rgba(23,107,91,.24)}
.dhvx-story-role.tone-orange{--dhvx-role-accent:#a64b0a;--dhvx-role-soft:rgba(166,75,10,.07);--dhvx-role-border:rgba(166,75,10,.24)}
.dhvx-story-role.tone-violet,.dhvx-story-role.tone-purple{--dhvx-role-accent:#6f49a8;--dhvx-role-soft:rgba(111,73,168,.07);--dhvx-role-border:rgba(111,73,168,.24)}
.dhvx-story-role.tone-clay,.dhvx-story-role.tone-brown{--dhvx-role-accent:#8a4b32;--dhvx-role-soft:rgba(138,75,50,.07);--dhvx-role-border:rgba(138,75,50,.24)}
.dhvx-story-role.tone-blue{--dhvx-role-accent:#285f9f;--dhvx-role-soft:rgba(40,95,159,.07);--dhvx-role-border:rgba(40,95,159,.24)}
.dhvx-story-role.tone-rose,.dhvx-story-role.tone-pink{--dhvx-role-accent:#a23d61;--dhvx-role-soft:rgba(162,61,97,.07);--dhvx-role-border:rgba(162,61,97,.24)}
.dhvx-story-role.tone-slate,.dhvx-story-role.tone-neutral{--dhvx-role-accent:#53645f;--dhvx-role-soft:rgba(83,100,95,.07);--dhvx-role-border:rgba(83,100,95,.24)}
.dhvx-story-role.tone-red{--dhvx-role-accent:#9b3636;--dhvx-role-soft:rgba(155,54,54,.07);--dhvx-role-border:rgba(155,54,54,.24)}
@media (max-width:540px){
  .dhvx-story-role{display:flex;width:max-content;max-width:100%;margin-bottom:8px;padding:5px 7px}
  .dhvx-story-role small{display:none}
}
@media (forced-colors:active){
  .dhvx-story-role{border-color:CanvasText;background:Canvas;color:CanvasText}
  .dhvx-story-role__dot{background:CanvasText;outline:none}
}