/* Liste de ressources — modèle canonique ; son emploi : canon_resources.md. */

@layer components {
    .resources {
        display: flex;
        flex-direction: column;
    }
    .resources-item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: var(--resources-item-space, var(--canon-space-4));
        padding-block: var(--resources-item-padding, var(--canon-space-4));
    }
    .resources-actions {
        display: flex;
        flex: 0 0 auto;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--resources-actions-space, var(--canon-space-2));
    }

    .resources-item:not(:last-child) {
        border-block-end: var(--resources-separator-width, var(--canon-line-width)) solid var(--resources-separator, var(--canon-theme-line));
    }

    .resources {
        list-style: none;
    }
    .resources-title {
        font-size: var(--canon-size-body);
        line-height: var(--canon-leading-body);
        font-weight: var(--resources-title-weight, var(--canon-weight-title));
        overflow-wrap: anywhere;
    }
}