/* Wellness Guides inside the Wellness Library. Built in My Rhythm's own language —
   white tiles, #E8E4DC hairlines, sage accents, Playfair headings — rather than the
   Discover page's styling, which does not exist on this page. */
#wgxSec.wgx-sec{
  margin-top:18px;
  background:#FFFFFF;
  border:1px solid #E8E4DC;
  border-radius:24px;
  padding:26px 24px 24px;
  box-shadow:0 8px 24px rgba(36,52,71,.06);
  font-family:'Nunito',system-ui,sans-serif;
}
#wgxSec .wgx-eyebrow{
  margin:0 0 6px; font-size:.68rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#wgxSec .wgx-h{
  margin:0 0 6px; font-family:'Playfair Display',Georgia,serif;
  font-size:1.42rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#wgxSec .wgx-sub{
  margin:0 0 16px; font-size:.9rem; line-height:1.6; max-width:64ch;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#wgxSec .wgx-srch{ display:block; margin-bottom:16px; }
#wgxSec .wgx-srch input{
  width:100%; box-sizing:border-box; min-height:46px;
  border:1px solid #E8E4DC !important; border-radius:999px !important;
  padding:12px 18px; font:inherit; font-size:.9rem; background:#FBFAF8 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#wgxSec .wgx-srch input:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }

#wgxSec .wgx-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
#wgxSec .wgx-tab{
  cursor:pointer; font:inherit; font-size:.8rem; font-weight:700;
  border-radius:999px; padding:9px 15px; min-height:40px;
  background:#FFFFFF !important; border:1px solid #E8E4DC !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#wgxSec .wgx-tab:hover{ background:#F1F4EE !important; border-color:#CFE0C8 !important; }
#wgxSec .wgx-tab[aria-pressed="true"]{
  background:#5F7350 !important; border-color:#5F7350 !important;
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
#wgxSec .wgx-tab:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#wgxSec .wgx-count{
  margin:0 0 14px; font-size:.76rem; font-weight:700; letter-spacing:.02em;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important;
}

#wgxSec .wgx-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
#wgxSec .wgx-card{
  display:flex; flex-direction:column;
  background:linear-gradient(180deg,#FBFDFA 0%,#FFFFFF 46%);
  border:1px solid #E4EAE0; border-radius:20px; overflow:hidden;
  box-shadow:0 4px 14px rgba(36,52,71,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#wgxSec .wgx-card:hover{
  transform:translateY(-2px); box-shadow:0 12px 28px rgba(36,52,71,.11);
  border-color:#CFE0C8;
}
#wgxSec .wgx-em{
  font-size:1.9rem; line-height:1; padding:18px 18px 0;
}
#wgxSec .wgx-body{ padding:10px 18px 18px; display:flex; flex-direction:column; flex:1; }
#wgxSec .wgx-pick{
  align-self:flex-start; margin-bottom:8px;
  background:#FBF1DE !important; border-radius:999px; padding:4px 10px !important;
  font-size:.66rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#7A5A16 !important; -webkit-text-fill-color:#7A5A16 !important;
}
#wgxSec .wgx-cat{
  margin:0 0 3px; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#wgxSec .wgx-t{
  margin:0 0 6px; font-family:'Playfair Display',Georgia,serif;
  font-size:1.04rem; font-weight:700; line-height:1.3;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#wgxSec .wgx-d{
  margin:0 0 10px; font-size:.84rem; line-height:1.55;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#wgxSec .wgx-meta{
  margin:0 0 10px; font-size:.76rem; font-weight:600;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important;
}
#wgxSec .wgx-chips{ margin:0 0 14px; display:flex; flex-wrap:wrap; gap:6px; }
#wgxSec .wgx-chip{
  background:#EEF4EC !important; border-radius:999px; padding:4px 10px !important;
  font-size:.7rem; font-weight:700;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#wgxSec .wgx-btn, #wgxSheet .wgx-btn{
  margin-top:auto; align-self:flex-start; cursor:pointer; font:inherit;
  font-size:.82rem; font-weight:800;
  border-radius:999px; padding:11px 20px; min-height:44px;
  background:#5F7350 !important; border:1px solid #5F7350 !important;
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
#wgxSec .wgx-btn:hover, #wgxSheet .wgx-btn:hover{ background:#4E6640 !important; border-color:#4E6640 !important; }
#wgxSec .wgx-btn:focus-visible, #wgxSheet .wgx-btn:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#wgxSec .wgx-empty{
  grid-column:1/-1; margin:0; padding:26px; text-align:center;
  background:#FBFAF8; border:1px dashed #E4DFD2; border-radius:18px;
  font-size:.88rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}

/* detail sheet */
#wgxSheet.wgx-sheet-bg{
  position:fixed; inset:0; z-index:9999; background:rgba(30,36,30,.38);
  display:flex; align-items:center; justify-content:center; padding:20px;
  font-family:'Nunito',system-ui,sans-serif;
}
#wgxSheet .wgx-sheet{
  position:relative; width:min(520px,100%); max-height:86vh; overflow:auto;
  background:#FFFDF9; border:1px solid #E7E2D6; border-radius:22px;
  padding:26px 24px 20px; box-shadow:0 24px 60px rgba(30,36,30,.22);
}
#wgxSheet .wgx-x{
  position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%;
  border:1px solid #E7E2D6; background:#fff; cursor:pointer; font-size:.95rem;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#wgxSheet .wgx-sheet-em{ font-size:2rem; line-height:1; display:block; margin-bottom:8px; }
#wgxSheet .wgx-sheet-t{
  margin:0 0 10px; font-family:'Playfair Display',Georgia,serif;
  font-size:1.3rem; font-weight:700;
  color:#232B22 !important; -webkit-text-fill-color:#232B22 !important;
}
#wgxSheet .wgx-sheet-d{
  margin:0 0 10px; font-size:.9rem; line-height:1.6;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#wgxSheet .wgx-note{
  margin:14px 0 0; padding:12px 14px; background:#F4F6F1;
  border:1px solid #E2E8DD; border-radius:14px;
  font-size:.79rem; line-height:1.55;
  color:#4A5442 !important; -webkit-text-fill-color:#4A5442 !important;
}
#wgxSheet .wgx-foot{
  display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap;
  margin-top:18px; padding-top:14px; border-top:1px solid #EFEAE0;
}
#wgxSheet .wgx-btn--ghost{
  background:#fff !important; border-color:#DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#wgxSheet .wgx-btn--ghost:hover{ background:#F1F4EE !important; }

.wgx-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(12px);
  z-index:10000; background:#243447; color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  padding:12px 20px; border-radius:999px; font-size:.85rem; font-weight:700;
  font-family:'Nunito',system-ui,sans-serif;
  opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
}
.wgx-toast.on{ opacity:1; transform:translateX(-50%) translateY(0); }

@media (prefers-reduced-motion:reduce){
  #wgxSec .wgx-card{ transition:none !important; }
  #wgxSec .wgx-card:hover{ transform:none !important; }
}
@media (max-width:1024px){ #wgxSec .wgx-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px){
  #wgxSec.wgx-sec{ padding:20px 14px 18px; }
  #wgxSec .wgx-grid{ grid-template-columns:minmax(0,1fr); }
  #wgxSheet.wgx-sheet-bg{ padding:0; align-items:flex-end; }
  #wgxSheet .wgx-sheet{ width:100%; max-height:92vh; border-radius:22px 22px 0 0; }
}