:where(.wp-block-uno-lms-course-authors) {
    box-sizing: border-box;
}

.wp-block-uno-lms-course-authors {
    margin-block: var(--wp--preset--spacing--40, 1.5rem);
    border: 1px solid var(--wp--custom--uno-lms--surface--border-color, var(--wp--preset--color--contrast-3, #d0d7de));
    border-radius: var(--wp--custom--uno-lms--surface--radius, 8px);
    box-shadow: var(--wp--custom--uno-lms--surface--shadow, none);
    overflow: hidden;
    /* Align with course-tabs chrome + tab inner `--*-card-bg` */
    background: var(--wp--preset--color--white, #fff);
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__box {
    background: transparent;
    padding: var(--wp--preset--spacing--30, 1rem);
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__title {
    margin-top: 0;
    margin-bottom: var(--wp--preset--spacing--20, 0.75rem);
    /*
     * Block-level typography/color supports apply to `.wp-block-uno-lms-course-authors`
     * and inherit into descendants — headings then look like body text.
     * `revert-layer` restores theme.json / Global Styles for this heading level;
     * optional `--uno-lms-course-authors-heading-*` from block settings override.
     */
    font-family: revert-layer;
    font-style: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
    text-decoration: revert-layer;
    font-size: var(--uno-lms-course-authors-heading-font-size, revert-layer);
    font-weight: var(--uno-lms-course-authors-heading-font-weight, revert-layer);
    color: var(--uno-lms-course-authors-heading-color, revert-layer);
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__list {
    display: grid;
    gap: var(--wp--preset--spacing--20, 0.75rem);
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__item {
    display: flex;
    gap: var(--wp--preset--spacing--20, 0.75rem);
    align-items: center;
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    object-fit: cover;
    background: var(--wp--preset--color--contrast-3, #dcdcde);
    display: block;
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__name {
    margin: 0;
    font-family: revert-layer;
    font-style: revert-layer;
    line-height: revert-layer;
    letter-spacing: revert-layer;
    text-transform: revert-layer;
    text-decoration: revert-layer;
    font-size: var(--uno-lms-course-authors-name-font-size, revert-layer);
    font-weight: var(--uno-lms-course-authors-name-font-weight, revert-layer);
    color: var(--uno-lms-course-authors-name-color, revert-layer);
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__empty {
    margin: 0;
    color: var(--wp--preset--color--contrast-2, #525960);
}

.wp-block-uno-lms-course-authors .uno-lms-course-authors__description {
    margin: 0.25rem 0 0;
    color: var(--wp--preset--color--contrast-2, #525960);
}