/* Bloc « conseil de la semaine » (accueil + guides) — réglages : web/reglages.css */
.conseils{background:var(--fond);border-top:1px solid var(--bordure);padding:64px 0}
.conseils-in{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;align-items:start}
@media(max-width:860px){.conseils{padding:48px 0}.conseils-in{grid-template-columns:1fr}}
.conseils h2{margin:0;font-size:var(--taille-intertitre);line-height:1.2}
.conseils-txt{margin-top:12px;font-size:var(--taille-texte);color:var(--texte-doux);max-width:44ch}
.conseils-form label{font-size:var(--taille-petite);font-weight:600;color:var(--texte)}
/* Ordre : libellé, champ, consentement, bouton (le consentement se lit avant de cliquer) */
.conseils-row{display:flex;gap:10px;margin-top:8px}
.conseils-row input{flex:1;min-width:0;min-height:48px;padding:0 14px;font:inherit;font-size:var(--taille-texte);color:var(--texte);background:var(--surface);border:1.5px solid var(--texte-doux);border-radius:var(--arrondi-petit)}
.conseils-row input:focus-visible{border-color:var(--bleu)}
.conseils-form .btn{margin-top:14px;min-height:48px;white-space:nowrap}
.conseils-form .btn[disabled]{opacity:.6;cursor:wait}
.conseils-form .btn.envoye{opacity:1;cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--vert-texte);background:var(--surface);border:1.5px solid currentColor;box-shadow:none;animation:conseils-ok .32s cubic-bezier(.2,.8,.2,1)}
.conseils-coche path{stroke-dasharray:16;stroke-dashoffset:0;animation:conseils-trait .3s ease-out}
@keyframes conseils-ok{from{transform:scale(.96)}to{transform:none}}
@keyframes conseils-trait{from{stroke-dashoffset:16}}
@media(prefers-reduced-motion:reduce){.conseils-form .btn.envoye,.conseils-coche path{animation:none}}

@media(max-width:480px){.conseils-form .btn{width:100%}}
.conseils-form .conseils-ok{display:flex;gap:12px;align-items:flex-start;margin-top:14px;min-height:48px;font-size:var(--taille-petite);font-weight:400;color:var(--texte-doux);cursor:pointer}
/* Case dessinée par site.css (22 px visibles, 44 px de cible) ; le libellé entier est cliquable. */
.conseils-ok input{margin:-10px -11px -12px}
.conseils-ok a{color:var(--lien)}
.conseils-msg{margin-top:10px;font-size:var(--taille-petite);font-weight:600;color:var(--texte)}
.conseils-msg:empty{display:none}
.conseils-msg.err{color:var(--rouge)}
@media(prefers-color-scheme:dark){.conseils-msg.err{color:var(--rouge)}}