/* Four standalone web pages share the same mobile navigation geometry.
   The app shell owns its own dock; do not touch it here. */
html:not(.in-shell) .bottom-zone {
  height: calc(58px + env(safe-area-inset-bottom));
  padding: 0 0 env(safe-area-inset-bottom);
  border-top: 1px solid var(--border);
}
html:not(.in-shell) .bottom-zone .dock4 {
  width: 100%;
  max-width: none;
  height: 57px;
  margin: 0;
  padding: 0;
  gap: 0;
}
html:not(.in-shell) footer .dock3 {
  position: relative;
  left: 50%;
  width: min(100vw, 430px);
  max-width: none;
  height: calc(58px + env(safe-area-inset-bottom));
  margin: 10px 0 0;
  padding: 0 0 env(safe-area-inset-bottom);
  border-top: 1px solid var(--neutral-edge, rgba(150, 150, 150, .16));
  transform: translateX(-50%);
  gap: 0;
}
html:not(.in-shell) footer:has(> .dock3) {
  padding-bottom: 0;
}
html:not(.in-shell) .app > .dock {
  height: calc(58px + env(safe-area-inset-bottom));
  padding: 0 0 env(safe-area-inset-bottom);
  gap: 0;
}
html:not(.in-shell) .app > .workspace {
  height: calc(100dvh - var(--box-topbar-height) - 58px - env(safe-area-inset-bottom));
}
html:not(.in-shell) :is(.bottom-zone .dock4 a, footer .dock3 a, .app > .dock a) {
  min-width: 0;
  height: 57px;
  display: grid;
  grid-template-rows: 23px 14px;
  align-content: center;
  justify-items: center;
  gap: 3px;
  padding: 0;
  font: 600 11px/14px -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
  letter-spacing: .06em;
  text-decoration: none;
}
html:not(.in-shell) :is(.bottom-zone .dock4 a, footer .dock3 a, .app > .dock a) svg {
  width: 23px;
  height: 23px;
}