/* The French support layout is kept; only brand and preview states differ. */
:root { --font-jakarta:Arial; }
* { letter-spacing:0 !important; }
.app { background:var(--bg-warm); }
.header .brand { text-decoration:none; }
.preview-note { padding:10px 16px; font-size:12px; line-height:1.5; color:var(--acc-dk); background:#fff4e3; border-bottom:1px solid var(--border); }
#messages { display:flex; flex-direction:column; gap:10px; }
.bubble { white-space:pre-line; }
.suggestion:focus-visible, a:focus-visible { outline:3px solid var(--acc); outline-offset:3px; }
.support-footer { padding:16px; display:flex; align-items:center; flex-direction:column; gap:8px; font-size:12px; line-height:1.5; color:var(--muted); }
.support-footer a { color:var(--acc-dk); text-underline-offset:3px; }
@media(min-width:600px) { .app { border-left:1px solid var(--border); border-right:1px solid var(--border); } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }