.sdh-footer {
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 0;
  width: min(100%, var(--sdh-max-mobile));
  height: calc(var(--sdh-footer-h) + env(safe-area-inset-bottom));
  padding: 5px 2px env(safe-area-inset-bottom);
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  background: rgba(255,255,255,.97);
  background: #4D8568;
  border-top: 1px solid var(--sdh-line);
  transition: transform .22s ease;
  backdrop-filter: blur(10px);
}
.sdh-footer.is-hidden { transform: translate(-50%, 110%); }
.sdh-footer__item {
  min-width: 0;
  min-height: 54px;
  padding: 5px 1px 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  color: var(--sdh-muted);
  color: #FFBF00;
  text-align: center;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.08;
}
.sdh-footer__item span { max-width: 100%; }
.sdh-footer__item:focus-visible { outline: 2px solid var(--sdh-accent); outline-offset: -2px; }