.encadre {
    --encadre-color: #f6c700;
    --encadre-border: #f6c700;
    --encadre-bg: #ffffff;
    --encadre-text: #111111;
    --encadre-title-bg: transparent;
    --encadre-title-text: inherit;
    position: relative;
    padding: 16px 18px;
    margin: 0 0 1.25rem;
    background: var(--encadre-bg);
    color: var(--encadre-text);
    border: 1px solid var(--encadre-border);
}

.encadre__title {
    display: block;
    margin: -16px -18px 12px -18px; /* colle le bandeau au bord du bloc */
    padding: 12px 16px;
    line-height: 1.25;
    background: var(--encadre-title-bg);
    color: var(--encadre-title-text);
    border-radius: 4px 4px 0 0;
}

.encadre__title--h3-bold {
    font-size: 1.17em;
    font-weight: 700;
}

.encadre__title--bold-only {
    font-size: 1em;
    font-weight: 700;
}

.encadre__title--h2 {
    font-size: 1.5em;
    font-weight: 700;
}

.encadre__title--h3 {
    font-size: 1.17em;
    font-weight: 600;
}

.encadre__title--bold-italic {
    font-size: 1em;
    font-weight: 700;
    font-style: italic;
}

.encadre__content :last-child {
    margin-bottom: 0;
}

/* Variants without embedded color (uses CSS vars) */
.encadre--vertical {
    border-left: 6px solid var(--encadre-color);
}

.encadre--vertical .encadre__title {
    border-radius: 0;
}

.encadre--bg-square {
    background: var(--encadre-color);
    border-color: var(--encadre-color);
    border-radius: 0;
}

.encadre--bg-square .encadre__title {
    background: var(--encadre-color);
    border-radius: 0;
}

.encadre--bg-rounded {
    background: var(--encadre-color);
    border-color: var(--encadre-color);
    border-radius: 10px;
}

.encadre--bg-rounded .encadre__title {
    background: var(--encadre-color);
    border-radius: 10px 10px 0 0;
}

.encadre--border-rounded {
    border: 3px solid var(--encadre-border);
    border-radius: 10px;
    background: var(--encadre-bg);
}

.encadre--border-rounded .encadre__title {
    border-radius: 7px 7px 0 0;
}

.encadre--border-square {
    border: 3px solid var(--encadre-border);
    border-radius: 0;
    background: var(--encadre-bg);
}

.encadre--border-square .encadre__title {
    border-radius: 0;
}