/* Keep every app on the same two-column rhythm, including featured shortcuts. */
@media (max-width: 899px) {
  .phone-home .squad-header {
    align-items: center !important;
    gap: 9px !important;
    padding: 0 2px 6px !important;
  }
  .phone-home .squad-header .mini-brand {
    font-size: 8px !important;
    line-height: 1.1 !important;
  }
  .phone-home .squad-header h1 {
    margin: 2px 0 1px !important;
    font-size: clamp(1.75rem, 7vw, 2rem) !important;
    line-height: .95 !important;
  }
  .phone-home .squad-header p {
    max-width: 290px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  .phone-home .squad-header .squad-account-button {
    min-width: 42px;
    min-height: 42px;
  }
  .phone-home .app-section .section-grid {
    --launcher-gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(135px, auto);
    gap: var(--launcher-gap) !important;
    align-content: start !important;
    justify-items: stretch !important;
    flex: none !important;
  }
  .phone-home .app-section .section-grid > .home-icon {
    box-sizing: border-box;
    grid-column: auto !important;
    width: 100% !important;
    min-height: 135px !important;
    padding: 9px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    gap: 5px !important;
    text-align: center !important;
  }
  .phone-home .app-section .section-grid > .home-icon:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
    width: calc((100% - var(--launcher-gap)) / 2) !important;
    justify-self: center !important;
  }
  .phone-home .app-section .section-grid > .home-icon > i {
    grid-row: auto !important;
    flex: none;
    margin: 0 auto !important;
  }
  .phone-home .app-section .section-grid > .home-icon .app-name {
    min-height: 22px !important;
    align-self: center !important;
    justify-content: center !important;
  }
  .phone-home .app-section .section-grid > .home-icon small {
    align-self: center !important;
    max-width: 145px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .phone-home .app-section .section-grid > .home-icon.reordering {
    width: 100% !important;
  }
}
@media (max-width: 450px) and (max-height: 740px) {
  .phone-home .app-section .section-grid {
    grid-auto-rows: minmax(124px, auto);
    gap: 6px !important;
  }
  .phone-home .app-section .section-grid > .home-icon {
    min-height: 124px !important;
  }
}