/* Recipe Hub preview → Discover Recipes (replaces Example screens entirely) */
.rhd-panel{ margin-top:8px; border-radius:24px; overflow:hidden; border:1px solid #e7e0d4; }
.rhd-hero{ background:linear-gradient(135deg,#243447 0%,#31465F 100%); padding:34px 30px 30px; }
.rhd-title{ font-family:'Playfair Display',serif; font-size:clamp(1.6rem,3vw,2.1rem); margin:0 0 8px;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
.rhd-sub{ font-size:1.0625rem; line-height:1.6; margin:0 0 18px;
  color:#d7dbe2 !important; -webkit-text-fill-color:#d7dbe2 !important; }
.rhd-heroacts{ display:flex; gap:12px; flex-wrap:wrap; }
.rhd-glass{ display:inline-flex; align-items:center; min-height:48px; border-radius:999px; padding:0 22px;
  font:inherit; font-weight:800; font-size:1rem; cursor:pointer;
  background:rgba(255,255,255,.14); border:1.5px solid rgba(255,255,255,.34);
  color:#fff !important; -webkit-text-fill-color:#fff !important; transition:background .2s; }
.rhd-glass:hover{ background:rgba(255,255,255,.24); }
.rhd-body2{ background:#fff; padding:28px 30px 32px; }
.rhd-lead{ font-size:1.0625rem; line-height:1.7; margin:0 0 18px;
  color:#5b6470 !important; -webkit-text-fill-color:#5b6470 !important; }
.rhd-lead b{ color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.rhd-srlabel{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.rhd-find{ margin-bottom:18px; }
.rhd-find input{ width:100%; box-sizing:border-box; min-height:54px; border-radius:16px;
  border:1.5px solid #ddd6c8; padding:0 20px; font:inherit; font-size:1.0625rem; background:#fff;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.rhd-find input::placeholder{ color:#8a8578; -webkit-text-fill-color:#8a8578; }
.rhd-find input:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; border-color:#CF9E3F; }
.rhd-chips{ display:flex; gap:10px; flex-wrap:wrap; }
.rhd-chip{ background:#fff; border:1.5px solid #d9d0bd; border-radius:999px; padding:9px 18px; min-height:44px;
  font:inherit; font-weight:700; font-size:1rem; cursor:pointer;
  color:#3d5a34 !important; -webkit-text-fill-color:#3d5a34 !important; transition:background .18s,border-color .18s; }
.rhd-chip:hover{ background:#EFF4EA; border-color:#3d5a34; }
.rhd-chip:focus-visible,.rhd-glass:focus-visible,.rhd-open:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
.rhd-open{ display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:24px;
  min-height:52px; border-radius:999px; padding:0 26px; font:inherit; font-weight:800; font-size:1.0125rem;
  cursor:pointer; border:2px solid #2f5d3a; background:#2f5d3a;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
.rhd-open:hover{ background:#274d31; }
@media (max-width:600px){
  .rhd-hero{ padding:26px 20px 22px; }
  .rhd-body2{ padding:22px 20px 26px; }
  .rhd-heroacts{ flex-direction:column; }
  .rhd-heroacts .rhd-glass{ width:100%; justify-content:center; }
}