/* Keep compact mobile labels on one line and reserve room for trailing controls. */
@media (max-width: 767px) {
  .premium-mobile-only-dialog h2 {
    max-width: 100%;
    white-space: nowrap;
    font-size: clamp(17px, 5.25vw, 22px);
    letter-spacing: -.025em;
  }

  .premium-plan[data-premium-plan="quarterly"] > strong,
  .premium-plan[data-premium-plan="quarterly"] > em {
    white-space: nowrap;
  }

  .premium-plan[data-premium-plan="quarterly"] > strong {
    font-size: clamp(17px, 5vw, 20px);
  }

  .premium-plan[data-premium-plan="quarterly"] > em {
    margin-left: 2px;
    font-size: clamp(10px, 2.8vw, 12px);
  }

  .setting-card {
    grid-template-columns: 40px minmax(0, 1fr) max-content;
  }

  .setting-card > span:nth-child(2) {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .setting-card-trailing {
    min-width: 0;
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
  }

  .setting-card-value {
    max-width: 92px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .setting-card-chevron {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }

  .setting-card-chevron svg {
    width: 16px;
    height: 16px;
  }
}