/* Wellness Drinks — reuses .kb-* and .rh-* ; only drink-specific additions here. */
#page-wd-feature .wd-hero{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; padding:52px 0 40px; }
.wd-glasses{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.wd-glass{ border-radius:20px; padding:20px 12px; text-align:center; border:1px solid #E8E4DC; background:#fff; }
.wd-glass-e{ font-size:1.9rem; line-height:1; }
.wd-glass-n{ font-size:0.74rem; font-weight:800; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin-top:8px; }
.wd-glass.t-berry{ background:#FBEFF1; } .wd-glass.t-green{ background:#EFF5EC; } .wd-glass.t-citrus{ background:#FCF7E4; }
.wd-glass.t-warm{ background:#FAF2EA; } .wd-glass.t-cool{ background:#EDF3F6; } .wd-glass.t-cream{ background:#F8F5F0; }

/* builder */
.wd-step{ background:#fff; border:1px solid #E8E4DC; border-radius:22px; padding:20px; margin-top:14px; }
.wd-step-h{ display:flex; align-items:center; gap:11px; margin-bottom:13px; }
.wd-step-n{ width:30px; height:30px; flex:0 0 30px; border-radius:10px; background:#DCE7D7; color:#31503a !important; -webkit-text-fill-color:#31503a !important;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:0.82rem; }
.wd-step-t{ font-size:0.98rem; font-weight:800; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:0; }
.wd-optional{ font-size:0.68rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; background:#F6F4EF;
  color:#8b7a5a !important; -webkit-text-fill-color:#8b7a5a !important; border-radius:50px; padding:3px 9px; margin-left:auto; }
.wd-opts{ display:flex; flex-wrap:wrap; gap:8px; }
.wd-opt{ border:1px solid #E8E4DC; background:#fff; border-radius:50px; padding:9px 15px; font-family:inherit; font-size:0.82rem;
  font-weight:700; color:#687383 !important; -webkit-text-fill-color:#687383 !important; cursor:pointer; min-height:42px; transition:.15s; }
.wd-opt:hover{ border-color:#cfc9bd; }
.wd-opt.is-on{ border-color:#B9CDB4; background:#DCE7D7; color:#31503a !important; -webkit-text-fill-color:#31503a !important; }
.wd-result{ background:#FBFAF7; border:1px solid #E8E4DC; border-radius:22px; padding:22px; margin-top:18px; }
.wd-result-t{ font-family:Georgia,serif; font-size:1.25rem; font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:0 0 10px; }
.wd-result ul{ margin:0; padding-left:20px; }
.wd-result li{ font-size:0.88rem; line-height:1.7; color:#5a626c !important; -webkit-text-fill-color:#5a626c !important; }

/* caution */
.wd-caution{ background:#FBF3E6; border:1px solid #EFE0C4; border-radius:16px; padding:13px 16px; margin-top:12px;
  font-size:0.81rem; line-height:1.6; color:#7a6338 !important; -webkit-text-fill-color:#7a6338 !important; }

/* diary */
.wd-entry{ background:#fff; border:1px solid #E8E4DC; border-radius:20px; padding:18px; margin-top:12px; }
.wd-entry-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.wd-entry-t{ font-family:Georgia,serif; font-size:1.05rem; font-weight:700; color:#20354B !important; -webkit-text-fill-color:#20354B !important; margin:0; }
.wd-entry-d{ font-size:0.75rem; color:#8b929b !important; -webkit-text-fill-color:#8b929b !important; }
.wd-entry-n{ font-size:0.86rem; line-height:1.6; color:#5a626c !important; -webkit-text-fill-color:#5a626c !important; margin:9px 0 0; }

@media (max-width:1024px){
  #page-wd-feature .wd-hero{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:760px){
  #page-wd-feature .wd-hero{ padding:28px 0 22px; }
  .wd-glasses{ grid-template-columns:repeat(3,1fr); }
}