/* research/wikipedia: the growth chart. Tokens only; no warning colour (those belong to IPMA's levels). */
.wk-card { padding: 0; }
.wk-card > h2, .wk-card > p.meta { padding: 0 16px; }
.wk-card > h2 { padding-top: 16px; }
.wk-chart .wk-line { fill: none; stroke-width: 2; stroke-linejoin: round; }
.wk-line.wk-a { stroke: var(--focus); }
.wk-line.wk-b { stroke: var(--ink-2); }
.wk-chart .wk-dot { stroke: var(--surface); stroke-width: 2; }
.wk-dot.wk-a { fill: var(--focus); }
.wk-dot.wk-b { fill: var(--ink-2); }
.wk-chart .wk-hit { fill: transparent; }
.wk-chart a:hover .wk-dot, .wk-chart a:focus .wk-dot { stroke: var(--ink); }
.wk-key { stroke: var(--ink); stroke-width: 1; stroke-dasharray: 4 3; opacity: .55; }
.wk-key.ev { stroke-dasharray: 1 3; opacity: .8; }
.wk-chart a:hover .wk-key { opacity: 1; stroke-width: 2; }
.wk-chart .lab.wk-k { font-size: 10.5px; fill: var(--ink-2); }
.wk-chart a:hover .lab.wk-k { fill: var(--ink); }
.wx-legend svg { vertical-align: middle; margin-right: 5px; }
table.wk { font-size: 14px; }