/* выставь реальную высоту меню и небольшой зазор */
:root{
  --menu-h-desktop: 72px;     /* высота ME на десктопе */
  --menu-h-mobile: 56px;      /* высота ME на мобиле */
  --menu-gap: 35px;           /* «воздух» между меню и заголовком */
}

:root{ --menu-h: var(--menu-h-desktop); }
@media (max-width: 768px){
  :root{ --menu-h: var(--menu-h-mobile); }
}

/* ME липкое (как у тебя сейчас) */
#rec1212872556{
  position: sticky;
  top: 0;
  z-index: 1000;
  background:#0D0D0D;
}

/* Сдвигаем ТИЛЬДОВСКИЕ якоря (a[name]/a[id]) вниз так, чтобы заголовок был ПОД меню */
a[name], a[id]{
  position: relative;
  display: block;
  top: calc(-1 * (var(--menu-h) + var(--menu-gap)));
  height: 0;
}

/* На всякий случай: если переход идёт на сам record по ID (редко), сместим и его */
.t-rec:target::before{
  content:"";
  display:block;
  height: calc(var(--menu-h) + var(--menu-gap));
  margin-top: calc(-1 * (var(--menu-h) + var(--menu-gap)));
}