/* WELLNESS LIBRARY — pastel section cards.
   The page was white sections on a near-white page, so nothing separated. Each
   section shell now takes its own soft tint with a matching (slightly deeper)
   hairline, and the ITEM cards inside stay WHITE so they still read as items
   sitting on the section rather than merging into it. Pastels this soft carry
   almost no luminance difference from the page, so the border does the
   separating work — that is why each one is set, not just the fill. */
#page-rv-library [data-libtint]{
  background-color:var(--lt-bg) !important;
  border-color:var(--lt-bd) !important;
}
#page-rv-library [data-libtint="sage"]    { --lt-bg:#EEF4EC; --lt-bd:#D3E2CE; }
#page-rv-library [data-libtint="sky"]     { --lt-bg:#EAF1F7; --lt-bd:#CFE0EC; }
#page-rv-library [data-libtint="cream"]   { --lt-bg:#FBF3E4; --lt-bd:#EFE0C4; }
#page-rv-library [data-libtint="lavender"]{ --lt-bg:#F0ECF8; --lt-bd:#DED6EE; }
#page-rv-library [data-libtint="mint"]    { --lt-bg:#E9F3EE; --lt-bd:#CDE4D9; }
#page-rv-library [data-libtint="blush"]   { --lt-bg:#FBEDEE; --lt-bd:#F0D8DA; }

/* item cards inside a tinted section keep white so they lift off it */
#page-rv-library [data-libtint] [data-libcard]{
  background-color:#FFFFFF !important;
  border-color:rgba(36,52,71,.10) !important;
}
/* THREE TEXT ITEMS DROPPED BELOW AA ON THE TINTS. Two of them ("Independent
   businesses…" 3.11, "YOUR WELLNESS, IN ONE PLACE" 2.83) were ALREADY failing on
   white before this change — the tint only made them worse (2.78 / 2.48), so they
   are fixed here rather than left. The third, the Wellness Library lede, was 4.80
   on white and 4.21 on the sky tint. */
#page-rv-library [data-libtint="sage"] .rhrec-note,
#page-rv-library [data-libtint="sage"] p:last-child{
  color:#4A5560 !important; -webkit-text-fill-color:#4A5560 !important;
}
#page-rv-library [data-libtint="sky"] [class*="uppercase"],
#page-rv-library [data-libtint="sky"] [class*="tracking"]{
  color:#8F4531 !important; -webkit-text-fill-color:#8F4531 !important;
}
#page-rv-library [data-libtint="sky"] p{
  color:#4E5A68 !important; -webkit-text-fill-color:#4E5A68 !important;
}

/* my own guides section uses the same treatment */
#wgxSec.wgx-sec[data-libtint]{ box-shadow:0 8px 24px rgba(36,52,71,.05); }
#wgxSec[data-libtint] .wgx-card{
  background:#FFFFFF !important;
  border-color:rgba(36,52,71,.10) !important;
}
#wgxSec[data-libtint] .wgx-tab{ background:#FFFFFF !important; }
#wgxSec[data-libtint] .wgx-tab[aria-pressed="true"]{ background:#5F7350 !important; }
#wgxSec[data-libtint] .wgx-srch input{ background:#FFFFFF !important; }