/* HOME */

.home-section-title {
    margin-block-end: var(--ea-sp-8);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.home-more-title {
    margin-block-start: var(--ea-sp-20);
}

.home-article {
    transition: border-color var(--ea-duration-fast) var(--ea-ease-out), box-shadow var(--ea-duration-fast) var(--ea-ease-out);
}

.home-article:hover,
.home-article:focus-within {
    border-color: var(--ea-primary);
    box-shadow: var(--shadow-md);
}

.home-featured .card-body {
    padding: var(--ea-sp-16);
}

.home-article-title {
    margin-block: var(--ea-sp-6) var(--ea-sp-4);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
}

.home-featured .home-article-title {
    font-size: var(--font-size-xl);
}

.home-article-title a {
    color: var(--text-color);
    text-decoration: none;
}

.home-article-excerpt {
    margin-block: var(--ea-sp-6);
}

.home-article-excerpt-short {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.home-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ea-sp-4) var(--ea-sp-8);
    margin: 0;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.home-read-more {
    color: var(--link-color);
    font-weight: var(--font-weight-semibold);
}

.home-empty {
    padding-block: var(--ea-sp-20);
    text-align: center;
}

.home-empty-icon {
    margin-block-end: var(--ea-sp-8);
    color: var(--text-muted);
    font-size: 48px;
}

.home-empty-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.home-muted {
    color: var(--text-muted);
}

/* ARTICLE */

/* hidden by EasyAdmin, this button inserts images in the content of the articles (see article_images.js) */
trix-toolbar .trix-button-group--file-tools {
    display: flex;
}

.ea-detail .field-text_editor figure {
    margin-block: var(--ea-sp-8);
}

.ea-detail .field-text_editor figure img {
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius);
}

.ea-detail .field-text_editor figcaption {
    margin-block-start: var(--ea-sp-4);
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}