/* Crave Corner - recipe additions.
   Loads AFTER /blog/blog.css, which supplies all shared chrome
   (nav, byline, hero, body type, CTA, footer). Only two things live here:
   the Crave Corner accent, and the recipe-specific blocks. */

/* --- accent -------------------------------------------------------- */
/* The blog leads with pink. Crave Corner leads with the orange end of the
   same gradient, so the sections read as siblings rather than strangers. */
.eyebrow{color:#ff7a45}

/* --- recipe meta strip --------------------------------------------- */
.rmeta{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(40,28,18,.1);border:1px solid rgba(40,28,18,.1);
  border-radius:16px;overflow:hidden;margin:28px 0 4px;
}
.rmeta div{background:#fffdfb;padding:16px 14px;text-align:center}
.rmeta dt{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#897b6d;margin-bottom:5px;
}
.rmeta dd{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:19px;letter-spacing:-.01em;color:#2a2018;
}
@media (max-width:560px){
  .rmeta{grid-template-columns:repeat(2,1fr)}
}

/* --- ingredients ---------------------------------------------------- */
.ingredients{
  background:#fffdfb;border:1px solid rgba(40,28,18,.1);
  border-radius:18px;padding:26px 28px;margin:34px 0;
}
.ingredients h2{margin-top:0!important}
.ingredients ul{list-style:none;margin:0!important}
.ingredients li{
  position:relative;padding-left:26px;margin-bottom:11px;line-height:1.6;
}
.ingredients li::before{
  content:"";position:absolute;left:0;top:.55em;
  width:9px;height:9px;border-radius:3px;
  background:linear-gradient(135deg,#ff7a45,#ff2d74);
}
.ingredients li strong{font-weight:700}
.ing-note{
  margin-top:16px;padding-top:16px;border-top:1px solid rgba(40,28,18,.1);
  font-size:15.5px;color:#5a4d40;
}

/* --- method --------------------------------------------------------- */
.method{counter-reset:step;list-style:none;margin:0!important;padding:0}
.method>li{
  position:relative;padding-left:52px;margin-bottom:24px;line-height:1.72;
}
.method>li::before{
  counter-increment:step;content:counter(step);
  position:absolute;left:0;top:-2px;
  width:34px;height:34px;border-radius:11px;
  background:linear-gradient(135deg,#ff7a45,#ff2d74);color:#fff;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}

/* --- tip callout ---------------------------------------------------- */
.tip{
  border-left:3px solid #ff7a45;background:rgba(255,122,69,.07);
  border-radius:0 12px 12px 0;padding:18px 22px;margin:30px 0;
  font-size:16.5px;line-height:1.65;color:#3a2f26;
}
.tip strong{
  display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:#ff7a45;margin-bottom:6px;
}

/* --- index page: Crave Corner card accents -------------------------- */
.kicker{color:#ff7a45}
.card-meta{
  margin-top:12px;font-size:13px;color:#897b6d;font-weight:600;
  display:flex;gap:14px;flex-wrap:wrap;
}