/* Перший шар — спільні виправлення інтерфейсу (див. fl-ui.php). */

/* Крихти зникають, коли доходять до липкої шапки: інакше рядок ріжеться
   навпіл її нижнім краєм і має вигляд поломки. */
.fl-crumbs { transition: opacity .18s ease; }
.fl-crumbs.fl-crumbs-away { opacity: 0; pointer-events: none; }

/* Остання крихта — назва сторінки. У статей вона буває довжелезна, тому
   тримаємо її в один рядок із трикрапкою, а не розганяємо на пів екрана. */
.fl-crumbs > span:not(.sep) {
  display: inline-block; max-width: min(46ch, 100%);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  vertical-align: bottom;
}
@media (max-width: 600px) {
  .fl-crumbs > span:not(.sep) { max-width: min(26ch, 100%); }
}

/* fl-crumbs-above (02.10.2026): підкладка статті/сторінки (.fl-article::before, .fl-page::before,
   inset -24px) виступала вгору й закривала нижню половину назви в крихтах — крихти тепер шаром вище. */
.fl-crumbs { position: relative; z-index: 2; } /* вище за .hfeed.site Astra (z 1, іде далі в DOM); шапка — 60 */