/* Final mobile safeguard for the Small Claims process card. */
@media (max-width: 720px) {
  .process-stage,
  .process-steps,
  .process-steps article,
  .process-steps article > div {
    min-width: 0;
    max-width: 100%;
  }

  .process-steps article {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
  }

  .service-fee {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 14px;
    overflow: hidden;
  }

  .service-fee > span,
  .service-fee > strong,
  .process-steps .service-fee > p {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .service-fee > strong {
    justify-self: start;
  }
}