/* D16 (Z39): kolečko s otazníkem a bublina nápovědy (makro `napoveda` v dily/_makra_dilu.html, chování v spolecne.js). Sdílené: složka, studia, ukázka. */
.sl-nap { display: inline-flex; vertical-align: middle; }
.sl-nap__tlacitko { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; margin: 0;
  background: transparent; border: 0; cursor: pointer; color: var(--text); font: inherit; }
.sl-nap__kolo { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid currentColor;
  border-radius: 50%; font-size: 0.75rem; font-weight: 700; line-height: 1; }
.sl-nap__tlacitko:focus-visible { outline: 2px solid var(--produkt-text, #174a40); outline-offset: -4px; border-radius: 50%; }
.sl-nap__bublina { position: fixed; z-index: 60; box-sizing: border-box; padding: 0.6rem 0.8rem; font-size: 0.9rem; line-height: 1.4; font-weight: 400;
  color: var(--text); background: var(--plocha, #fff); border: 1px solid var(--text); border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }
.sl-nap__bublina[hidden] { display: none; }
@media print { .sl-nap { display: none; } }
/* Kolečko vedle prvku, který se objevuje a mizí: mizí s ním (tlačítko „Vejít na 1 stranu“, věta o žlutých místech v dialogu). */
[data-akce="cvs-vejit"][hidden] + .sl-nap, [data-stazeni-doplnte][hidden] + .sl-nap, [data-cvs-stazeni-doplnte][hidden] + .sl-nap,
[data-dps-stazeni-doplnte][hidden] + .sl-nap { display: none; }
/* Kolečko ve štítku, nadpisu nebo liště nezvětšuje řádek: cíl 44 px zůstane, rám řádku se vyrovná zápornou mezerou. */
.nap-radek { display: flex; align-items: center; gap: 0.25rem; margin: 0; }
.nap-radek .sl-nap, h2 .sl-nap, .sl-hlavicka__skore .sl-nap, figcaption .sl-nap, .cvs-lista .sl-nap, .plat__formular .sl-nap { margin-block: -0.85rem; }
.cvs-lista .sl-nap { margin-inline: -0.35rem; flex: none; }
h2 .sl-nap { margin-inline: -0.2rem; }
.sl-nap__tlacitko { color: inherit; }
.sl-nap__bublina { z-index: 70; color: var(--text, #1b1b1b); background: var(--plocha, #fff); text-transform: none; letter-spacing: 0; text-align: left; font-family: inherit; }
dialog .sl-nap { display: inline-flex; }
@media (prefers-reduced-motion: reduce) { .sl-nap__bublina { transition: none; animation: none; } }
/* Na úzkém displeji se lišta akcí dílu zalomí, když se do jednoho řádku nevejde (tahák: „Otevřít na celou obrazovku“ + kolečko + Vytisknout + Stáhnout). */
@media screen and (max-width: 47.99rem) { main.app .dil-hlava--lista .dil-lista { flex-wrap: wrap; } }