/* Ostatnia warstwa: strzałki SVG i poprawki UX na telefonie (26.09.2026). */

/* Strzałki rysowane SVG zamiast znaku ↗. Podzbiór latin Instrument Sans nie ma tego znaku,
   a iOS podstawia wtedy emoji w kwadraciku. Rozmiar wynika z font-size rodzica, jak dawny glif. */
.headline-spark svg,.note-icon svg,.result-arrow svg{display:block;width:1.15em;height:1.15em;overflow:visible}
.headline-spark svg{margin:-.23em -.1em 0 -.09em}
.headline-spark svg path{stroke-width:2.25}
.note-icon svg path{stroke-width:1.25}
.note-icon svg{width:1.12em;height:1.12em;margin:.17em 0 0 -.1em}

@media(max-width:760px){
  /* Pole dotyku linków tekstowych ok. 44 px bez ruszania układu (same linki mają 24 px wysokości). */
  .text-link{position:relative}
  .text-link::after{content:"";position:absolute;inset:-10px -8px}

  /* Webinary: przycisk i dopisek jeden pod drugim. W rzędzie dopisek miał 89 px szerokości i łamał się na 4 linie. */
  .webinar-action{flex-direction:column;align-items:flex-start;gap:12px}
  .webinar-action>span{max-width:none;font-size:14px}
  .webinar-action>span br{display:none}

  /* Opisy artykułów: ręczne łamania z desktopu dawały na wąskim ekranie poszarpany akapit. */
  .article-row p br{display:none}

  /* Przyklejony nagłówek: strona ma na telefonie ok. 15 ekranów, a menu było tylko na samej górze.
     Chowa się przy przewijaniu w dół, wraca przy przewijaniu w górę (klasa .is-hidden z app.js). */
  .site-header{position:sticky;top:0;z-index:20;transition:transform .25s ease}
  .site-header::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--paper);z-index:-1}
  .site-header.is-hidden{transform:translateY(-101%)}
  html{scroll-padding-top:96px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .site-header{transition:none}
}