/* Wellness Guides */
/* ===== Wellness Guides — flat white cards + navy CTA + reader ===== */
/* remove the front pill boxes (badge + chips) — text on a flat white card */
.wg-card-badge, .wg-card-chips { display:none !important; }
.wg-card-banner { background:#ffffff !important; height:104px !important; font-size:3.1rem !important; border:none !important; border-radius:0 !important; box-shadow:none !important; }
.wg-card { cursor:pointer; }
/* flatten inner card elements (neutralise the global card- reset boxes) */
.wg-card-body, .wg-card-cat, .wg-card-title, .wg-card-desc, .wg-card-meta, .wg-card-meta-item { background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; }
.wg-card-body:hover, .wg-card-cat:hover, .wg-card-title:hover, .wg-card-desc:hover, .wg-card-meta:hover, .wg-card-meta-item:hover { box-shadow:none !important; transform:none !important; }
/* keep the CTA pill, make its text navy */
.wg-card-btn { background:#ffffff !important; color:#243447 !important; border:1.6px solid #d6ddd2 !important; font-weight:800 !important; box-shadow:none !important; }
.wg-card-btn:hover { background:#f3f7f1 !important; border-color:#7d9e77 !important; color:#243447 !important; box-shadow:none !important; transform:translateY(-1px); }

/* ---- full-screen guide reader ---- */
.wgr-overlay{ display:none; position:fixed; inset:0; z-index:6000; background:#fbfcfa; overflow-y:auto; }
.wgr-overlay.open{ display:block; }
.wgr-bar{ position:sticky; top:0; background:rgba(251,252,250,0.92); backdrop-filter:blur(8px); border-bottom:1px solid #eef1ee; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 24px; z-index:2; }
.wgr-back{ display:inline-flex; align-items:center; gap:7px; background:#fff; border:1.5px solid #d6ddd2; color:#243447; font-weight:800; font-size:0.85rem; border-radius:50px; padding:9px 18px; cursor:pointer; font-family:inherit; }
.wgr-back:hover{ background:#f3f7f1; border-color:#7d9e77; }
.wgr-brand{ font-size:0.72rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:#7d9e77; }
.wgr-article{ max-width:720px; margin:0 auto; padding:42px 24px 90px; }
.wgr-emoji{ font-size:3.4rem; line-height:1; }
.wgr-cat{ font-size:0.74rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:#7d9e77; margin:16px 0 8px; }
.wgr-title{ font-family:Georgia,serif; font-weight:700; color:#243447; font-size:clamp(1.9rem,4vw,2.7rem); line-height:1.14; margin:0 0 14px; }
.wgr-meta{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:26px; }
.wgr-meta span{ font-size:0.82rem; font-weight:700; color:#7a8794; }
.wgr-lead{ font-size:1.16rem; line-height:1.7; color:#3c4a58; font-weight:500; margin:0 0 28px; }
.wgr-topics{ background:#f4f8f2; border:1px solid #e3ece0; border-radius:16px; padding:18px 22px 16px; margin-bottom:32px; }
.wgr-topics .wgr-th{ font-size:0.7rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:#7d9e77; margin-bottom:10px; }
.wgr-topics ul{ margin:0; padding-left:18px; columns:2; column-gap:26px; }
.wgr-topics li{ font-size:0.92rem; color:#46566a; margin-bottom:6px; }
.wgr-article h2.wgr-h2{ font-family:Georgia,serif; font-weight:700; color:#243447; font-size:1.5rem; margin:36px 0 12px; }
.wgr-article p{ font-size:1.03rem; line-height:1.78; color:#46566a; margin:0 0 16px; }
.wgr-article ul.wgr-list, .wgr-article ol.wgr-list{ margin:0 0 18px; padding-left:22px; }
.wgr-article ul.wgr-list li, .wgr-article ol.wgr-list li{ font-size:1.03rem; line-height:1.7; color:#46566a; margin-bottom:10px; }
.wgr-note{ background:#eef4ec; border-left:3px solid #7d9e77; border-radius:12px; padding:18px 22px; margin:30px 0 0; font-size:0.96rem; line-height:1.65; color:#3c4a58; }
.wgr-foot{ margin-top:30px; padding-top:20px; border-top:1px solid #eef1ee; font-size:0.85rem; color:#8a96a2; font-style:italic; line-height:1.6; }
@media(max-width:600px){ .wgr-topics ul{ columns:1; } .wgr-article{ padding:30px 20px 70px; } }