
/* The Partini / Sunshine, Coffee & Blog and Support sections moved from the
   homepage to Discover. Their styling was scoped to #page-home, so these are
   the same rules mirrored onto #page-discover. Nothing here is new design. */
#page-discover .hx-eyek{ font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#7d9e77; margin-bottom:10px; }
#page-discover .hx-sec{ max-width:1200px; margin:0 auto; padding:60px 24px; }
#page-discover .hx-sec-head{ max-width:640px; }
#page-discover .hx-sec-head.hx-center{ margin-left:auto; margin-right:auto; text-align:center; }
#page-discover .hx-sec-title{ font-family:Georgia,serif; font-weight:700 !important; color:#243447 !important; font-size:clamp(1.7rem,3.4vw,2.4rem); line-height:1.15; margin:0; }
#page-discover .hx-sec-sub{ margin:12px 0 0; font-size:1.02rem; color:#5a6a78; line-height:1.6; }
#page-discover .hx-soft{ background:#fff; border:1px solid #dde6d8; border-radius:20px; box-shadow:0 4px 22px rgba(36,52,71,.05); transition:transform .2s, box-shadow .2s; }
#page-discover .hx-soft:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(36,52,71,.10); }
#page-discover .hx-btn-outline{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:#243447; border:1.6px solid #243447; border-radius:999px; padding:13px 26px; font-weight:800; font-size:.9rem; font-family:inherit; cursor:pointer; transition:.18s; }
#page-discover .hx-btn-outline:hover{ background:#f3f7f1; transform:translateY(-1px); }
#page-discover .hx-journeys{ margin-top:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
#page-discover .hx-journey{ padding:24px; text-align:left; cursor:pointer; }
#page-discover .hx-journey-top{ display:flex; align-items:flex-start; justify-content:space-between; }
#page-discover .hx-journey-ico{ display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:15px; background:#f3f7f1; font-size:1.5rem; }
#page-discover .hx-journey-arrow{ color:#7d9e77; font-size:1.2rem; margin-top:6px; transition:transform .2s; }
#page-discover .hx-journey:hover .hx-journey-arrow{ transform:translateX(4px); }
#page-discover .hx-journey-title{ font-family:Georgia,serif; font-weight:700 !important; color:#243447 !important; font-size:1.25rem; margin:18px 0 0; }
#page-discover .hx-journey-desc{ font-size:.9rem; color:#5a6a78; line-height:1.55; margin:8px 0 0; }
#page-discover .hx-comm-grid{ margin-top:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
#page-discover .hx-comm-box{ overflow:hidden; }
#page-discover .hx-comm-top{ height:108px; display:flex; align-items:center; justify-content:center; background:#eaf1e7; font-size:1.9rem; }
#page-discover .hx-comm-body{ padding:20px; }
#page-discover .hx-comm-kicker{ font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#7d9e77; }
#page-discover .hx-comm-title{ font-weight:800 !important; color:#243447 !important; margin:6px 0 0; }
#page-discover .hx-comm-desc{ font-size:.86rem; color:#5a6a78; line-height:1.5; margin:6px 0 0; }
#page-discover .hx-values{ max-width:1200px; margin:0 auto; padding:44px 24px 46px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
#page-discover .hx-value{ display:flex; align-items:center; gap:13px; background:#f3f7f1; border-radius:18px; padding:18px; }
#page-discover .hx-value-ico{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:11px; background:#fff; font-size:1.2rem; flex:none; }
#page-discover .hx-value-label{ font-weight:700; font-size:.9rem; color:#243447; }
@media(max-width:900px){
  #page-discover .hx-journeys, #page-discover .hx-comm-grid{ grid-template-columns:1fr; }
  #page-discover .hx-values{ grid-template-columns:repeat(2,1fr); }
}
#page-discover .sc-grid{margin-top:34px; display:grid; grid-template-columns:1fr 1fr; gap:24px;}
#page-discover .sc-box{padding:36px 34px; display:flex; flex-direction:column; align-items:flex-start;}
#page-discover .sc-ico{width:62px; height:62px; border-radius:18px; background:#eef4ec; display:flex; align-items:center; justify-content:center; font-size:1.9rem; margin-bottom:20px;}
#page-discover .sc-box-title{font-family:Georgia,serif; font-weight:700; font-size:1.45rem; color:#243447; margin:0 0 11px; line-height:1.2;}
#page-discover .sc-box-desc{font-size:0.97rem; color:#5a6a78; line-height:1.62; margin:0 0 26px; flex:1;}
#page-discover .hey-cc-title{ font-family:'Playfair Display',Georgia,serif; font-weight:700 !important; color:#243447 !important; font-size:clamp(1.6rem,3.5vw,2.15rem); line-height:1.12; margin:0 0 11px; }
#page-discover .hey-cc-btn:focus-visible{ outline:2px solid #243447; outline-offset:2px; }
#page-discover .hey-grid-3--two{ grid-template-columns:1fr 1fr !important; }
@media(max-width:860px){ #page-discover .hey-grid-3--two{ grid-template-columns:1fr !important; } }
#page-discover .hey-grid-3--two .hey-p-eyebrow{ font-size:.95rem !important; letter-spacing:.02em !important; text-transform:none !important; font-weight:800 !important; color:#5A6374 !important; -webkit-text-fill-color:#5A6374 !important; }
#page-discover .hey-grid-3--two .hey-p-title{ font-size:2rem !important; }
#page-discover .hey-grid-3--two .hey-p-body{ font-size:1.02rem !important; line-height:1.6; }
#page-discover .hey-grid-3--two .hey-p-link{ font-size:1rem !important; }
#page-discover .hey-grid-3--two .hey-panel{ gap:20px; }
#page-discover .hey-grid-3--two .hey-panel-art{ flex:none; align-self:center; width:190px; max-width:44%; }
#page-discover .hey-grid-3--two .hey-panel-art img{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:cover !important; border-radius:16px; display:block; }
@media(max-width:560px){ #page-discover .hey-grid-3--two .hey-panel-art{ width:130px; } }
#page-discover .hey-week-row .hey-p-eyebrow{ font-size:1.05rem !important; text-transform:none !important; letter-spacing:.01em !important; font-weight:800 !important; color:#5A6374 !important; -webkit-text-fill-color:#5A6374 !important; }
#page-discover .hey-week-row .hey-p-title{ font-size:2.3rem !important; line-height:1.1 !important; }
#page-discover .hey-week-row .hey-p-body{ font-size:1.05rem !important; line-height:1.55 !important; }
#page-discover .hx-sec{ padding:36px 24px !important; }
#page-discover .hx-blog-grid{ margin-top:22px !important; gap:18px !important; }
@media (min-width:561px) and (max-width:860px){  #page-discover #hxBlogGrid.hx-blog-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; }  #page-discover .bl-post .bl-img{ height:auto !important; aspect-ratio:3/2 !important; }  #page-discover .bl-post .bl-img img{ width:100% !important; height:100% !important; object-fit:cover !important; }}
@media (max-width:560px){  #page-discover #hxBlogGrid.hx-blog-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }  #page-discover .bl-post .bl-img{ height:auto !important; aspect-ratio:3/2 !important; }  #page-discover .bl-post .bl-img img{ width:100% !important; height:100% !important; object-fit:cover !important; }  #page-discover .bl-post .bl-post-body{ padding:12px 12px 14px !important; }  #page-discover .bl-post .bl-post-title{ font-size:0.95rem !important; }  #page-discover .bl-post .bl-excerpt{ font-size:0.82rem !important; -webkit-line-clamp:3 !important; }  #page-discover .bl-post .bl-cat{ font-size:0.68rem !important; }  #page-discover .bl-post .bl-meta{ font-size:0.72rem !important; }}
/* Care Circle panel removed — Tap & Talk now pairs with Wellness Hub, and the
   remaining panel spans the row so nothing sits orphaned at half width. */
#page-discover .hey-grid-2.hey-grid-solo{ grid-template-columns:1fr !important; }
#page-discover .hey-grid-3--two{ align-items:stretch; }
#page-discover .hey-grid-3--two > .hey-panel{ height:100%; }
#page-discover .hey-hero,
#page-discover .hey-sec,
#page-discover .hx-sec,
#page-discover .heart-sec,
#page-discover .hx-values,
#page-discover section{ background:#fff !important; background-image:none !important; }
#page-discover .hx-value,
#page-discover .hx-journey-ico,
#page-discover .hx-comm-top,
#page-discover .hey-band,
#page-discover [style*="#f3f7f1"],
#page-discover [style*="#eaf1e7"],
#page-discover [style*="#FBF8F2"]{ background:#fff !important; background-image:none !important; }
#page-discover .hey-qa{ background:#243447 !important; border:1px solid #243447 !important; }
#page-discover .hey-qa:hover{ background:#31465F !important; border-color:#31465F !important; }
#page-discover .hey-qa .hey-qa-label{ color:#fff !important; }
#page-discover .hey-qa svg{ stroke:#fff !important; }
#page-discover .hey-band{ border:1px solid #ECEAE4 !important; }
/* ---- HOMEPAGE ----
   .hey-wrap is used 7 times on the homepage, so this is scoped strictly to the ONE
   inside .hey-hero. The other six containers keep their 1180px cap. ---- */
#page-discover .hey-hero{
  padding:0 !important;
}
#page-discover .hey-hero .hey-wrap{
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
#page-discover .hey-hero .heyban{
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
#page-discover .hey-hero .heyban-img{
  width:100% !important;
  max-width:none !important;
  border-radius:0 !important;
  display:block;
}
/* The mirrored base rules above out-specify the app's unscoped mobile rules,
   so the collapses those relied on are restated here at matching specificity. */
@media (max-width:760px){
  #page-discover .sc-grid{ grid-template-columns:1fr !important; gap:16px; }
  #page-discover .sc-grid > *{ min-width:0 !important; }
  #page-discover .sc-box{ padding:26px 22px; }
}
/* container for the moved block */
#page-discover .dxn-moved{ max-width:1180px; margin:0 auto; padding:0 20px; }
#page-discover .dxn-moved > section{ background:transparent !important; }
@media (max-width:760px){ #page-discover .dxn-moved{ padding:0 14px; } }
