.mobile-page-shortcuts { display: none; }
@media (max-width: 760px) {
  .mobile-page-shortcuts { display: block; padding: 20px; background: var(--paper); border-bottom: 1px solid var(--hairline); }
  .mobile-page-shortcuts > span, .mobile-page-shortcuts > div { display: block; max-width: 420px; margin: 0 auto; }
  .mobile-page-shortcuts > span { margin-bottom: 8px; color: var(--ash); font-size: 12px; }
  .mobile-page-shortcuts > div { display: flex; flex-wrap: wrap; gap: 4px 18px; }
  .mobile-page-shortcuts a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); font-size: 13px; font-weight: 600; text-decoration: underline; text-decoration-color: var(--brass); text-underline-offset: 5px; }
  .mobile-page-shortcuts a:focus-visible { outline: 2px solid var(--brass-deep); outline-offset: 3px; }
  main section[id], main h2[id], main h3[id] { scroll-margin-top: 90px; }
}