/* Homepage-only mobile actions, after shared compact button styles. */
@media (max-width: 768px) {
  .home-page .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 12px;
    width: fit-content;
    max-width: 440px;
    margin-top: 26px;
  }
  body.home-page .hero-actions .button {
    width: fit-content !important;
    height: var(--s2e-button-height) !important;
    min-height: var(--s2e-button-height) !important;
    padding: 0 var(--s2e-button-padding) !important;
    border-radius: 6px !important;
    font-size: var(--s2e-button-text) !important;
    text-align: center;
    white-space: nowrap;
  }
  .home-page .hero-actions .glass {
    background: rgba(7, 26, 46, .55);
    border: 1px solid rgba(255, 255, 255, .5);
  }
  .home-page .store-downloads {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 440px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .18);
  }
  .home-page .store-badge {
    flex: 0 0 128px;
    width: 128px;
    height: 44px;
    border-radius: 6px;
  }
  .home-page .store-badge img {
    width: 147.2px;
    max-width: none;
    left: -9.6px;
  }
  .home-page .app-store-badge img { top: -8.4px; }
  .home-page .play-store-badge img { top: -56.4px; }
  .home-page .hero-actions .button:focus-visible,
  .home-page .store-badge:focus-visible {
    outline: 3px solid #7de6ca;
    outline-offset: 4px;
  }
}
