/* LAB podkreślenie „mazakiem” w nagłówkach (opis i rodzina ruchów w podkreslenie.js). Złoto marki #ceb472; na ciemnych sekcjach jasne złoto #dcc78f. */
.pk-em { position: relative; display: inline-block; isolation: isolate; background: none !important; padding-inline: 0.02em; }
/* tuż pod literami, minimalnie odsunięta w dół (Igor 30.09); zawsze POD literami: warstwa −1 w obrębie słowa
   (isolation na .pk-em), więc ogonek „j” przechodzący przez kreskę jest nad nią */
.pk-kreska { position: absolute; z-index: -1; left: -0.05em; width: calc(100% + 0.1em); bottom: -0.05em; height: 0.3em;
  overflow: visible; pointer-events: none; fill: #ceb472; fill-opacity: 0.82; }  /* lekko przezroczysta jak tusz mazaka (Igor 30.09) */
/* krótkie słowo: kreska wychodzi dalej poza litery (ruch ręki nie kurczy się do trzech liter) */
.pk-kreska--krotkie { left: -0.16em; width: calc(100% + 0.32em); }
/* rysowanie od lewej po wysunięciu słów (moduł wejść ustawia --we-op i --we-slow na nagłówku) */
html.we-js [data-we="naglowek"]:not(.we-koniec) .pk-kreska {
  transition: clip-path 650ms cubic-bezier(0.23, 1, 0.32, 1) calc(var(--we-op, 0ms) + var(--we-slow, 2) * 45ms + 300ms);
}
html.we-js [data-we="naglowek"]:not(.we-widac) .pk-kreska { clip-path: inset(0 100% 0 0); }
html.we-js.we-bez-ruchu [data-we="naglowek"] .pk-kreska { clip-path: none; transition: none; }
@media (forced-colors: active) { .pk-kreska { fill: CanvasText; } }