/* === Template Blog Aurora (Tailwind) === */
:root {
    --color-primary:   #4f46e5;
    --color-secondary: #7c3aed;
    --color-text:      #1e1b4b;
    --color-bg:        #ffffff;
}

/* Article content typography */
.article-content { font-size: 1.05rem; line-height: 1.85; color: var(--color-text); }
.article-content h2 { font-size: 1.5rem; font-weight: 700; color: var(--color-primary); margin: 2.5rem 0 1rem; padding-bottom: .5rem; border-bottom: 2px solid var(--color-primary); }
.article-content h3 { font-size: 1.2rem; font-weight: 600; color: var(--color-secondary); margin: 1.75rem 0 .75rem; }
.article-content p { margin-bottom: 1.25rem; }
.article-content ul, .article-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.article-content li { margin-bottom: .4rem; }
.article-content a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.article-content img { border-radius: 12px; margin: 1.5rem 0; }
.article-image-h2 { width: 100%; max-height: 380px; object-fit: cover; border-radius: 12px; margin: 1rem 0 1.75rem; }
.article-content blockquote { border-left: 4px solid var(--color-primary); padding: 1rem 1.5rem; margin: 1.5rem 0; background: #f5f3ff; border-radius: 0 8px 8px 0; font-style: italic; }

/* Zone content (pages métier) */
.zone-content h2 { font-size: 1.5rem; font-weight: 700; color: var(--color-primary); margin: 2rem 0 1rem; }
.zone-content h3 { font-size: 1.15rem; font-weight: 600; color: var(--color-secondary); margin: 1.5rem 0 .5rem; }
.zone-content p { margin-bottom: 1rem; }
.zone-content ul, .zone-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }

:root {
    --color-primary:   #606f52;
    --color-secondary: #7d725c;
    --color-text:      #3e4247;
    --color-bg:        #ffffff;
}

/* ── Base responsive (généré automatiquement) ── */
*, *::before, *::after { box-sizing: border-box; }

/* Empêche le défilement horizontal */
html, body { overflow-x: hidden; max-width: 100%; }

/* Images et vidéos toujours dans leur conteneur */
img, video { max-width: 100%; height: auto; }
/* iframe : largeur 100% mais hauteur respectée (ex. Google Maps) */
iframe, embed, object { max-width: 100%; }

/* Tableaux : scroll horizontal si besoin, jamais de débordement */
table { max-width: 100%; }
.zone-content table,
.page-content table,
.article-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Texte long (URL, code) : retour à la ligne forcé */
.zone-content,
.page-content,
.article-content {
    overflow-wrap: break-word;
    word-break: break-word;
}