.job-applications {

  .job-application {
    display: flex;
    justify-content: space-between;
    gap: var(--grid-gutter);
    padding-block: 1rem;
    border-bottom: 1px solid var(--border-color);

    .logo {
       max-height: 5rem;
       min-width: 20cqi;
       max-width: 20cqi;
    }

    .employer {
      flex-grow: 1;

      .offer-title { font-size: var(--font-size-m); }

      .employer-name { 
        font-size: var(--font-size-m);
        color: var(--gray-text);
      }
    }

    h1, h2, h3, h4 {
      margin-block: 0 0.5rem;
    }

    .application-date {
      white-space: nowrap;
    }
  }
}


article.job-application {
  .job-summary {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;

    .logo img {
      max-height: 5rem;
      object-fit: contain;
      width:auto;
    }

    h1,h2,h3 {
      margin: 0;
    }

    .employer {
      color: var(--gray-text);
    }
  }

  .bordered {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-2);
    padding: 1rem;

    *:first-child {
      margin-top: 0;
    }
  }

  form h3 {
    margin: 0;
  }
}