/* TAFLA — „nasz kafelek” (09.10.2026). Jeden przepis na szklaną taflę z ziarnem dla trzech miejsc strony: cztery tafle ścieżki Updates
   (.rozwoj-karta), tafla z cytatem Jobsa (.pdz-cytat) i tafla kanonu w „Z mojego warsztatu” (.kn-kan). Element ma klasy „szklo tafla”.
   Skąd: liczby szkła dobrał Kuba 09.10 w narzędziu helisy (hvmbak-helisa.pages.dev) dla tafli ścieżki: biel tafli 9 %, światło w masie 50 %,
   krawędź 100 %, ziarno 16 % przy kafelku 24 px, cień tafli 76 %. Tego samego dnia wieczorem helisa została zdjęta ze strony, a o taflach napisał:
   cytat Jobsa „to nie jest ten kafelek, który mamy niżej, musi to być ten sam, to samo ziarno”, kanon „też jest taki nie nasz troszeczkę”.
   Do tej pory cytat i kanon miały goły przepis .szklo z index.html (biel 16 %, pełne światło w masie, bez ziarna), dlatego odstawały.
   Tafle sekcji 2 (.pdz-kol, szron z HVMBAK-ZAKRES) mają własny wygląd i tej klasy nie dostają.
   Podstawa (.szklo: krawędź, .optyka, .masa, .swiatlo) stoi w index.html; tu jest tylko to, co tafla zmienia. Biel leży w ::before nad .optyka
   i pod .masa, ziarno w ::after pod treścią: kafelek szumu niebieskiego z kryciem (img/ziarno-a.png, ten sam co w pasku „Dołącz”), mieszany
   soft-light, więc rozjaśnia jasne i przyciemnia ciemne miejsca zamiast kłaść szarą zasłonę.
   Helisa DNA za taflami (silnik, stan, szkło z płótnem .hx-mroz): _kopie/2026-10-09-helisa-zdjeta/ i warsztat ~/Desktop/strony/HVMBAK-HELISA. */
:root{--tf-mleko:.09;--tf-swiatlo:.5;--tf-kraw:1;--tf-ziarno:.16;--tf-zw:24px;--tf-cien:.76}
.szklo.tafla{background:none;border-color:rgba(13,13,13,calc(.05 + .05*var(--tf-kraw)));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,calc(.6*var(--tf-kraw))),inset 0 1px 0 rgba(255,255,255,calc(.95*var(--tf-kraw))),inset 0 -1px 0 rgba(13,13,13,.05),
    0 1px 2px rgba(20,28,36,calc(.08*var(--tf-cien))),0 18px 36px -24px rgba(20,28,36,calc(.22*var(--tf-cien))),0 50px 80px -48px rgba(20,28,36,calc(.30*var(--tf-cien)))}
.szklo.tafla::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:rgba(255,255,255,var(--tf-mleko))}
.szklo.tafla .masa{opacity:var(--tf-swiatlo)}
.szklo.tafla::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(../img/ziarno-a.png) 0 0/var(--tf-zw) var(--tf-zw);mix-blend-mode:soft-light;opacity:var(--tf-ziarno)}