.resume-page {
  padding: 2.5rem 0 4rem;

  &__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 2rem;
  }

  &__err {
    color: var(--danger);
  }
}

.resume-doc {
  max-width: 780px;
  margin: 0 auto;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 2.5rem 2rem;
  box-shadow: var(--shadow);

  @media (min-width: 720px) {
    padding: 3rem 3rem;
  }

  &__header {
    margin-bottom: 1.5rem;

    h1 {
      margin: 0 0 0.35rem;
      font-size: 2.2rem;
      font-family: var(--font-serif);
      font-style: italic;
      font-weight: 400;
    }
  }

  &__title {
    margin: 0 0 0.5rem;
    color: var(--accent);
    font-size: 1.05rem;
  }

  &__contact {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.9rem;
  }

  &__summary {
    border-left: 3px solid var(--accent);
    padding-left: 1rem;
    color: var(--text-muted);
    margin: 0 0 2rem;

    p {
      margin: 0 0 0.65rem;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  &__summary-bullet {
    padding-left: 0.15rem;
  }

  &__section {
    margin-bottom: 1.75rem;

    h2 {
      margin: 0 0 1rem;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: var(--text-dim);
      border-bottom: 1px solid var(--border);
      padding-bottom: 0.5rem;
    }

    p {
      color: var(--text-muted);
      margin: 0 0 0.65rem;
    }

    ul {
      margin: 0.4rem 0 0 1.1rem;
      color: var(--text-muted);
    }
  }

  &__item {
    margin-bottom: 1.25rem;

    h3 {
      margin: 0 0 0.25rem;
      font-size: 1.05rem;
    }
  }

  &__meta {
    font-size: 0.85rem;
    color: var(--text-dim);
    margin-bottom: 0.4rem;
  }
}