/* Picky Eater Food List signup box (shared by the homepage and recipe pages) */
.lead-box{ background:#fffdf8; border:2px dashed #e6d5b8; border-radius:16px; padding:22px 20px; margin:28px 0; text-align:center; font-family:'Karla',ui-sans-serif,system-ui,sans-serif; }
.lead-box .lead-kicker{ font-family:'Fredoka',sans-serif; font-weight:600; font-size:.78rem; letter-spacing:1.5px; text-transform:uppercase; color:#b85f3a; margin:0 auto 4px; }
.lead-box h2, .lead-box h3{ font-family:'Fredoka',sans-serif; color:#2f4a3a; font-size:1.3rem; margin:0 0 6px; }
.lead-box p{ color:#5a4029; margin:0 auto 14px; max-width:52ch; line-height:1.5; }
.lead-box .lead-row{ display:flex; gap:8px; max-width:440px; margin:0 auto; flex-wrap:wrap; }
.lead-box input[type=email]{ flex:1 1 220px; min-width:0; padding:12px 14px; font-size:1rem; border:1.5px solid #e6d5b8; border-radius:10px; background:#fff; color:#3a2c22; font-family:inherit; }
.lead-box input[type=email]:focus{ outline:2px solid #d9784f; outline-offset:1px; border-color:#d9784f; }
.lead-box button{ flex:0 0 auto; padding:12px 18px; font-family:'Fredoka',sans-serif; font-weight:600; font-size:1rem; color:#fff; background:#2f4a3a; border:0; border-radius:10px; cursor:pointer; }
.lead-box button:hover{ background:#22362a; }
.lead-box button:disabled{ opacity:.7; cursor:default; }
.lead-box .lead-fine{ font-size:.8rem; color:#8a7660; margin:10px auto 0; }
.lead-box .lead-msg{ font-size:.88rem; color:#b64c3e; margin:8px 0 0; min-height:0; }
.lead-box .lead-msg:empty{ display:none; }
.lead-box .lead-done{ background:#eef3ea; border-radius:10px; padding:14px; color:#2f4a3a; margin:0 auto; }
.lead-box .hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.lead-box .lead-pages{ list-style:none; padding:0; margin:0 auto 14px; display:flex; gap:6px 14px; justify-content:center; flex-wrap:wrap; font-size:.9rem; color:#5a4029; }
@media (max-width:480px){
  .lead-box{ padding:18px 14px; }
  #try-result .lead-box{ padding:16px 10px; margin-left:-6px !important; margin-right:-6px !important; }
  .lead-box button{ flex:1 1 100%; }
}