.statistics-bottom-nav, .statistics-mobile-title { display: none; }
@media (max-width:700px) {
  .statistics-mobile-ready { padding-bottom: calc(88px + env(safe-area-inset-bottom,0px)); }
  .statistics-mobile-ready .statistics-mobile-inactive { display: none !important; }
  .statistics-mobile-ready .statistics-mobile-title { display: block; font-size: 1.15rem; font-weight: 500; margin: 16px 0; scroll-margin-top: 16px; }
  .statistics-mobile-ready .statistics-bottom-nav { position: fixed; inset: auto 0 0; z-index: 30; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px)); background: var(--surface); border: 1px solid var(--line); border-radius: 16px 16px 0 0; box-shadow: 0 -4px 20px rgb(0 0 0 / .08); }
  .statistics-bottom-nav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 60px; padding: 6px 2px; font: inherit; font-size: .72rem; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
  .statistics-bottom-nav svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .statistics-bottom-nav button[aria-current] { color: #205f92; font-weight: 600; background: var(--sage); border-color: var(--line); }
  :root[data-theme="dark"] .statistics-bottom-nav button[aria-current] { color: #8fcaff; }
  .statistics-bottom-nav button:focus-visible { outline: 2px solid var(--coral); outline-offset: 1px; }
  .statistics-page :is(input,select,button,summary) { scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom,0px)); }
}