/* The market page shares the site's header, navigation, palette and type scale. */
.market-page main {padding-bottom:40px}
.market-page [hidden] {display:none!important}
.market-intro {display:flex;align-items:end;justify-content:space-between;gap:24px;margin:30px 0 18px}
.market-intro .eyebrow {color:var(--accent);font-weight:650;font-size:12px;margin:0 0 8px}
.market-intro h1 {font-size:28px;letter-spacing:-.7px;line-height:1.2;margin:0 0 10px}
.market-intro p {margin:0;color:var(--muted);max-width:640px}
#market-filter {flex-shrink:0}
#market-filter label {display:block;font-size:12px;font-weight:600;margin:0 0 6px}
#market-filter>div {display:flex;gap:8px}
#market-filter :is(select,button),.market-retry {min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
#market-filter select {min-width:215px;cursor:pointer}
.market-provenance {display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--muted);font-size:12px;margin-bottom:22px}
.market-page a {color:var(--accent)}
.market-page .mode-card {color:var(--ink)}
.market-page a:hover {text-decoration:underline}
.market-status {margin:0 0 12px;color:var(--muted);font-size:13px}
.market-status:empty {display:none}
.market-retry {margin-bottom:16px;cursor:pointer}
.market-kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}
.market-card {background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin:0}
.market-kpis dt {font-size:13px;color:var(--muted);font-weight:500}
.market-kpis dl {margin:0}
.market-kpis dd {font-size:34px;font-weight:650;letter-spacing:-.7px;line-height:1.3;margin:12px 0 7px;font-variant-numeric:tabular-nums}
.market-kpis .market-card>p {font-size:12px;color:var(--muted);margin:0}
.market-context {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:18px}
.market-context h2,.market-comparison h2 {font-size:16px;letter-spacing:-.2px;margin:0 0 8px}
.market-context p {margin:0;line-height:1.7;max-width:580px}
.market-context dl {margin:0;display:grid;gap:12px}
.market-context dl>div {display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.market-context dt {font-size:13px;color:var(--muted)}
.market-context dd {margin:0;font-size:18px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-comparison {margin-bottom:18px}
.market-section-heading {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
#market-count-change {font-size:12px;color:var(--accent);font-weight:600}
.market-comparison p {color:var(--muted);font-size:13px;margin:0 0 15px}
.market-comparison table {width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.market-comparison th,.market-comparison td {padding:11px 10px;border-bottom:1px solid var(--line);text-align:right;font-size:13px;overflow-wrap:anywhere}
.market-comparison th:first-child {text-align:left;padding-left:0}
.market-comparison thead th {font-weight:500;color:var(--muted);font-size:12px}
.market-comparison tbody th {font-weight:500}
.market-comparison td:last-child,.market-comparison th:last-child {padding-right:0}
.market-comparison tbody tr:last-child>* {border-bottom:0}
.market-comparison .market-note {margin:12px 0 0}
.market-charts {margin-bottom:18px}
.market-charts h2 {font-size:16px;margin:0 0 7px}
.market-chart-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.market-chart {min-width:0}
.market-chart h3 {font-size:14px;margin:0 0 12px;min-height:44px}
.market-chart-help {margin:0;color:var(--muted);font-size:13px}
.market-chart figure {margin:0}
.market-chart-unit {font-size:12px;color:var(--muted);margin:0 0 18px}
.market-chart-bars {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.market-chart-bars li {min-width:0;text-align:center}
.market-chart-value {font-size:18px;font-weight:650;line-height:1.3;margin:0 0 10px;min-height:28px;font-variant-numeric:tabular-nums}
.market-chart-track {height:150px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--border)}
.market-chart-bar {width:50%;max-width:90px;height:0;border-radius:5px 5px 0 0;background:var(--accent)}
.market-chart-label {margin:10px 0 0;font-size:13px;font-weight:500}
.market-chart-sample {margin:4px 0 0;font-size:12px;color:var(--muted);min-height:19px}
.market-chart figcaption {margin-top:18px;font-size:12px;color:var(--muted)}
.market-charts .market-note {font-size:12px;color:var(--muted);margin:14px 0 0}
@media(max-width:1100px) {.market-chart-grid {grid-template-columns:1fr}.market-chart h3 {min-height:0}}
.market-segments {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.market-segments article {padding:16px;background:var(--subtle);border:1px solid var(--line);border-radius:9px}
.market-segments h3 {margin:0 0 12px;font-size:14px}
.market-segments dl {display:grid;gap:8px;margin:0}
.market-segments dl>div {display:flex;justify-content:space-between;gap:16px}
.market-segments dt {color:var(--muted);font-size:13px}
.market-segments dd {margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-notice {padding:13px 16px;margin:0 0 18px;border:1px solid var(--line);border-radius:9px;background:var(--tint);color:var(--ink);font-size:13px}
.market-method {margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}
.market-method summary {cursor:pointer;font-weight:600;min-height:24px}
.market-method p {max-width:900px;color:var(--muted);font-size:13px;line-height:1.7}
.market-next {display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px}
@media(max-width:800px) {
 .market-intro {align-items:start;flex-direction:column;gap:20px}
 .market-intro h1 {font-size:25px}
 .market-context {grid-template-columns:1fr;gap:20px}
 .market-kpis {gap:12px}
 .market-kpis dd {font-size:26px}
 .market-card {padding:18px}
}
@media(max-width:540px) {
 .market-chart-bars {gap:10px}
 .market-chart-value {font-size:18px}
 .market-chart-track {height:130px}
 .market-chart-label {font-size:11px;min-height:34px}
 .market-chart-sample {font-size:11px}
 .market-segments {grid-template-columns:1fr}
 .market-kpis {grid-template-columns:1fr;gap:10px}
 .market-kpis .market-card {position:relative;padding:16px}
 .market-kpis dl {display:flex;align-items:center;justify-content:space-between;gap:12px}
 .market-kpis dt {align-self:center}
 .market-kpis dd {align-self:center;margin:0;font-size:26px;white-space:nowrap}
 .market-kpis .market-card>p {font-size:11px;margin-top:4px}
 .market-provenance {gap:6px 16px}
 #market-filter {width:100%}
 #market-filter select {width:100%}
 #market-filter>div {width:100%}
 .market-context dl>div {align-items:center}
 .market-context dt {max-width:65%;font-size:12px}
 .market-comparison th,.market-comparison td {padding:10px 6px;font-size:12px}
 .market-comparison thead th {font-size:11px}
}

.market-jumps{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 26px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.market-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.market-jumps a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
.market-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 16px}
.market-overview-heading h2,.market-sources h2{font-size:22px;letter-spacing:-.3px;line-height:1.3;margin:0}
.market-overview-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 26px}
.market-sources{border-top:1px solid var(--line);padding-top:26px;margin:28px 0}
.market-sources>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:900px}
:is(#markt-in-cijfers,#naamlengte,#woordsoort,#rapportagejaren,#bronnen){scroll-margin-top:24px}
@media(max-width:600px){.market-overview-heading{align-items:start;flex-direction:column;gap:14px}.market-jumps{gap:0 18px}.market-overview-heading h2,.market-sources h2{font-size:21px}}
/* Initial bars use cache-backed classes; existing JS refines them after load. */
.market-height-0{height:0%}
.market-height-1{height:1%}
.market-height-2{height:2%}
.market-height-3{height:3%}
.market-height-4{height:4%}
.market-height-5{height:5%}
.market-height-6{height:6%}
.market-height-7{height:7%}
.market-height-8{height:8%}
.market-height-9{height:9%}
.market-height-10{height:10%}
.market-height-11{height:11%}
.market-height-12{height:12%}
.market-height-13{height:13%}
.market-height-14{height:14%}
.market-height-15{height:15%}
.market-height-16{height:16%}
.market-height-17{height:17%}
.market-height-18{height:18%}
.market-height-19{height:19%}
.market-height-20{height:20%}
.market-height-21{height:21%}
.market-height-22{height:22%}
.market-height-23{height:23%}
.market-height-24{height:24%}
.market-height-25{height:25%}
.market-height-26{height:26%}
.market-height-27{height:27%}
.market-height-28{height:28%}
.market-height-29{height:29%}
.market-height-30{height:30%}
.market-height-31{height:31%}
.market-height-32{height:32%}
.market-height-33{height:33%}
.market-height-34{height:34%}
.market-height-35{height:35%}
.market-height-36{height:36%}
.market-height-37{height:37%}
.market-height-38{height:38%}
.market-height-39{height:39%}
.market-height-40{height:40%}
.market-height-41{height:41%}
.market-height-42{height:42%}
.market-height-43{height:43%}
.market-height-44{height:44%}
.market-height-45{height:45%}
.market-height-46{height:46%}
.market-height-47{height:47%}
.market-height-48{height:48%}
.market-height-49{height:49%}
.market-height-50{height:50%}
.market-height-51{height:51%}
.market-height-52{height:52%}
.market-height-53{height:53%}
.market-height-54{height:54%}
.market-height-55{height:55%}
.market-height-56{height:56%}
.market-height-57{height:57%}
.market-height-58{height:58%}
.market-height-59{height:59%}
.market-height-60{height:60%}
.market-height-61{height:61%}
.market-height-62{height:62%}
.market-height-63{height:63%}
.market-height-64{height:64%}
.market-height-65{height:65%}
.market-height-66{height:66%}
.market-height-67{height:67%}
.market-height-68{height:68%}
.market-height-69{height:69%}
.market-height-70{height:70%}
.market-height-71{height:71%}
.market-height-72{height:72%}
.market-height-73{height:73%}
.market-height-74{height:74%}
.market-height-75{height:75%}
.market-height-76{height:76%}
.market-height-77{height:77%}
.market-height-78{height:78%}
.market-height-79{height:79%}
.market-height-80{height:80%}
.market-height-81{height:81%}
.market-height-82{height:82%}
.market-height-83{height:83%}
.market-height-84{height:84%}
.market-height-85{height:85%}
.market-height-86{height:86%}
.market-height-87{height:87%}
.market-height-88{height:88%}
.market-height-89{height:89%}
.market-height-90{height:90%}
.market-height-91{height:91%}
.market-height-92{height:92%}
.market-height-93{height:93%}
.market-height-94{height:94%}
.market-height-95{height:95%}
.market-height-96{height:96%}
.market-height-97{height:97%}
.market-height-98{height:98%}
.market-height-99{height:99%}
.market-height-100{height:100%}