/* Blocs de contenu des articles et pages (zone .prose uniquement). */

.prose .bloc-encadre {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid #2a2f38;
    border-inline-start: 4px solid #6D5BD0;
    background: #15191f;
}
.prose .bloc-encadre--note {
    border-inline-start-color: #6D5BD0;
}
.prose .bloc-encadre--conseil {
    border-inline-start-color: #2E9E6B;
    background: #13201a;
}
.prose .bloc-encadre__titre {
    margin: 0 0 .4rem;
    font-weight: 600;
    color: #e8ecf2;
}
.prose .bloc-encadre__texte > :first-child { margin-top: 0; }
.prose .bloc-encadre__texte > :last-child { margin-bottom: 0; }

/* Focus clavier visible (accessibilité) */
:focus-visible { outline: 2px solid #c9a84c; outline-offset: 2px; }


/* Bouton éditorial partagé par les blocs et l'aperçu public */
.fawaid-content-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.25rem;border-radius:.65rem;background:#80652c;color:#fff!important;text-decoration:none!important;font-weight:700;line-height:1.35;transition:background-color .18s ease,transform .18s ease;box-shadow:0 3px 12px rgba(35,28,12,.12)}
.fawaid-content-button:hover{background:#5f4b20;transform:translateY(-1px)}
.fawaid-content-button:focus-visible{outline:3px solid #d5b76a;outline-offset:3px}
.content-block-button{margin:1.5rem 0}
.content-block-image{margin:1.5rem 0}
.content-block-image img{display:block;max-width:100%;height:auto;border-radius:.75rem}
.content-block-image figcaption{margin-top:.5rem;font-size:.9rem;opacity:.8}

/* Images rattachées à un paragraphe (Studio) */
.fawaid-img { margin: 1.5rem 0; max-width: 100%; }
.fawaid-img img { display: block; width: 100%; height: auto; border-radius: 12px; }
.fawaid-img figcaption { margin-top: .4rem; font-size: .9rem; opacity: .75; text-align: center; }
.fawaid-img--s { width: 30%; }
.fawaid-img--m { width: 50%; }
.fawaid-img--l { width: 75%; }
.fawaid-img--full { width: 100%; }
.fawaid-img--left { margin-left: 0; margin-right: auto; }
.fawaid-img--center { margin-left: auto; margin-right: auto; }
.fawaid-img--right { margin-left: auto; margin-right: 0; }