/* Automated report articles: charts + tables, light & dark */
.bpt-rchart { margin: 22px 0; padding: 14px 14px 8px; border: 1px solid rgba(26, 16, 48, .1); border-radius: 12px; background: #fff; }
html.s-dark .bpt-rchart { background: #15121f; border-color: rgba(255, 255, 255, .08); }
.bpt-rchart svg { width: 100%; height: auto; display: block; }
.bpt-rchart .g { stroke: rgba(26, 16, 48, .07); stroke-width: 1; }
html.s-dark .bpt-rchart .g { stroke: rgba(255, 255, 255, .06); }
.bpt-rchart .t { fill: #6c6580; font-size: 11px; font-family: inherit; }
html.s-dark .bpt-rchart .t { fill: #9a93ad; }
.bpt-rchart .e20 { fill: none; stroke: #f5b400; stroke-width: 1.4; }
.bpt-rchart .e50 { fill: none; stroke: #39a0ff; stroke-width: 1.4; }
.bpt-rchart figcaption { font-size: 12px; color: #6c6580; margin-top: 6px; text-align: left; }
.bpt-rchart .k20::before, .bpt-rchart .k50::before { content: ""; display: inline-block; width: 12px; height: 2px; margin: 0 4px 3px 6px; vertical-align: middle; background: #f5b400; }
.bpt-rchart .k50::before { background: #39a0ff; }

.bpt-rtable { width: 100%; border-collapse: collapse; margin: 16px 0 22px; font-size: 15px; font-variant-numeric: tabular-nums; }
.bpt-rtable th, .bpt-rtable td { padding: 10px 12px; border-bottom: 1px solid rgba(26, 16, 48, .09); text-align: left; }
html.s-dark .bpt-rtable th, html.s-dark .bpt-rtable td { border-color: rgba(255, 255, 255, .08); }
.bpt-rtable thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #6c6580; font-weight: 600; }
.bpt-rtable tbody th { font-weight: 600; width: 45%; }
.bpt-rtable td small { color: #6c6580; }
.bpt-rtable td:not(:first-child) { text-align: right; }
.bpt-rtable thead th:not(:first-child) { text-align: right; }
.bpt-rtable tbody th + td { text-align: right; }