/* Stitch mode — CSS variables for components.js compatibility */
:root {
    --primary: #2C3E50;
    --primary-dark: #2C3E50;
    --primary-light: #2C3E50;
    --primary-a10: #2C3E501a;
    --primary-a20: #2C3E5033;
    --bg: #ffffff;
    --bg-alt: #f7f8fa;
    --bg-card: #ffffff;
    --text: #1a1a2e;
    --text-muted: #555770;
    --text-light: #888a9e;
    --border: #e2e4ea;
    --border-light: #f0f1f5;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --container-max: 1200px;
    --container-narrow: 800px;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    --transition-base: 0.25s ease;
}
.seo-page-content { max-width: 100%; overflow-x: hidden; }
.seo-page-content img { max-width: 100%; height: auto; }
.seo-page-content section { scroll-margin-top: 80px; }
/* Marges automatiques pour les sections de contenu (filet de sécurité si Gemini oublie les classes Tailwind) */
.seo-page-content:not(.homepage) > section,
.seo-page-content:not(.homepage) > div:not([class*="max-w-"]) {
    padding-left: max(1.5rem, calc((100% - 56rem) / 2));
    padding-right: max(1.5rem, calc((100% - 56rem) / 2));
    border-radius: 0 !important;
}
.seo-page-content.homepage > section {
    padding-left: 1rem;
    padding-right: 1rem;
}