/* Center both timer modes between the title's lower edge and banner bottom.
   Title metrics match the existing padding and line-height; no JS measurement. */
html body #app .welcomeBanner {
  --beup-home-title-bottom: 55px; /* 20px top padding + 28px * 1.25 line-height */
}

html body #app .welcomeBanner .beup-home-status-panel {
  top: calc((100% + var(--beup-home-title-bottom)) / 2) !important;
  transform: translateY(-50%);
}

/* Both 600px and smaller use the compact title; the former 68px preset was low. */
@media (max-width: 600px) {
  html body #app .welcomeBanner {
    --beup-home-title-bottom: 42px; /* 16px top padding + 20px * 1.3 line-height */
  }
}