/* Ton avis (mockups/js/avis.js, docs/avis.md). Même DA que Crédits et le Classement (lex-head, lex-body). */
#avis .avis-body { gap: 10px; max-width: 560px; }
.avis-intro { margin: 0; font-size: 16px; }
.avis-texte, .avis-contact { width: 100%; box-sizing: border-box; border: 2px solid var(--wood-1, #3A2416); border-radius: 8px; background: var(--paper, #F6E6B4);
  color: var(--inkc, #2B1D14); font: 17px/1.3 var(--font-r, var(--font)); padding: 10px; }
.avis-texte { min-height: 150px; resize: vertical; }
.avis-contact { min-height: 44px; }
.avis-texte:focus, .avis-contact:focus { outline: 3px solid #E8B640; outline-offset: 1px; }
.avis-compte { justify-self: end; margin-top: -6px; font-size: 12.5px; color: var(--muted); }
.avis-label { font-size: 14px; color: var(--muted); }
.avis-note { margin: 0; font-size: 13px; color: var(--muted); }
.avis-msg { margin: 0; min-height: 1.2em; font-size: 14px; color: #F08A6A; text-align: center; }
.avis-merci { display: grid; gap: 12px; justify-items: center; text-align: center; padding: 28px 8px; }
.avis-merci b { font: 800 22px var(--font); }
.avis-merci p { margin: 0; color: var(--muted); }