.content .dg-rank,.content .dg-leg{list-style:none;margin:0;padding:0}
.content .dg-rank{margin-bottom:20px}
.dg-rank li,.dg-tag,.dg-key{display:table;margin:0 0 6px;padding:4px 12px;background:#000;color:#fff;font-weight:700}
.dg-key{font-size:1.5em;padding:6px 16px}
.dg-box{border:1px solid #000;padding:20px;text-align:center;font-size:1.25em;line-height:1.3}
.dg-chart{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px}
.dg-pie{flex:0 0 300px;max-width:100%}
.dg-pie path{fill:var(--c);stroke:#fff;stroke-width:1.5}
.dg-pie text{fill:#fff;font-size:22px;text-anchor:middle}
.dg-leg{flex:1 1 200px;font-size:.9em}
.dg-leg li{position:relative;margin:0 0 6px;padding-left:22px}
.dg-leg li::before{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--c)}
.dg-leg strong{display:inline-block;margin-right:6px;font-size:1.2em}
.dg-leg .dg-x{padding-left:0;color:#666}
.dg-leg .dg-x:not(:last-child){margin-bottom:3em}
.dg-leg .dg-x::before{content:none}
.dg-logos img{height:56px;width:auto;margin:0 12px 12px 0;vertical-align:middle}
.dg-note{text-align:center}
.dg-note small{display:block}
.dg-c1{--c:#2e75bd}.dg-c2{--c:#1cb585}.dg-c3{--c:#ee9f27}.dg-c4{--c:#128a45}.dg-c5{--c:#464b9e}.dg-c6{--c:#ea5050}
.dg-c7{--c:#ea7ba4}.dg-c8{--c:#f07040}.dg-c9{--c:#923d22}.dg-c10{--c:#7d7d78}.dg-c11{--c:#b8b8ae}
.dg-h{--c:#3577ba}.dg-f{--c:#ee6030}.dg-g{--c:#00a9e2}.dg-fi{--c:#f5a333}