/* Kitchen Toolkit tile. The declutter rule hides `.rounded-3xl > ul`, so this
   card's points need an explicit exemption or they vanish. */
#huKitchenReact .rounded-3xl > ul.hu-kt-points{ display:grid !important; }
#huKitchenReact .hu-kt-point{ position:relative; padding-left:26px; }
#huKitchenReact .hu-kt-point::before{
  content:"\2713"; position:absolute; left:0; top:0; font-weight:800; color:#7d9e77;
}
#huKitchenReact .hu-kt-foot{ padding-top:4px; }
/* CTA matched to the #huMkHero panel cards (.mkh-c-go): navy pill, small, self-start */
#huKitchenReact .hu-kt-cta{
  display:inline-flex; align-items:center; gap:7px; align-self:flex-start;
  border-radius:999px; padding:10px 18px; min-height:40px;
  font-size:0.83rem; font-weight:800; white-space:nowrap;
  background:#243447 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  transition:background .2s, transform .2s;
}
#huKitchenReact .rounded-3xl:hover .hu-kt-cta{ background:#31465F !important; transform:translateY(-1px); }
#huKitchenReact .hu-kt-arrow{ transition:transform .2s; }
#huKitchenReact .rounded-3xl:hover .hu-kt-arrow{ transform:translateX(3px); }
#huKitchenReact .hu-kt-foot{ flex-wrap:wrap; row-gap:10px; }
/* the longest label ("Explore Temperature Guide") outgrew a 320px card */
@media (max-width:400px){
  #huKitchenReact .hu-kt-cta{ white-space:normal; padding:10px 15px; max-width:100%; }
}
/* a global rule paints anything matching [class*="-pill"] sage with !important,
   so these have to fight back at the same weight */
#huKitchenReact .hu-kt-pill{
  flex:none; border-radius:999px; padding:6px 14px; white-space:nowrap;
  font-size:0.78rem; font-weight:800;
  background:#f2f4f1 !important; border:1px solid #e7ede4 !important;
  color:#5a6a78 !important; -webkit-text-fill-color:#5a6a78 !important;
}
#huKitchenReact .hu-kt-pill.is-included{
  font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase;
  background:#eef4ec !important; border-color:#d9e3d3 !important;
  color:#4d6a50 !important; -webkit-text-fill-color:#4d6a50 !important;
}
@media (prefers-reduced-motion:reduce){
  #huKitchenReact .hu-kt-cta, #huKitchenReact .hu-kt-arrow{ transition:none !important; }
  #huKitchenReact .rounded-3xl:hover .hu-kt-cta,
  #huKitchenReact .rounded-3xl:hover .hu-kt-arrow{ transform:none; } }