/* WellBe local refresh */
:root {
  --refresh-ink: #204933;
  --refresh-green: #d9eeae;
  --refresh-orange: #ffaf49;
  --refresh-paper: #fff8e9;
}
.refresh-text-link { color: var(--refresh-ink); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.refresh-review { display: none; }
.refresh-review.is-visible {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  background: #eff6e5;
  color: var(--refresh-ink);
  padding: 12px 16px;
  margin: 0 auto 16px;
  font-size: 13px;
}
.refresh-review a { text-decoration: underline; text-underline-offset: 3px; }
.refresh-journey {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-block: 24px;
}
.refresh-journey a {
  display: grid;
  place-content: center;
  text-align: center;
  background: var(--refresh-paper);
  color: var(--refresh-ink);
  border: 1px solid #efd6a8;
  border-radius: 14px;
  padding: 10px 5px;
  font-size: clamp(12px, 2.6vw, 17px);
  font-weight: 800;
}
.refresh-journey a:hover { background: #ffdfa7; }
.refresh-journey span { color: #8f4613; font-size: .8em; }
.refresh-section-head .eyebrow { color: #8b430f; }
.refresh-section-head h2 { color: var(--refresh-ink); font-size: clamp(26px, 4.5vw, 49px); line-height: 1.25; font-weight: 900; }
#flow .refresh-steps { padding: 0; list-style: none; }
#flow .refresh-steps .step-count { background: #ffdfa7; color: #643407; font-weight: 900; border: 0; }
.refresh-next { background: var(--refresh-paper); border-radius: 18px; text-align: center; padding: 16px; margin-top: 22px; }

@media (max-width: 700px) {
  #analysis .compare-table { table-layout: fixed; }
  #analysis .compare-table th,
  #analysis .compare-table td { padding: 10px 7px; font-size: 13px; overflow-wrap: anywhere; }
  #analysis .compare-table th { width: auto; }
  #analysis .compare-table thead th:first-child { width: 23%; }
}

#report-samples .report-delivery-head {
  padding: clamp(16px, 4vw, 34px) 12px;
  border-radius: 16px;
}
#report-samples .report-delivery-head h3 {
  display: inline-grid;
  justify-items: center;
  gap: .22em;
  margin: 0 0 14px;
  padding-bottom: .28em;
  border-bottom: 3px dashed #67a657;
  color: var(--refresh-ink);
  font-size: clamp(20px, 5vw, 43px);
  font-weight: 900;
  line-height: 1.45;
}
.report-delivery-line { display: block; }
.report-delivery-line strong {
  display: inline-block;
  padding: 0 .24em;
  border-radius: 8px;
  background: #d9eeae;
  color: #245138;
}
.report-delivery-line em { color: #a64a04; font-style: normal; }
#report-samples .report-delivery-head p { margin: 0; }
