@layer components {
  .node--type-encyclopedie.node--view-mode-full {
    .fiche {
      display: grid;
      gap: var(--space-xl);
    }

    /* Nom vernaculaire, famille, synonymes, sous le titre */
    .fiche__entete {
      display: grid;
      gap: var(--space-2xs);
    }

    /* Images à gauche, infos à droite à partir de md */
    .fiche__corps {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: var(--space-xl);

      @media (width >= 768px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
      }
    }

    .fiche__infos {
      display: grid;
      gap: var(--space-m);
    }

    /* Contenu des accordéons field_infos */
    .plante-section__liste {
      display: grid;
      gap: var(--space-2xs) 0;

      dt {
        font-weight: var(--fw-semi);
      }

      dd {
        margin-block-end: var(--space-s);
        margin-inline-start: 0;
      }
    }

    .fiche__infos {
      display: flex;
      gap: space(--space-xs);
      flex-wrap: wrap;

      .field--name-field-resume {
        margin-bottom: var(--space-m);
      }

      > .field:not(.field--name-field-resume) {
        background: var(--blanc);
        padding: var(--space-s);
        border-radius: var(--radius-m);

        > .field__items {
          display: flex;
          flex-wrap: wrap;
          gap: var(--space-2xs);
        }
      }
    }
  }
}