.chart-content { padding-block-end: var(--section-space); }
.chart-content > section { min-width: 0; }
.chart-hero { display: grid; justify-items: center; gap: var(--space-4); padding-block: var(--space-8); text-align: center; background: radial-gradient(ellipse at 50% 40%, rgb(52 214 255 / .045), transparent 70%); }
.chart-hero h1 { max-width: 25ch; }
.chart-hero > p { max-width: 78ch; font-size: var(--type-lead-size); color: var(--color-text-secondary); }
.chart-breadcrumb { justify-self: start; font-size: var(--text-sm); color: var(--color-text-secondary); margin-bottom: var(--space-2); text-align: left; }
.chart-actions { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: var(--space-3); }
.chart-button { display: inline-flex; justify-content: center; align-items: center; gap: var(--space-2); min-height: var(--control-height); padding: var(--space-3) var(--space-6); border: 1px solid var(--color-border); border-radius: var(--control-radius); background: var(--color-surface-elevated); color: var(--color-text); text-decoration: none; font-weight: var(--font-weight-semibold); cursor: pointer; text-align: center; }
.chart-button:hover { background: var(--color-surface); border-color: var(--color-mint); }
.chart-button:disabled { opacity: .65; cursor: wait; }
.chart-button--primary { background: var(--brand-gradient); border-color: transparent; color: var(--color-background); }
.chart-button--primary:hover { background: var(--color-cyan); color: var(--color-background); }
.chart-export { position: relative; }
.chart-export > summary { list-style: none; }
.chart-export > summary::-webkit-details-marker { display: none; }
.chart-export-menu { position: absolute; z-index: 20; inset: calc(100% + var(--space-2)) 0 auto auto; min-width: 16rem; padding: var(--space-3); display: grid; gap: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-elevated); }
.chart-panel { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--card-radius); padding: var(--card-padding); }
.chart-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-4); }
.chart-heading > a, .chart-tool-links a, .chart-methodology a, .chart-sound-detail a, .chart-exposure-grid a { color: var(--color-cyan); }
.chart-explorer { background: color-mix(in srgb, var(--color-cyan) 2%, var(--color-surface)); }
.chart-explorer h2 { font-size: var(--text-2xl); }
.chart-level { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-4); }
.chart-level label { font-weight: var(--font-weight-semibold); }
.chart-level output { color: var(--color-mint); font-family: var(--font-measurement); font-weight: var(--font-weight-extrabold); font-size: var(--text-5xl); font-variant-numeric: tabular-nums; white-space: nowrap; line-height: 1.2; }
.chart-level output span { color: var(--color-text-secondary); font-family: var(--font-body); font-size: var(--text-base); }
#sound-level { display: block; width: 100%; margin-block: var(--space-2); height: var(--control-height); cursor: pointer; appearance: none; background: transparent; accent-color: var(--color-mint); }
#sound-level::-webkit-slider-runnable-track { height: var(--space-3); border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--color-cyan), var(--color-mint) 50%, var(--color-warning) 65%, var(--color-danger)); }
#sound-level::-moz-range-track { height: var(--space-3); border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--color-cyan), var(--color-mint) 50%, var(--color-warning) 65%, var(--color-danger)); }
#sound-level::-webkit-slider-thumb { appearance: none; width: var(--space-6); height: var(--space-6); margin-top: calc(-1 * var(--space-1) - 2px); border: 3px solid var(--color-surface); border-radius: 50%; background: var(--color-text); box-shadow: 0 2px 6px rgb(0 0 0 / .3); }
#sound-level::-moz-range-thumb { width: var(--space-6); height: var(--space-6); border: 3px solid var(--color-surface); border-radius: 50%; background: var(--color-text); }
.chart-ticks { display: flex; justify-content: space-between; color: var(--color-text-secondary); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }
.chart-note { color: var(--color-text-secondary); font-size: var(--text-sm); margin-top: var(--space-3); }
.chart-presets { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.chart-presets button { min-height: var(--control-height); padding: var(--space-2) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-elevated); color: var(--color-text-secondary); cursor: pointer; font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.chart-presets button:hover, .chart-presets button[aria-pressed="true"] { color: var(--color-mint); border-color: var(--color-mint); }
.chart-explorer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.chart-insight { border-radius: var(--radius-md); padding: var(--space-6); background: var(--color-surface-elevated); }
.chart-insight--risk { background: color-mix(in srgb, var(--color-mint) 5%, var(--color-surface-elevated)); }
.chart-insight--exposure { background: color-mix(in srgb, var(--color-cyan) 5%, var(--color-surface-elevated)); }
.chart-insight h3 { font-size: var(--text-lg); }
.chart-insight > p, .chart-insight dd { font-size: var(--text-sm); color: var(--color-text-secondary); max-width: none; margin-top: var(--space-3); }
.chart-nearby { padding: 0; list-style: none; }
.chart-nearby li { display: grid; gap: var(--space-1); padding-block: var(--space-3); border-bottom: 1px solid var(--color-border); font-size: var(--text-sm); }
.chart-nearby span { color: var(--color-cyan); font-variant-numeric: tabular-nums; }
.chart-context { margin-top: var(--space-3); }
.chart-context dt { font-weight: var(--font-weight-semibold); font-size: var(--text-sm); }
.chart-context dd { margin-block: var(--space-1) var(--space-4); }
.chart-context dd:last-child { margin-bottom: 0; }
.chart-glance { margin-top: var(--space-8); }
.chart-glance h2 { font-size: var(--text-xl); margin-bottom: var(--space-4); }
.chart-glance dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.chart-glance dl > div { padding: var(--space-4) var(--space-6); border-radius: var(--radius-md); background: var(--color-surface); border: 1px solid var(--color-border); }
.chart-glance dt { font-family: var(--font-measurement); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); color: var(--color-cyan); font-variant-numeric: tabular-nums; }
.chart-glance dd { font-size: var(--text-sm); color: var(--color-text-secondary); margin-top: var(--space-1); }
.chart-section { margin-top: var(--section-space); border-top: 1px solid var(--color-border); padding-top: var(--space-8); }
.chart-section > h2 + p, .chart-section > .chart-heading + p { margin-top: var(--section-heading-gap); }
.chart-section > p, .chart-comparison > p, .chart-exposure-grid article > p { max-width: none; }
.chart-section > h2 ~ p { color: var(--color-text-secondary); }
.chart-section[aria-labelledby="scale-title"], .chart-section[aria-labelledby="weighting-title"] { background: color-mix(in srgb, var(--color-cyan) 2%, var(--color-surface)); border: 1px solid var(--color-border); border-radius: var(--card-radius); padding: var(--card-padding); }
#chart-controls { margin-block: var(--space-6); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--card-radius); background: var(--color-surface); }
.chart-control-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .45fr); gap: var(--space-4); }
.chart-search, .chart-sort { display: grid; gap: var(--space-2); min-width: 0; font-size: var(--text-sm); font-weight: var(--font-weight-semibold); }
.chart-content input:not([type="range"]), .chart-sort select { width: 100%; min-width: 0; min-height: var(--control-height); border: 1px solid var(--color-border); border-radius: var(--control-radius); background: var(--color-background); color: var(--color-text); padding: var(--space-3) var(--space-4); caret-color: var(--color-mint); }
.chart-content input::placeholder { color: var(--color-text-secondary); opacity: 1; }
.chart-filters { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.chart-filters button { cursor: pointer; min-height: var(--control-height); padding: var(--space-2) var(--space-3); border: 1px solid transparent; border-radius: var(--control-radius); background: transparent; color: var(--color-text-secondary); font-size: var(--text-sm); }
.chart-filters button:hover { color: var(--color-text); border-color: var(--color-cyan); }
.chart-filters button[aria-pressed="true"] { color: var(--color-background); background: var(--color-mint); }
.chart-axis, .chart-sound summary { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, .7fr) 2.25rem; gap: var(--space-6); align-items: center; }
.chart-axis { font-size: var(--text-xs); color: var(--color-text-secondary); padding: var(--space-3) var(--space-4); }
.chart-axis > div { display: flex; justify-content: space-between; gap: var(--space-2); }
.chart-sounds { display: grid; gap: var(--space-2); }
.chart-sound { --sound-color: var(--color-cyan); --sound-range-color: #91eaff; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); scroll-margin-top: 7rem; }
.chart-sound:nth-child(even) { background: color-mix(in srgb, var(--color-surface-elevated) 45%, var(--color-surface)); }
.chart-sound[data-band="moderate"] { --sound-color: var(--color-mint); --sound-range-color: #b4ffdf; }
.chart-sound[data-band="elevated"] { --sound-color: var(--color-warning); --sound-range-color: #ffeb9f; }
.chart-sound[data-band="high"] { --sound-color: color-mix(in srgb, var(--color-warning) 65%, var(--color-danger)); --sound-range-color: #ffd2a4; }
.chart-sound[data-band="extreme"] { --sound-color: var(--color-danger); --sound-range-color: #ffb3c4; }
.chart-sound:hover { border-color: color-mix(in srgb, var(--sound-color) 40%, var(--color-border)); }
.chart-sound summary { padding: var(--space-4); cursor: pointer; list-style: none; }
.chart-sound summary::-webkit-details-marker { display: none; }
.chart-sound-identity { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.chart-sound-icon { width: 2.75rem; height: 2.75rem; flex-shrink: 0; display: grid; place-items: center; color: var(--sound-color); background: color-mix(in srgb, var(--sound-color) 6%, var(--color-background)); border-radius: var(--radius-md); }
.chart-sound-name { display: grid; justify-items: start; gap: var(--space-2); min-width: 0; }
.chart-sound-name strong { font-weight: var(--font-weight-semibold); line-height: var(--leading-snug); }
.chart-category { display: inline-block; width: fit-content; padding: var(--space-1) var(--space-2); border-radius: var(--radius-xs); background: var(--color-surface-elevated); color: var(--color-text-secondary); font-size: var(--text-xs); line-height: var(--leading-snug); }
.chart-row-context { font-size: var(--text-sm); color: var(--color-text-secondary); }
.chart-range { display: grid; gap: var(--space-2); font-variant-numeric: tabular-nums; }
.chart-range strong { font-family: var(--font-measurement); font-size: var(--text-xl); font-weight: var(--font-weight-bold); color: var(--color-text); }
.chart-bar { position: relative; display: block; height: var(--space-4); background: var(--color-border); border-radius: var(--radius-xs); overflow: hidden; }
.chart-fill, .chart-range-end { position: absolute; top: 0; height: 100%; }
.chart-fill { left: 0; background: var(--sound-color); opacity: .65; }
.chart-range-end { background: var(--sound-range-color); }
.chart-expand { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-cyan); }
.chart-sound[open] .chart-expand svg { transform: rotate(45deg); }
.chart-expand svg { transition: transform var(--duration-fast) var(--ease-standard); }
.chart-sound-detail { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-6); padding: var(--space-6); border-top: 1px solid var(--color-border); font-size: var(--text-sm); color: var(--color-text-secondary); }
.chart-sound-detail h4 { font-size: var(--text-base); margin-bottom: var(--space-2); }
.chart-sound-detail p { max-width: none; }
.chart-detail-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); grid-column: 1 / -1; }
.chart-methodology p { max-width: none; }
.chart-methodology p + p { margin-top: var(--space-3); }
.chart-comparison, .chart-exposure-grid, .chart-bands, .chart-factors { margin-top: var(--section-content-gap); }
.chart-inputs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: var(--space-4); }
.chart-inputs label { display: grid; gap: var(--space-2); font-weight: var(--font-weight-semibold); }
.chart-inputs input:not([type="range"]) { font-size: var(--text-3xl); font-family: var(--font-measurement); font-weight: var(--font-weight-bold); color: var(--color-cyan); font-variant-numeric: tabular-nums; }
.chart-inputs button { min-height: 4.5rem; }
#compare-results { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-8); align-items: center; margin-top: var(--space-6); }
.chart-compare-bars > div { display: grid; grid-template-columns: 1rem minmax(0, 1fr) 6rem; gap: var(--space-3); align-items: center; padding-block: var(--space-3); font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.chart-compare-bars > div > span:last-child { text-align: right; }
.chart-compare-track { height: var(--space-4); background: var(--color-border); border-radius: var(--radius-xs); overflow: hidden; }
.chart-compare-track > span { height: 100%; display: block; background: var(--color-cyan); }
#compare-b-bar { background: var(--color-mint); }
.chart-ratios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); text-align: center; }
.chart-ratios > div:first-child { grid-column: 1 / -1; }
.chart-ratios dt { font-size: var(--text-sm); color: var(--color-text-secondary); }
.chart-ratios dd { font-family: var(--font-measurement); font-variant-numeric: tabular-nums; color: var(--color-mint); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); overflow-wrap: anywhere; }
.chart-ratios > div:first-child dd { font-size: var(--text-4xl); }
.chart-exposure-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.chart-exposure-grid h3 { font-size: var(--text-xl); }
.chart-exposure-grid article > p { color: var(--color-text-secondary); font-size: var(--text-sm); margin-block: var(--space-4); }
.chart-exposure-table { width: 100%; margin-block: var(--space-4); border-collapse: separate; border-spacing: 0 var(--space-2); font-variant-numeric: tabular-nums; }
.chart-exposure-table th, .chart-exposure-table td { padding: var(--space-3) var(--space-4); text-align: left; }
.chart-exposure-table tbody th { font-family: var(--font-measurement); font-size: var(--text-xl); color: var(--color-cyan); background: var(--color-surface-elevated); border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.chart-exposure-table tbody td { font-weight: var(--font-weight-semibold); background: var(--color-surface-elevated); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.chart-exposure-table thead { color: var(--color-text-secondary); font-size: var(--text-sm); }
.chart-exposure-table tbody td > span { display: block; }
.chart-duration-track { height: var(--space-1); background: var(--color-border); border-radius: var(--radius-pill); margin-top: var(--space-2); }
.chart-duration-track > span { height: 100%; display: block; background: var(--color-mint); border-radius: inherit; }
.chart-notice { width: 100%; max-width: none; background: var(--gold-box-background); border: 1px solid var(--gold-box-border); padding: var(--gold-box-padding); border-radius: var(--radius-md); margin-top: var(--space-6); font-size: var(--text-sm); color: var(--color-text); }
.chart-bands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.chart-bands > div { border-top: 1px solid var(--color-cyan); padding-top: var(--space-4); }
.chart-bands dt, .chart-factors dt { font-weight: var(--font-weight-semibold); }
.chart-bands dd { margin-top: var(--space-2); color: var(--color-text-secondary); font-size: var(--text-sm); }
.chart-measure { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-8); background: radial-gradient(ellipse at 15% 50%, rgb(57 255 182 / .07), transparent 65%), var(--color-surface); border-color: color-mix(in srgb, var(--color-mint) 28%, var(--color-border)); padding: var(--space-12); }
.chart-measure h2 { font-size: var(--text-3xl); }
.chart-measure p { max-width: none; margin-top: var(--space-4); color: var(--color-text-secondary); }
.chart-measure-actions { display: grid; gap: var(--space-3); }
.chart-factors > div { display: grid; grid-template-columns: minmax(0, .3fr) minmax(0, 1fr); gap: var(--space-6); padding-block: var(--space-4); border-top: 1px solid var(--color-border); }
.chart-factors dd { max-width: none; color: var(--color-text-secondary); }
.chart-tool-links { margin-top: var(--space-4); }
.chart-reference-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin-top: var(--space-6); font-size: var(--text-sm); }
.chart-reference-table caption { text-align: left; color: var(--color-text-secondary); margin-bottom: var(--space-4); }
.chart-reference-table th, .chart-reference-table td { text-align: left; vertical-align: top; padding: var(--space-4) var(--space-3); border-bottom: 1px solid var(--color-border); overflow-wrap: anywhere; }
.chart-reference-table thead th { position: sticky; top: 5rem; z-index: 1; background: var(--color-surface-elevated); }
.chart-reference-table thead th:first-child { width: 27%; }
.chart-reference-table thead th:nth-child(2) { width: 16%; }
.chart-reference-table thead th:nth-child(3) { width: 18%; }
.chart-reference-table thead th:nth-child(4) { width: 26%; }
.chart-reference-table td { color: var(--color-text-secondary); }
.chart-reference-table td:nth-child(2) { font-variant-numeric: tabular-nums; font-size: var(--text-base); font-weight: var(--font-weight-semibold); color: var(--color-cyan); }
.chart-reference-table td a { color: var(--color-cyan); }
.chart-reference-table tbody tr:hover { background: var(--color-surface); }
.chart-content [hidden], .chart-page [data-export][hidden] { display: none !important; }
@media (max-width: 64rem) {
 .chart-explorer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .chart-insight--exposure { grid-column: 1 / -1; }
 .chart-insight--exposure .chart-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-1) var(--space-6); }
 .chart-insight--exposure dt:nth-of-type(2) { grid-column: 2; grid-row: 1; }
 .chart-insight--exposure dd:last-child { grid-column: 2; }
 .chart-axis, .chart-sound summary { gap: var(--space-4); grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, .6fr) 2.25rem; }
 .chart-glance dl, .chart-bands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .chart-measure { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
 .chart-measure-actions { display: flex; flex-wrap: wrap; }
}
@media (max-width: 42rem) {
 .chart-hero { padding-top: var(--space-6); }
 .chart-explorer-grid, .chart-exposure-grid, .chart-control-top, #compare-results, .chart-sound-detail { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
 .chart-insight { padding: var(--space-4); }
 .chart-insight--exposure { grid-column: auto; }
 .chart-insight--exposure .chart-context { display: block; }
 .chart-level { flex-wrap: wrap; gap: var(--space-2); }
 .chart-glance dl > div { padding: var(--space-4); }
 .chart-glance dt { font-size: var(--text-xl); }
 .chart-axis { display: none; }
 .chart-sound summary { grid-template-columns: minmax(0, 1fr) 2.25rem; gap: var(--space-3); }
 .chart-range { grid-column: 1 / -1; grid-row: 2; }
 .chart-row-context { grid-column: 1 / -1; grid-row: 3; }
 .chart-expand { grid-column: 2; grid-row: 1; }
 .chart-sound-detail { padding: var(--space-4); }
 .chart-inputs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .chart-inputs button { grid-column: 1 / -1; min-height: var(--control-height); }
 .chart-inputs input:not([type="range"]) { font-size: var(--text-2xl); padding-inline: var(--space-3); }
 .chart-ratios { gap: var(--space-3); }
 :lang(de) .chart-ratios { grid-template-columns: minmax(0, 1fr); }
 .chart-measure { padding: var(--card-padding); }
 .chart-measure-actions { display: grid; }
 .chart-bands { grid-template-columns: minmax(0, 1fr); }
 .chart-factors > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
 .chart-reference-table, .chart-reference-table tbody, .chart-reference-table tr, .chart-reference-table td, .chart-reference-table th { display: block; }
 .chart-reference-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .chart-reference-table thead th { position: static; }
 .chart-reference-table tr { padding-block: var(--space-4); border-top: 1px solid var(--color-border); }
 .chart-reference-table tbody th, .chart-reference-table td { border: 0; padding: var(--space-1) 0; }
 .chart-reference-table td { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
 .chart-reference-table td::before { content: attr(data-label); color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: var(--font-weight-regular); }
 :lang(de) .chart-reference-table td::before { hyphens: auto; overflow-wrap: normal; }
 .chart-reference-table tbody th { margin-bottom: var(--space-2); }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 .chart-content *, .chart-content *::before, .chart-content *::after { transition: none; animation: none; }
}
@media print {
 @page { margin: 14mm; }
 :root { color-scheme: light; }
 body, html { background: white; color: black; font-size: 10pt; }
 .site-header, .site-footer, .skip-link, .chart-content > section:not(.chart-hero):not(.chart-reference), .chart-actions, .chart-breadcrumb, .chart-reference .cluster, .chart-reference > .chart-note, .chart-page #faq, #chart-export-status { display: none !important; }
 .chart-content { width: 100%; padding: 0; }
 .chart-hero { padding: 0; gap: 8pt; background: none; }
 .chart-hero h1 { color: black; font-size: 24pt; max-width: none; }
 .chart-hero p, .chart-reference-table td, .chart-reference-table caption { color: #222; }
 .chart-reference { margin-top: 16pt; padding-top: 0; border: 0; }
 .chart-reference h2 { color: black; font-size: 18pt; }
 .chart-reference-table { display: table; font-size: 9pt; }
 .chart-reference-table thead { display: table-header-group; position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
 .chart-reference-table thead th { position: static; background: #eee; }
 .chart-reference-table tbody { display: table-row-group; }
 .chart-reference-table tr { display: table-row; break-inside: avoid; }
 .chart-reference-table th, .chart-reference-table td, .chart-reference-table tbody th { display: table-cell; padding: 5pt; border-bottom: 1px solid #ccc; color: black; }
 .chart-reference-table td::before { content: none; }
 .chart-reference-table a, .chart-reference-table td:nth-child(2) { color: black; font-size: 9pt; }
 .chart-category { background: transparent; color: black; padding: 0; }
}