@media (max-width: 700px) {
  .typed-line {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 16px;
    align-items: start;
    min-height: 76px;
  }

  .typed-label {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    align-self: start;
  }

  .typed-text {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    display: inline;
  }

  .typed-text::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin-left: 4px;
    vertical-align: -2px;
    background: var(--accent);
    animation: cursor-blink .9s steps(1) infinite;
  }

  .typed-line > .cursor {
    display: none;
  }
}