.path-content {
  .sheet-common();
  .item-sheet-common();

  .path-name {
    display: flex;
    justify-content: space-between;
    .control {
      margin: 5px;
    }
    img {
      width: 50px;
      height: 50px;
    }
  }

  .path-main {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;

    .profil {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }

    .profil-gauche,
    .profil-droite {
      flex: 1; /* Chaque colonne prend la moitié de l'espace disponible */
      padding: 10px; /* Espacement intérieur */
    }

    .profil-gauche {
      margin-right: 10px; /* Espace entre les deux colonnes */
    }

    /* Optionnel : supprimer le margin-right sur la dernière colonne si vous avez besoin d'un espacement précis */
    .profil-droite {
      margin-right: 0;
    }

    .biens {
      prose-mirror {
        height: 100%;
      }
    }

    .langues {
      prose-mirror {
        height: 100%;
      }
    }

    .description {
      prose-mirror.inactive {
        min-height: 40px;
      }
      prose-mirror.active {
        min-height: 150px;
      }
      grid-column: span 3;
    }
  }

  .path-talents {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    .talent {
      background-color: #f0f0f0;
      padding: 5px;
      border-radius: 5px;
      .header {
        display: flex;
        justify-content: space-between;
        .name {
          font-family: var(--font-secondary);
          font-size: calc(var(--font-size-standard) * 1.5);
          padding-left: 20px;
        }
        .controls {
          font-size: calc(var(--font-size-standard) * 0.8);
        }
      }
      .progression {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
      }
      .description {
        font-size: calc(var(--font-size-standard) * 1);
      }
    }
  }
}