.mobile-sections{display:none}
@media(max-width:980px){
  .nav .nav-links{display:none}
  .mobile-sections{display:block;position:relative;border-top:1px solid currentColor;color:inherit}
  .mobile-sections summary{cursor:pointer;min-height:44px;padding:11px 24px;font-size:.85rem;font-weight:600;line-height:1.5}
  .mobile-sections>div{position:absolute;left:0;right:0;top:100%;max-height:60vh;overflow:auto;
    padding:8px 24px 16px;background:#172129;color:#fff;box-shadow:0 12px 24px #0003}
  .mobile-sections a{display:block;min-height:44px;padding:11px 0;color:#fff}
  .mobile-sections a:focus-visible,.mobile-sections summary:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
}

@media(max-width:980px){
  section[id],main[id],[tabindex="-1"]{scroll-margin-top:140px}
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .sticky{padding-bottom:calc(11px + env(safe-area-inset-bottom))}
}