/* Общая панель всех документов остаётся доступной при чтении длинного текста. */
html {
  scroll-padding-top: calc(80px + env(safe-area-inset-top, 0px));
}

.bar {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

.bar-inner {
  grid-template-columns: 40px minmax(0, 1fr) 40px;
}

.back {
  width: 40px;
  height: 40px;
}

/* Содержание учитывает закреплённую панель: название раздела не уходит под неё. */
main section {
  scroll-margin-top: 0;
}

@media print {
  html { scroll-padding-top: 0; }
  .bar { position: static; box-shadow: none; }
}