.sheet.item.skill {

  .tab.meta.active {

    display: grid;
    grid-template-areas:
      "category category category"
      "taw statistics ebe"
      "language language language"
      "attack attack attack";

    gap: 8px;
    margin: 8px;

    .category {
      grid-area: category;
    }

    .taw {
      grid-area: taw;
    }

    .statistics {
      grid-area: statistics;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto 1fr;

      & > label {
        grid-column: 1/4;
        text-align: center;
      }
    }

    .ebe {
      grid-area: ebe;
    }

    .language-statistics {
      grid-area: language;
    }

    .attack-statistics {
      grid-area: attack;
      display: flex;
      flex-direction: row;
    }

  }

}