/* One concept, one outline icon, everywhere on DGU. */
.icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:inline-block;width:1.4em;height:1.4em;max-width:none;flex:0 0 auto;vertical-align:-.26em;color:var(--cyan,rgb(var(--dgu-color-22d3ee,34 211 238)));overflow:visible}
.icon-tone-governance{color:var(--green,#4ade80)}
.icon-tone-quality{color:var(--red,#f87171)}
.icon-tone-operations{color:var(--yellow,#facc15)}
.icon-tone-protection{color:var(--grey,#9ca3af)}
.icon-sm{width:1.1em;height:1.1em;vertical-align:-.17em}
.icon-lg{width:2rem;height:2rem}
.icon-xl{width:2.5rem;height:2.5rem}
.icon-inherit{color:inherit}
.with-icon{display:flex;align-items:center;gap:.65rem}
.with-icon>.icon{align-self:flex-start;margin-top:.05em}
.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:none;margin-bottom:1rem;border:1px solid var(--border,rgb(var(--dgu-color-24334c,36 51 76)));border-radius:.75rem;background:rgba(255,255,255,.035)}
.icon-badge .icon{width:1.55rem;height:1.55rem}
.button>.icon,.text-link>.icon{width:1.1em;height:1.1em;color:inherit}
.button:has(>.icon),.text-link:has(>.icon){display:inline-flex;align-items:center;gap:.55rem}
@media print{.icon{color:currentColor!important}}