/* Een grafiek vormt een leesblok: kop, vergelijking, bron, verdiepende uitleg. */
.uitleg .u-research { padding-block: var(--sp-10); }
.uitleg .u-research .u-chart { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; }
.uitleg .u-research h2 { max-width: 32ch; margin-bottom: var(--sp-3); }
.uitleg .u-research .u-definition { font-size: var(--fs-19); margin-bottom: var(--sp-6); }
.uitleg .u-research .u-bar-row { margin-top: var(--sp-5); }
.uitleg .u-research .u-bar-label { font-size: var(--fs-16); gap: var(--sp-4); }
.uitleg .u-research .u-bar-label > span { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.uitleg .u-research .u-bar-label strong { font-size: var(--fs-24); }
.uitleg .u-research .u-bar-track { height: 16px; background: var(--panel); }
.uitleg .u-research .u-axis { font-size: var(--fs-16); }
.uitleg .u-research figcaption { margin-top: var(--sp-5); font-size: var(--fs-16); }
.uitleg .u-research figcaption > p { margin-bottom: var(--sp-3); }
.uitleg .u-research .u-source a { font-weight: 600; }
.uitleg .u-research details { margin-top: var(--sp-3); border-top: 1px solid var(--line-sterk); }
.uitleg .u-research summary { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); min-height: 56px; padding: var(--sp-3) 0; border: 0; border-radius: 0; list-style: none; font-size: var(--fs-16); }
.uitleg .u-research summary::-webkit-details-marker { display: none; }
.uitleg .u-research summary::after { content: ''; width: 8px; height: 8px; flex: 0 0 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-right: var(--sp-1); }
.uitleg .u-research details[open] summary::after { transform: rotate(225deg); }
.uitleg .u-research summary:hover { color: var(--brand); }
.uitleg .u-research .u-source-details { padding-block: var(--sp-4); }
.uitleg .u-research .u-source-details dd { max-width: 65ch; }
.uitleg .u-research table { table-layout: fixed; }
.uitleg .u-research th:first-child { width: 72%; }
.uitleg .u-research th, .uitleg .u-research td { overflow-wrap: anywhere; padding: var(--sp-3) var(--sp-2) var(--sp-3) 0; }
.uitleg .u-research .u-downloads { gap: var(--sp-2); }
.uitleg .u-research .u-downloads a { padding: var(--sp-2) var(--sp-3); border: 1px solid var(--brand); border-radius: var(--r-sm); text-decoration: none; }