/* BENCHMARK SOM KORT (20/10, Jesper). Samme tal som Benchmark, laest af lab.js og de samme
     data/*.js, saa siden bygger sig selv om ved hver maaling. Eet kort pr. tema, en konklusion
     oeverst, maalinger der hoerer sammen i een figur, og formen valgt efter hvad tallet er.
     Proeven bag ligger i design-lab/kort-proeve/. */
  .w{max-width:1240px;margin:0 auto;padding:22px 24px 48px}
  .ktop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
  .ktop h1{margin:0;font:800 34px/1.1 'Bricolage Grotesque',Helvetica,sans-serif;letter-spacing:-.025em}
  .ktop p{margin:6px 0 0;color:var(--mute)}
  .ktop .alt{font-size:14px}
  .leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--ink2)}
  .leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
  .ov{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
  .ovk{display:block;background:#fff;border:1.5px solid var(--ink);border-radius:14px;padding:10px 12px;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
  .ovk b{display:block;font:800 15px 'Bricolage Grotesque',Helvetica,sans-serif}.ovk span{font-size:12px;color:var(--ink2)}
  .ovb{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--hair);margin:8px 0 4px}.ovb i{display:block;height:100%}
  .ovb .g{background:oklch(0.62 0.12 150)}.ovb .r{background:oklch(0.62 0.15 35)}
  .kband{font:800 26px/1.1 'Bricolage Grotesque',Helvetica,sans-serif;letter-spacing:-.02em;margin:30px 0 16px;padding-top:18px;border-top:2px solid var(--ink);scroll-margin-top:12px}
  .kband span{font:500 14px 'DM Sans',sans-serif;color:var(--mute);letter-spacing:0;margin-left:8px}
  .grid{columns:2;column-gap:22px}
  .k{break-inside:avoid;margin:0 0 22px;display:inline-block;width:100%;background:#fff;border:1.5px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink);padding:20px 22px}
  .k header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:0}
  .k h2{margin:0;font:800 21px/1.1 'Bricolage Grotesque',Helvetica,sans-serif;letter-spacing:-.015em}
  .tag{font-size:12px;color:var(--ink2);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:4px 11px;white-space:nowrap}
  .tk{margin:-2px 0 14px;font:600 15px/1.35 'Bricolage Grotesque',Helvetica,sans-serif;padding:10px 12px;border-radius:12px}
  .tk.god{background:oklch(0.94 0.04 150)}.tk.daarlig{background:oklch(0.95 0.035 40)}
  .hl,.ml{font-size:13px;color:var(--ink2);margin-bottom:8px;font-weight:600}.ml{color:var(--ink)}
  .low{font-weight:500;font-size:11px;color:var(--mute);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:1px 7px;margin-left:4px;white-space:nowrap}
  .est{background:#fff}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .stat{position:relative;background:var(--tint);border:1px solid var(--hair);border-radius:14px;padding:12px 14px}
  .stat.vinder{border-color:var(--ink)}
  .stat b{display:block;font:800 clamp(19px,2.3vw,30px)/1.1 'Bricolage Grotesque',Helvetica,sans-serif;margin-top:6px;letter-spacing:-.02em;white-space:nowrap}.stat b.lang{font-size:clamp(14px,1.5vw,18px);white-space:normal}
  .stat .dot{display:inline-block;width:10px;height:10px;border-radius:50%}.stat .sub{display:block;color:var(--mute);font-size:12px}
  .stat .lead{position:absolute;top:10px;right:10px}
  .m{position:relative;padding:10px 0;border-top:1px solid var(--hair)}
  .khero{margin-bottom:8px}
  .mr,.wr{display:grid;grid-template-columns:66px 1fr 128px;align-items:center;gap:10px;margin:4px 0;font-size:13px}
  .mr.ord{grid-template-columns:66px 1fr}
  .mr.du{background:oklch(0.97 0.02 70);border-radius:6px}.mr.du .mb{font-weight:700;color:var(--ink)}
  .mb{display:flex;align-items:center;gap:6px;color:var(--ink2)}.mb i{width:8px;height:8px;border-radius:50%;flex:none}
  .mv{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.mv.tom{color:var(--mute);font-weight:400}.mv.sm{font-size:11px;font-weight:600}
  .was{display:block;font-weight:400;font-size:10.5px;color:var(--mute)}
  .lead{font-style:normal;font-size:10.5px;font-weight:700;color:oklch(0.33 0.09 152);background:oklch(0.88 0.075 150);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}
  .bar{height:12px;background:var(--hair);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px}
  .stack{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--hair)}.stack i{display:block;height:100%}
  .lolli{position:relative;height:14px}.lolli i{position:absolute;top:6px;left:0;height:3px;border-radius:2px}
  .lolli b{position:absolute;top:0;width:14px;height:14px;border-radius:50%;margin-left:-7px;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--ink)}
  .stars{position:relative;display:inline-block;color:var(--rule);font-size:16px;letter-spacing:2px;justify-self:start}
  .stars .on{display:block;position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:oklch(0.78 0.15 80)}
  .chgb{justify-self:start;font-weight:700;font-size:12.5px;border-radius:999px;padding:2px 10px}
  .neg{color:oklch(0.36 0.12 32);background:oklch(0.88 0.075 35)}.pos{color:oklch(0.33 0.09 152);background:oklch(0.88 0.075 150)}
  .ordv{font-size:12.5px;color:var(--ink)}
  .ringe{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}.ringe b{display:block;font-size:15px;margin-top:2px}.ringe span{font-size:12px;color:var(--ink2)}
  .waf{display:flex;gap:3px;min-width:0}.waf i{flex:1;max-width:15px;aspect-ratio:1;border-radius:4px}.fn{margin:4px 0 0;font-size:11.5px;color:var(--mute)}
  .pik{display:flex;flex-wrap:wrap;gap:3px}.pik i{width:10px;height:10px;border-radius:50%}.tomt{font-style:normal;color:var(--mute);font-size:12px}
  .kol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;height:130px;padding:0 10px}
  .kol>div{display:flex;flex-direction:column;align-items:center;height:100%}
  .kv{font-weight:700;font-size:13px;margin-bottom:4px;white-space:nowrap}
  .ks{flex:1;width:38px;display:flex;align-items:flex-end;background:var(--hair);border-radius:8px 8px 3px 3px}.ks i{display:block;width:100%;border-radius:8px 8px 3px 3px}
  .kn{font-size:12px;color:var(--ink2);margin-top:4px}
  .pod{list-style:none;margin:0;padding:0}.pod li{display:grid;grid-template-columns:28px 66px 1fr;align-items:center;gap:8px;padding:5px 0;font-size:13px}
  .pod .pn{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:12px}
  .pod li:first-child .pn{background:var(--ink);color:#fff}
  .forh{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .fc{background:var(--tint);border:1px solid var(--hair);border-radius:12px;padding:10px 12px}.fc.top{border-color:var(--ink)}
  .fc b{display:block;font:800 22px 'Bricolage Grotesque',Helvetica,sans-serif;overflow-wrap:anywhere}.fc span{display:block;font-size:12px;color:var(--ink2)}.fc em{display:block;font-style:normal;font-size:11.5px;color:var(--mute);margin-top:2px}
  .heat{width:100%;border-collapse:separate;border-spacing:4px;font-size:12.5px}.heat th{color:var(--mute);font-weight:600}
  .heat td{text-align:center;border-radius:8px;padding:6px;font-weight:700;color:var(--ink)}.heat td:first-child{text-align:left;font-weight:400;background:none}
  .bub{width:100%;border-collapse:collapse;font-size:13px}.bub th{color:var(--mute);font-weight:600;padding-bottom:6px}
  .bub td{text-align:center;height:76px;vertical-align:middle}.bub td:first-child{text-align:left;font-weight:500}
  .bb{display:inline-block;border-radius:50%;opacity:.9;vertical-align:middle}.bub em{display:block;font-style:normal;font-size:11px;color:var(--mute);margin-top:2px}
  .prow{display:grid;grid-template-columns:66px 1fr 110px;align-items:center;gap:12px;margin:10px 0}
  .range{position:relative;height:22px;background:var(--hair);border-radius:11px}.range i{position:absolute;top:0;height:100%;border-radius:11px}
  .range b{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;margin-left:-8px;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--ink)}
  .val{text-align:right;font-weight:700}
  .grp{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px;align-items:end}.gc{text-align:center}
  .gb{display:flex;gap:4px;align-items:flex-end;justify-content:center;height:90px}
  .gcol{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;width:22px}
  .gcol em{font-style:normal;font-size:10px;color:var(--ink2);margin-bottom:2px;white-space:nowrap}.gcol i{display:block;width:100%;border-radius:5px 5px 2px 2px}
  .gn{display:block;font-size:11.5px;color:var(--ink2);margin-top:4px}
  .ev summary{position:absolute;top:9px;right:0;font-size:11.5px;border:1px solid var(--rule);border-radius:999px;padding:1px 9px;background:#fff;cursor:pointer;list-style:none;color:oklch(0.42 0.09 60);font-weight:600}
  .ev summary::-webkit-details-marker{display:none}
  .ev .evb{margin:8px 0 0;padding:10px 12px;background:var(--tint);border:1px solid var(--hair);border-radius:10px;font-size:12.5px}
  .ev .evb p{margin:0 0 4px;font-weight:600}.ev ul{margin:0 0 8px;padding-left:18px}.ev li{margin:2px 0;color:var(--ink2)}
  .more{margin-top:6px;border-top:1px solid var(--hair);padding-top:10px}.more summary{cursor:pointer;font-weight:700;font-size:13.5px}
  .konst{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--ink2)}
  .tom-side{padding:40px 0;color:var(--mute)}
  @media(max-width:820px){.grid{columns:1}.ov{grid-template-columns:1fr 1fr}.mr,.wr{grid-template-columns:58px 1fr 104px}}