@media (max-width:768px),  (hover: none) {  /* same as criteria for thin fixed heading */
    /*   https://css-tricks.com/fixed-headers-on-page-links-and-overlapping-content-oh-my/  */
html {
  --top-spacing: 65px;
  scroll-padding-top: var(--top-spacing);
}
}