/* Minimal page chrome for the lynxseal static frontend. */
body { font: 14px system-ui, sans-serif; margin: 0; background: #f7f7f9; color: #222; }
.lang-fr .en-only, .lang-en .fr-only, body:not(.lang-fr) .fr-only { display: none; }
header { background: #fff; padding: 12px 20px; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap: 16px; }
header .brand { font-weight: 700; font-size: 18px; }
header .spacer { flex: 1; }
header a { color: #2563eb; text-decoration: none; padding: 4px 8px; }
main { padding: 20px; max-width: 1200px; margin: 0 auto; }
.col-md-8.mx-auto { max-width: 720px; margin: 0 auto; }
.form-group { margin-bottom: 12px; }
.form-group label { display: block; font-weight: 500; margin-bottom: 4px; }
.form-control { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font: inherit; }
.btn { padding: 10px 16px; border: 0; border-radius: 4px; font: inherit; cursor: pointer; }
.btn-primary { background: #2563eb; color: #fff; }
.btn-primary:hover { background: #1e40af; }
.alert { padding: 10px 12px; border-radius: 4px; margin: 8px 0; }
.alert-danger { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.alert-primary { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
.alert-warning { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }