.t2f{--pg:var(--pe-biel,#FFFFFF);--base:var(--pe-noc-tekst-2,#C9CCD3);--ctx:#DFE1E5;--ctx2:var(--pe-noc-tekst-2,#C9CCD3);--sea:var(--pe-dzien-panel,#F5F6F8);--q1:var(--pe-kobalt-600,#3D5AF1);--q2:var(--pe-kobalt-300,#7D93FF);--q3:#B3C0FF;--q4:#E3E8FF;--qt1:var(--pe-biel,#FFFFFF);--qt2:var(--pe-atrament,#0B0D12);--qt3:var(--pe-atrament,#0B0D12);--qt4:var(--pe-atrament,#0B0D12);--hm1:#F4F6FF;--hm2:#E8ECFF;--hm3:#D9E0FF;--hm4:var(--pe-kobalt-100,#C7D1FF);--hm5:#AEBBFF;--up:var(--pe-kobalt-600,#3D5AF1);--sh:rgba(11,13,18,.14);--rb:#DCE2FF;--rb1:#A9B8FF}
.t2f.dk,.t2f .dk{--pg:var(--pe-czern,#000000);--base:#3A3D45;--ctx:#262930;--ctx2:#3A3D45;--sea:#16181D;--q1:var(--pe-kobalt-300,#7D93FF);--q2:var(--pe-kobalt-500,#4D6BFE);--q3:#2E3A70;--q4:#1C2348;--qt1:var(--pe-atrament,#0B0D12);--qt2:var(--pe-atrament,#0B0D12);--qt3:var(--pe-papier,#F7F8FA);--qt4:var(--pe-papier,#F7F8FA);--hm1:#0B0F24;--hm2:#101839;--hm3:#172152;--hm4:#1F2C6C;--hm5:#2A3B8C;--up:var(--pe-kobalt-300,#7D93FF);--sh:rgba(0,0,0,.7);--rb:#1F2A5E;--rb1:#3B52C4}
.t2fig{--pg:var(--card)}
.dt-fr{width:1380px;padding:48px}.dv-fr{width:1068px;padding:48px}.dt-fr .t2fig,.dv-fr .t2fig{margin:0}
.mic{display:block;flex:none;fill:var(--h)}.mic.off{fill:var(--mt);opacity:.3}
.dl-lg{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font:400 13px/1.3 Inter,sans-serif;color:var(--mt)}.dl-lg span{display:flex;align-items:center;gap:8px}.dl-lg .mic{fill:var(--tx)}
.dt{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:28px;font-variant-numeric:tabular-nums}
.dt th{font:500 12px/1.35 Inter,sans-serif;color:var(--mt);text-align:left;vertical-align:bottom;padding:0 14px 12px 0;border-bottom:1px solid var(--ln)}
.dt td{font:400 15px/1.35 Inter,sans-serif;color:var(--tx);padding:12px 14px 12px 0;border-bottom:1px solid var(--ln2);vertical-align:middle;white-space:nowrap;overflow:hidden}
.dt tbody tr:last-child td{border-bottom:0}.dt .n{text-align:right}.dt b{font-weight:500;color:var(--h)}
.dt .rk{white-space:nowrap}.dt .rk b{font:500 15px/1.2 Inter,sans-serif}.dt .rk small{margin-left:5px;font:500 11px/1 Inter,sans-serif;color:var(--mt);vertical-align:1px}.dt .rk small.up{color:var(--up)}
.dt .pl b{display:flex;align-items:center}.dt .pl small{display:block;margin-top:4px;font:400 12px/1.3 Inter,sans-serif;color:var(--mt)}
.dt .dn{color:var(--mt)}.dt .dsrc{font-size:14px;color:var(--ld)}
.prs{display:flex;align-items:center;gap:8px}.prs em{font:400 13px/1 Inter,sans-serif;font-style:normal;color:var(--mt);margin-left:6px}
.dt .gh th{padding-bottom:10px;color:var(--h)}.dt .gh th.e{border-bottom:0}
.dt .gr{border-right:1px solid var(--ln);padding-right:16px}
.dt th.md{text-align:center;padding-right:0}.dt th.md .mic{margin:0 auto 8px}.dt th.md span{display:block}
.dt td.hm{text-align:center;padding:14px 0;border-left:2px solid var(--pg);border-bottom:2px solid var(--pg);color:var(--h)}.dt td.bx{font-weight:600}.dt td.na{text-align:center;color:var(--mt);border-left:2px solid var(--pg);border-bottom:2px solid var(--pg)}
.hm1{background:var(--hm1)}.hm2{background:var(--hm2)}.hm3{background:var(--hm3)}.hm4{background:var(--hm4)}.hm5{background:var(--hm5)}
.hm-lg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;font:400 13px/1.3 Inter,sans-serif;color:var(--mt)}.hm-lg i{display:inline-block;width:18px;height:12px;border-radius:1px;margin-right:6px;vertical-align:-1px}
.dm{padding:24px 20px 32px}.dm .k{font:500 13px/1.4 Inter,sans-serif;color:var(--mt)}.dm h2{font:400 28px/1.12 Geist,sans-serif;letter-spacing:-.03em;color:var(--h);margin:10px 0 0}.dm p{font:400 14px/1.5 Inter,sans-serif;color:var(--ld);margin:8px 0 0}
.dm-sc{position:relative;margin-top:18px;overflow:hidden}.dm-sc .dt{width:612px;margin:0}
.dm-sc .dt td{font-size:14px;padding:11px 8px 11px 0}.dm-sc .dt th{font-size:11px;padding:0 8px 10px 0}.dm-sc .dt th.md{padding-right:0}.dm-sc .dt th.md .mic{margin-bottom:6px}.dm-sc .dt td.hm,.dm-sc .dt td.na{padding:12px 0}
.dm-sc .stk{position:sticky;left:0;z-index:1;background:var(--pg);box-shadow:8px 0 8px -8px var(--sh)}.dm-sc td.stk b{display:flex;align-items:center;gap:0;white-space:pre}
.dm-sc:after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;background:linear-gradient(90deg,transparent,var(--pg));pointer-events:none}
.dm-hint{display:flex;align-items:center;gap:12px;margin-top:16px;font:500 12px/1 Inter,sans-serif;color:var(--mt)}.dm-hint u{flex:1;height:2px;background:var(--ln);text-decoration:none;position:relative}.dm-hint u:before{content:"";position:absolute;left:0;top:0;height:2px;width:46%;background:var(--h)}
.dm-ft{margin-top:20px;padding-top:12px;border-top:1px solid var(--ln);font:400 12px/1.5 Inter,sans-serif;color:var(--mt)}
.dv{display:block;width:100%;height:auto;margin-top:24px;overflow:visible}
.dv text{font:400 13px Inter,sans-serif;fill:var(--mt);font-variant-numeric:tabular-nums}
.dv .lb{font-size:14px;fill:var(--tx)}.dv .lbs{font-size:14px;font-weight:500;fill:var(--h)}.dv .ann{font-weight:500;fill:var(--h)}.dv .up{fill:var(--up)}
.dv .halo{paint-order:stroke;stroke:var(--card);stroke-width:5px;stroke-linejoin:round}
.dv .gl{stroke:var(--gl);stroke-width:1}.dv .bl{stroke:var(--base);stroke-width:1}.dv .sea{fill:var(--sea)}
.dv .band{fill:var(--pe-kobalt-500,#4D6BFE);fill-opacity:.12}.dk .dv .band{fill-opacity:.24}
.dv .ctx{fill:none;stroke:var(--ctx);stroke-width:1.25;stroke-linejoin:round}
.dv .s2{fill:none;stroke:var(--ld);stroke-width:1.75;stroke-linejoin:round}
.dv .s1{fill:none;stroke:var(--pe-kobalt-500,#4D6BFE);stroke-width:2.75;stroke-linejoin:round;stroke-linecap:round}
.dv .mko{fill:var(--pe-pomarancz,#FD723A)}.dv .sq{fill:var(--h)}.dv .sq2{fill:var(--ld)}
.dv .bar{fill:var(--bar)}.dv .barx{fill:var(--pe-kobalt-500,#4D6BFE)}.dv .prev{fill:var(--h)}
.dv .avg{stroke:var(--h);stroke-width:1;stroke-dasharray:4 3}
.dv .rb{fill:var(--rb)}.dv .rb1{fill:var(--rb1)}
.dv .mico{fill:var(--h)}
.dv .q1{fill:var(--q1)}.dv .q2{fill:var(--q2)}.dv .q3{fill:var(--q3)}.dv .q4{fill:var(--q4)}
.dv .qt1{fill:var(--qt1);font-weight:500}.dv .qt2{fill:var(--qt2);font-weight:500}.dv .qt3{fill:var(--qt3);font-weight:500}.dv .qt4{fill:var(--qt4);font-weight:500}
.dv-fn{margin:16px 0 0;font:400 13px/1.5 Inter,sans-serif;color:var(--mt)}
.mn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.mn small{font:500 13px/1.4 Inter,sans-serif;color:var(--mt)}.mn b{display:block;font:500 20px/1.25 Geist,sans-serif;letter-spacing:-.015em;color:var(--h);margin-top:6px}.mn p{font:400 14px/1.55 Inter,sans-serif;color:var(--ld);margin:18px 0 0}
.mn-ax{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 12px;align-items:center;font:400 13px/1 Inter,sans-serif;color:var(--mt);font-variant-numeric:tabular-nums}.mn-ax>span{text-align:right}.mn-ax i{display:block;height:1px;background:var(--gl)}.mn-ax i:nth-of-type(5){background:var(--base)}
.mn-ax.mo,.mn-ax.mo .mn-x{font-family:"Geist Mono",ui-monospace,monospace}.mn-x{display:flex;justify-content:space-between}
.plk{display:flex;align-items:center;gap:12px;flex:none}.plk img,.t2fig-h .plk img{height:20px;width:auto;display:block}.plk i{font:400 16px/1 Inter,sans-serif;font-style:normal;color:var(--mt)}
.ppw{font:600 18px/1 Geist,sans-serif;letter-spacing:-.02em;color:var(--h);white-space:nowrap}
.plk.xl{gap:17px}.plk.xl img{height:28px}.plk.xl i{font-size:20px}.plk.xl .ppw{font-size:25px}
.ppst{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--ln);font:500 13px/1.4 Inter,sans-serif;color:var(--mt)}
.ppf{display:flex;align-items:center;gap:10px}.ppf .ppw{font-size:14px}
.pl-g{display:grid;grid-template-columns:minmax(0,1fr)}.pl-c{height:200px;padding:0 32px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--pe-biel,#FFFFFF);border:1px solid var(--ln)}.pl-c.dk{background:var(--pe-czern,#000000);border-color:var(--pe-czern,#000000)}
.pl-n{margin:28px 0 0;padding:0 0 0 18px;font:400 14px/1.6 Inter,sans-serif;color:var(--ld)}.pl-n li+li{margin-top:6px}
.pl-b{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}.pl-b>div{display:grid;grid-template-columns:560px minmax(0,1fr);gap:24px;align-items:center}.pl-x{height:96px;padding:0 16px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ln)}.pl-x img{height:18px;width:auto;display:block}.pl-x i{font:400 15px/1 Inter,sans-serif;font-style:normal;color:var(--mt)}.pl-x .ppw{font-size:16px}.pl-x .ppw.big{font-size:26px}.pl-b small{display:block;margin-top:0;font:500 13px/1.4 Inter,sans-serif;color:var(--h)}
.dt .n,.dt .rk,.dt .rk b,.dt td.hm,.dt td.na,.dt .pm .rn{font-variant-numeric:tabular-nums}
.hm-lg i{box-shadow:inset 0 0 0 1px var(--ln)}
/* Tabele (docs/dane.md): jedna baza .dt dla każdej tabeli, od minimalnej (guidelines/dane.html #t4) do złożonej (#t3). Kolejne warstwy dokładasz klasami w znacznikach.
   Szerokości kolumn w style na komórkach nagłówka, etykieta grupy (.gx) nad tabelą: działa także w Claude Design, który wyrzuca <colgroup>. Bez skryptów: mapa ciepła to input.hm-sw + label.hm-tg, pasek przewijania to animation-timeline. */
.t2f{--hv:rgba(11,13,18,.045)}.t2f.dk,.t2f .dk{--hv:rgba(255,255,255,.07)}
.dt th:first-child,.dt td:first-child{padding-left:12px}
.dt .n{text-align:center}.dt td.n,.dt th.n{padding-left:8px;padding-right:8px}
.dt .lv{display:inline-block;min-width:5.4ch;text-align:right}.dt .lv.lz{min-width:3.6ch}
.dt th .sl{display:block}
.dt th.mg{color:var(--h)}.dt th.mg small{display:block;margin-top:2px;font:400 12px/1.35 Inter,sans-serif;color:var(--mt)}
.dt td.pc,.dt td.ty{white-space:normal}.dt td.pc small{display:block;margin-top:2px;font:400 12px/1.3 Inter,sans-serif;color:var(--mt)}.dt td.ty{font-size:14px;color:var(--ld)}
.dt .gk{border-right:1px solid var(--ln)}.dt td.gk+td.hm,.dt td.gk+td.na{border-left:0}
.dt td.bx{font-weight:500}
.dt tbody tr:hover td{box-shadow:inset 0 0 0 100vmax var(--hv)}
.gx{margin-top:28px;padding-bottom:8px;border-bottom:1px solid var(--ln);text-align:center;font:500 12px/1.35 Inter,sans-serif;color:var(--h)}.gx+.dt{margin-top:0}.gx+.dt th.md{padding-top:20px}
.zm{display:block;width:20px;height:20px;margin:0 auto 6px;object-fit:contain}
.pn{display:flex;align-items:center;gap:12px;min-width:0}.pn b{min-width:0;line-height:1.3}
.co{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ln);border-radius:2px;background:var(--card);overflow:hidden}.co img{display:block;width:20px;height:20px;object-fit:contain}
.co.bz{background:var(--bg2);font:500 12px/1 Inter,sans-serif;color:var(--mt)}.co.cm{width:24px;height:24px}.co.cm img{width:16px;height:16px}.co.cm.bz{font-size:11px}
.vb{display:flex;align-items:center;justify-content:center;gap:12px}.vb u{display:block;flex:none;width:80px;height:8px;background:var(--ln2);border-radius:1px;text-decoration:none}.vb i{display:block;height:8px;background:var(--bar);border-radius:1px}.ld .vb i{background:var(--pe-kobalt-500,#4D6BFE)}.vb .lv{text-align:left}
.hm-sw{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.hm-tg{position:relative;display:inline-flex;align-items:center;gap:8px;margin-right:8px;font:500 13px/1.3 Inter,sans-serif;color:var(--h);cursor:pointer}
.hm-tg:before{content:"";box-sizing:border-box;flex:none;width:16px;height:16px;border:1px solid var(--mt);border-radius:2px}
.hm-sw:checked~.hm-lg .hm-tg:before{background:var(--lk);border-color:var(--lk)}
.hm-sw:checked~.hm-lg .hm-tg:after{content:"";position:absolute;left:6px;top:calc(50% - 6px);width:4px;height:8px;border:solid var(--pg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.hm-sw:focus-visible~.hm-lg .hm-tg:before{outline:2px solid var(--lk);outline-offset:2px}
.hm-lg .sk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.hm-sw:not(:checked)~.hm-lg .sk{display:none}
.hm-sw:not(:checked)~.dt td.hm,.hm-sw:not(:checked)~* .dt td.hm{background:none;border-left:0;border-bottom:1px solid var(--ln2);color:var(--tx)}
.hm-sw:not(:checked)~.dt td.hm.bx,.hm-sw:not(:checked)~* .dt td.hm.bx{color:var(--h)}
.hm-sw:not(:checked)~.dt td.na,.hm-sw:not(:checked)~* .dt td.na{border-left:0;border-bottom:1px solid var(--ln2)}
.hm-sw:not(:checked)~.dt tbody tr:last-child td,.hm-sw:not(:checked)~* .dt tbody tr:last-child td{border-bottom:0}
.dt.xl th{font-size:18px;padding-bottom:14px}.dt.xl td{font-size:24px;padding:18px 12px}.dt.xl .rk b{font-size:24px}.dt.xl th:first-child,.dt.xl td:first-child{padding-left:16px}.dt.xl .vb{gap:16px}.dt.xl .vb u{width:160px;height:12px}.dt.xl .vb i{height:12px}.dt.xl .mk{width:10px;height:10px;margin-left:14px}
:has(>.dmx-cue){timeline-scope:--t3x}.dmx .zm{width:18px;height:18px}
:is(.t2m,.dmx) .dt td{font-size:14px;padding:11px 8px 11px 0}:is(.t2m,.dmx) .dt th{font-size:11px;padding:0 8px 10px 0}:is(.t2m,.dmx) .dt th.md{padding-right:0}:is(.t2m,.dmx) .dt td.hm{padding:12px 0}
:is(.t2m,.dmx) .dt th:first-child,:is(.t2m,.dmx) .dt td:first-child{padding-left:8px}:is(.t2m,.dmx) .dt td.n,:is(.t2m,.dmx) .dt th.n{padding-left:4px;padding-right:4px}:is(.t2m,.dmx) .dt th.mg small{font-size:11px}
.dmx-cue{margin:18px 0 0 228px;font:500 12px/1 Inter,sans-serif;color:var(--h)}.dmx-cue span{display:block;padding-bottom:8px}.dmx-cue u{display:block;position:relative;height:2px;background:var(--ln);text-decoration:none}.dmx-cue i{position:absolute;top:0;left:0;width:34%;height:2px;background:var(--h)}
.dmx{position:relative;margin-top:10px}.dmx:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(90deg,transparent,var(--pg));pointer-events:none}
.dmx-s{overflow-x:auto;scrollbar-width:none;scroll-timeline:--t3x x}.dmx-s::-webkit-scrollbar{display:none}
.dmx .dt{width:588px;margin:0}
.dmx .stk{position:sticky;left:0;z-index:1;background:var(--pg)}.dmx .stk2{left:164px;box-shadow:8px 0 8px -8px var(--sh)}.dmx .dt tbody tr:hover td.stk2{box-shadow:inset 0 0 0 100vmax var(--hv),8px 0 8px -8px var(--sh)}
.pm{display:flex;align-items:center;gap:6px}.pm .rn{flex:none;width:20px;font:500 14px/1 Inter,sans-serif;color:var(--h)}.pm .rn .mk{width:6px;height:6px;margin-left:3px;vertical-align:2px}.pm .co{margin-right:2px}
.pm .nm{min-width:0;white-space:normal}.pm .nm b{display:block;font:500 14px/1.3 Inter,sans-serif}.pm .nm small{display:block;margin-top:2px;font:400 12px/1.3 Inter,sans-serif;color:var(--mt)}
@supports (animation-timeline:scroll()){.dmx-cue i{animation:t3-kciuk linear both;animation-timeline:--t3x}.dmx:after{animation:t3-zanik linear both;animation-timeline:--t3x}}
@keyframes t3-kciuk{to{left:66%}}@keyframes t3-zanik{0%,92%{opacity:1}to{opacity:0}}
/* Najważniejsza miara bez pionowej linii: wyróżnia ją linia 2 px pod nagłówkiem, ta sama, którą sortowanie oznacza aktywną kolumnę (tabela jest domyślnie posortowana po niej). */
.dt th.mg{box-shadow:inset 0 -2px var(--h)}
.dmx .dt th.mg.stk2{box-shadow:inset 0 -2px var(--h),8px 0 8px -8px var(--sh)}
/* Warstwa 9 (docs/dane.md): sortowanie, filtr modeli i widok wykresu na stronie raportu. Zachowanie (przeliczanie, kolejność wierszy) robi skrypt strony; tu są wygląd i stany.
   Pasek nad tabelą: przełącznik widoku .dt-seg i lista modeli .dt-dd z polami wyboru, w tonie przycisku b2 (css/przyciski.css). */
.t2f{--b2:rgba(11,13,18,.06);--b2h:rgba(11,13,18,.11)}.t2f.dk,.t2f .dk{--b2:rgba(255,255,255,.1);--b2h:rgba(255,255,255,.17)}
.dt-tb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.dt-seg{display:inline-flex;gap:2px;padding:3px;border-radius:2px;background:var(--b2)}
.dt-seg button{appearance:none;height:30px;margin:0;padding:0 14px;border:0;border-radius:2px;background:none;font:500 13px/1 Inter,sans-serif;color:var(--ld);cursor:pointer}
.dt-seg button:hover{color:var(--h)}.dt-seg button[aria-pressed="true"]{background:var(--card);color:var(--h);box-shadow:0 1px 2px var(--sh)}
.dt-dd{position:relative}
.dt-dd-t{appearance:none;display:inline-flex;align-items:center;gap:8px;height:36px;margin:0;padding:0 14px;border:0;border-radius:2px;background:var(--b2);font:500 13px/1 Inter,sans-serif;color:var(--h);cursor:pointer}
.dt-dd-t:hover,.dt-dd-t[aria-expanded="true"]{background:var(--b2h)}.dt-dd-t span{font-weight:400;color:var(--ld)}
.dt-dd-t i{width:6px;height:6px;margin:0 2px 3px 4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.dt-dd-p{position:absolute;left:0;top:calc(100% + 6px);z-index:5;width:248px;padding:6px;border:1px solid var(--ln);border-radius:2px;background:var(--card);box-shadow:0 12px 32px -12px var(--sh)}.dt-dd-p[hidden]{display:none}
.dt-dd-o{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:2px;font:400 14px/1 Inter,sans-serif;color:var(--h);cursor:pointer}.dt-dd-o:hover{background:var(--bg2)}
.dt-dd-o input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.dt-dd-o b{position:relative;flex:none;box-sizing:border-box;width:16px;height:16px;border:1px solid var(--mt);border-radius:2px}
.dt-dd-o input:checked+b{background:var(--lk);border-color:var(--lk)}.dt-dd-o input:checked+b:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--card);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.dt-dd-o img{width:16px;height:16px;object-fit:contain}
.dt-dd-f{margin-top:6px;padding:10px 10px 4px;border-top:1px solid var(--ln2)}
.dt-dd-f button{appearance:none;margin:0;padding:0;border:0;background:none;font:500 13px/1.3 Inter,sans-serif;color:var(--lk);cursor:pointer}
.dt-seg button:focus-visible,.dt-dd-t:focus-visible,.dt-dd-f button:focus-visible,.dt th .so:focus-visible,.dt-dd-o input:focus-visible+b{outline:2px solid var(--lk);outline-offset:2px}
.dt-nt{margin:10px 0 0;font:400 13px/1.4 Inter,sans-serif;color:var(--mt)}
/* Sortowanie: nagłówek to przycisk .so, a znacznik .so-i wisi za ostatnią linią nagłówka, 4 px od tekstu (telefon 3 px). Nie zajmuje miejsca, więc nazwa zostaje wyśrodkowana (pod znakiem modelu), a znaczniki stoją w jednym rzędzie.
   Rysunek: dwie cienkie strzałki, jak strzałka listy modeli. Aktywna kolumna (th.s-dn malejąco, th.s-up rosnąco, aria-sort): jedna strzałka w kolorze nagłówka i linia 2 px pod nagłówkiem. */
.t2f{--so-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath d='M.75 3.25 3 1l2.25 2.25' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--so-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath d='M.75.75 3 3 5.25.75' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.dt th .so{appearance:none;position:relative;display:inline-block;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}
.dt th.md .so{display:block;width:100%;text-align:center}.dt th .so:hover{color:var(--h)}
.so-t{position:relative;display:inline-block;white-space:nowrap}.dt th .so .so-t{display:inline-block}
.so-i{position:absolute;left:100%;top:50%;width:6px;height:10px;margin:-5px 0 0 4px}
.so-i:before,.so-i:after{content:"";position:absolute;left:0;width:6px;height:4px;background:var(--mt);opacity:.55;-webkit-mask:var(--so-g) center/100% 100% no-repeat;mask:var(--so-g) center/100% 100% no-repeat}
.so-i:before{top:0}.so-i:after{bottom:0;-webkit-mask-image:var(--so-d);mask-image:var(--so-d)}
.dt th .so:hover .so-i:before,.dt th .so:hover .so-i:after{opacity:.9}
.dt th.s-dn .so .so-i:before,.dt th.s-up .so .so-i:after{opacity:0}
.dt th.s-dn .so .so-i:after{bottom:3px;background:var(--h);opacity:1}.dt th.s-up .so .so-i:before{top:3px;background:var(--h);opacity:1}
.dt th.s-dn,.dt th.s-up{color:var(--h);box-shadow:inset 0 -2px var(--h)}
.dt:has(.s-dn,.s-up) th.mg:not(.s-dn,.s-up){box-shadow:none}
.dmx .dt th.stk2.s-dn,.dmx .dt th.stk2.s-up{box-shadow:inset 0 -2px var(--h),8px 0 8px -8px var(--sh)}.dmx .dt:has(.s-dn,.s-up) th.stk2.mg:not(.s-dn,.s-up){box-shadow:8px 0 8px -8px var(--sh)}
/* Filtr modeli. Wyłączony model: kolumna przygaszona, bez mapy ciepła (.wyl), nie da się po niej sortować. Miary liczone ze wszystkich modeli (średnia pozycja, otwiera listę) się wygaszają (.wyg). */
.dt .wyg{opacity:.35}.dt th.wyg .so,.dt th.wyl .so{cursor:default}.dt th.wyg .so-i,.dt th.wyl .so-i{display:none}
.dt td.hm.wyl{background:none;color:var(--mt);opacity:.45}.dt th.md.wyl{opacity:.35}
/* Widok wykresu (.dt.wk): podmiot, typ i widoczność jako długi słupek, tor 560 px = 100 % (telefon 108 px). */
.dt.wk .vb{justify-content:flex-start}.dt.wk .vb u{width:560px}.dt.wk th:last-child,.dt.wk td:last-child{border-right:0}
:is(.t2m,.dmx) .dt.wk .vb{gap:8px}:is(.t2m,.dmx) .dt.wk .vb u{width:108px}
/* Telefon: pasek mniejszy. Tabela z sortowaniem (.dt.srt) ma szersze kolumny, żeby znacznik nie wychodził poza komórkę: widoczność 74 px (zamrożone 164 + 74 = 238), średnia pozycja 68, modele 80, razem 690 px. Dlatego wskazówka przewijania (.dmx-cue.srt) stoi dalej, a jej pasek jest krótszy. */
.dm .dt-tb{margin-top:16px;gap:8px}.dm .dt-seg button,.dm .dt-dd-t{font-size:12px}.dm .dt-seg button{height:28px;padding:0 12px}.dm .dt-dd-t{height:34px;padding:0 12px}.dm .dt-dd-p{width:240px}
.dmx .so-i{margin-left:3px}.dmx .dt.srt{width:690px}.dmx-cue.srt{margin-left:238px}.dmx-cue.srt i{width:25%}
@supports (animation-timeline:scroll()){.dmx-cue.srt i{animation-name:t3-kciuk2}}
@keyframes t3-kciuk2{to{left:75%}}