/* Dymki „moje kursy” przy zdjęciach ekipy (wzór: dymki prowadzących na akademia.klubzero.pl).
   Komputer: dymek po najechaniu albo fokusie. Telefon: po dotknięciu zdjęcia (ekipa.js), zamyka dotknięcie obok. */
.k{--fc:var(--teal,#0f6b5c);--fc-on:#fff;--fc-bg:var(--card,#fff);--fc-tx:var(--ink,#0e2a2b);--fc-ln:var(--line,#d3dcda)}
.t{--fc:var(--amber,#f6a823);--fc-on:var(--amberInk,#1a1100);--fc-bg:var(--panel,#14181d);--fc-tx:var(--ink,#eef0f3);--fc-ln:var(--line,#2a313a)}
.fc-row{display:flex;gap:4px;flex:none}
.fc{position:relative;display:block;cursor:pointer;border-radius:50%;outline:none;-webkit-tap-highlight-color:transparent}
.faces .fc img,.fc img{display:block;width:40px;height:40px;margin:0!important;border-radius:50%;object-fit:cover;border:2px solid var(--fc-bg);transition:transform .15s ease,box-shadow .15s ease}
.fc:hover img,.fc:focus-visible img,.fc.on img{transform:translateY(-2px) scale(1.08);box-shadow:0 0 0 2px var(--fc)}
.fc-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--fc);border:2px solid var(--fc-bg)}
@media (prefers-reduced-motion:no-preference){.fc-dot{animation:fcPuls 1.8s ease-in-out infinite}}
@keyframes fcPuls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}
.fc .dk{position:absolute;left:0;top:calc(100% + 10px);z-index:40;width:min(340px,calc(100vw - 32px));display:grid;gap:8px;padding:13px 14px;
  border:1px solid var(--fc);border-radius:4px 16px 16px 16px;background:var(--fc-bg);color:var(--fc-tx);box-shadow:0 18px 40px -14px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;text-align:left;cursor:default;white-space:normal}
.fc:nth-child(2) .dk{left:-44px}.fc:nth-child(3) .dk{left:-88px}
@media (hover:hover){.fc:hover .dk{opacity:1;visibility:visible;transform:none}}
.fc:focus-visible .dk,.fc.on .dk{opacity:1;visibility:visible;transform:none}
.fc .dk::before{content:"";position:absolute;left:14px;top:-7px;width:12px;height:12px;background:var(--fc-bg);border-left:1px solid var(--fc);border-top:1px solid var(--fc);transform:rotate(45deg)}
.fc:nth-child(2) .dk::before{left:58px}.fc:nth-child(3) .dk::before{left:102px}
.dk-kto{display:flex;align-items:center;gap:8px;font:700 10.5px/1.35 "JetBrains Mono","Martian Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--fc)}
.dk-kto i{width:6px;height:6px;border-radius:50%;background:var(--fc);flex:none}
.dk-tekst{font-size:14px;line-height:1.45;font-family:inherit;letter-spacing:0;text-transform:none}
.dk-linki{display:flex;flex-wrap:wrap;gap:6px}
.dk-linki a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--fc-ln);border-radius:8px;color:var(--fc-tx);
  font:700 11px/1.2 "JetBrains Mono","Martian Mono",ui-monospace,monospace;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}
.dk-linki a:hover{border-color:var(--fc);color:var(--fc)}
.dk-linki a.dk-gl{background:var(--fc);border-color:var(--fc);color:var(--fc-on)}
.fc-hint{font-weight:600;color:var(--fc)}
@media (hover:none){.fc-hint{font-size:0}.fc-hint::after{content:"Dotknij zdjęcia: nasze kursy.";font-size:14px}}