/* Build 131 Section 6: shared page reliability and mobile-safe spacing. */
:root { --ab-mobile-nav-clearance: calc(82px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 820px) {
  body.app-mode main#top,
  body[data-app-mode="true"] main#top { padding-bottom: var(--ab-mobile-nav-clearance); }
  section[id] { scroll-margin-top: 76px; scroll-margin-bottom: var(--ab-mobile-nav-clearance); }
  button, a, [role="button"] { touch-action: manipulation; }
}
section[id]:focus { outline: none; }