.mobile-page-rail { display: none; }
@media (max-width: 760px) {
  :root { --mobile-header-height: 120px; }
  .site-header__bar,
  .site-header.is-scrolled .site-header__bar { min-height: 76px; }
  .mobile-page-rail {
    display: flex;
    align-items: stretch;
    gap: .45rem;
    min-height: 44px;
    padding: .2rem max(.7rem, env(safe-area-inset-right)) .35rem max(.7rem, env(safe-area-inset-left));
    border-top: 1px solid rgba(77, 110, 109, .11);
    background: rgba(255, 253, 248, .68);
  }
  .mobile-page-rail[hidden], .menu-open .mobile-page-rail { display: none; }
  .mobile-page-rail__link,
  .mobile-page-rail__spacer { flex: 1 1 0; min-width: 0; }
  .mobile-page-rail__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem;
    min-height: 38px;
    padding: .1rem .55rem;
    border: 1px solid rgba(76, 107, 107, .17);
    border-radius: 999px;
    background: rgba(255,255,255,.5);
    color: #486d70;
    font: 500 .68rem/1.15 var(--font-sans);
    letter-spacing: .025em;
    text-decoration: none;
  }
  .mobile-page-rail__link--next { justify-content: flex-end; text-align: right; }
  .mobile-page-rail__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-page-rail__arrow { flex: 0 0 auto; color: rgba(55, 91, 92, .65); font: 400 1.35rem/.8 Georgia, serif; }
  .mobile-page-rail__link:focus-visible { outline: 2px solid #486d70; outline-offset: 2px; }
  .mobile-swipe-hint { display: none !important; }
}