/* Styles communs à toutes les pages (gabarit layout.php) — complète tw.css, qui est précompilé */
body { background: #07080d; color: #e2e8f0; font-family: 'Inter', sans-serif; min-height: 100vh; }
.mono { font-family: 'JetBrains Mono', monospace; }
.glass { background: rgba(17,19,28,0.85); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); }
/* .glass redéfinit toute la bordure : on rétablit la bordure gauche colorée des encarts (border-l-4 + couleur) */
.glass.border-l-4 { border-left-width: 4px; }
.glass.border-l-4.border-blue-500 { border-left-color: #3b82f6; }
.glass.border-l-4.border-emerald-500 { border-left-color: #10b981; }
.glass.border-l-4.border-green-500 { border-left-color: #22c55e; }
.glass.border-l-4.border-red-500 { border-left-color: #ef4444; }
.glass.border-l-4.border-rose-500 { border-left-color: #f43f5e; }

/* Conteneur : même largeur sur toutes les pages */
.page { max-width: 80rem; margin: 0 auto; padding: 16px; }
@media (min-width: 768px) { .page { padding: 32px; } }
/* Colonne de lecture plus étroite (contact, pages légales) */
.content-narrow { max-width: 56rem; margin-left: auto; margin-right: auto; }
.content-narrow > * + * { margin-top: 1.5rem; }

/* En-tête */
.site-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(30,58,138,0.4); }
.site-logo { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1.2; }
@media (min-width: 768px) { .site-logo { font-size: 2.25rem; } }
.site-logo .l1 { color: #f87171; }
.site-logo .l2 { color: #fff; }
.site-logo .l3 { color: #6b7280; }
.site-tagline { margin: 2px 0 0; color: #9ca3af; font-size: 0.8rem; font-weight: 500; line-height: 1.4; }
.site-indep { margin: 2px 0 0; color: #6b7280; font-size: 0.75rem; }

/* Menu */
.site-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 12px; font-size: 0.875rem; color: #9ca3af; }
.site-nav a { transition: color 0.15s; }
.site-nav a:hover { color: #fff; }
.site-nav a.active { color: #60a5fa; }

/* Pied de page */
.site-footer { text-align: center; color: #6b7280; font-size: 0.75rem; line-height: 1.9; padding: 16px 0 32px; }
.site-footer a { transition: color 0.15s; }
.site-footer a:hover { color: #cbd5e1; }
.site-footer .sep { margin: 0 8px; }

/* Bloc titre de page (h1 + introduction), identique sur toutes les pages */
.page-intro { border-radius: 0.75rem; padding: 24px; border-left: 4px solid var(--accent, #3b82f6); }
@media (min-width: 768px) { .page-intro { padding: 32px; } }
.page-intro h1 { margin: 0 0 8px; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.page-intro p { margin: 0; color: #94a3b8; font-size: 0.95rem; line-height: 1.7; }
.page-intro p + p { margin-top: 8px; }
.page-intro strong { color: #e2e8f0; }
.page-intro.accent-green { --accent: #10b981; }