/* Landing pages built from content files (tools/landing.py), inside the site's header and footer.
   Same design language as the site's own pages (home, 9D Breathwork, 4-Week): full-width photo hero
   with a big white headline, full-width colour bands, rounded cards, orange pill buttons.
   Palette: navy #172e44 (the site's dark text), teal #44939f (accents, borders), deep teal #2c6e78
   (bands with white text: WCAG AA), warm sand and pale teal bands, orange #ffa842 buttons.
   Headings in the site's display face (Madefor Display Bold), text in Montserrat. */
.hrb-landing {
  --navy: #172e44;
  --teal: #44939f;
  --teal-ink: #2c6e78;
  --mist: #eef6f7;
  --sand: #fbf3e8;
  --orange: #ffa842;
  --ink: #1d2b2f;
  --muted: #4f5f63;
  --display: 'madefor-display-bold', montserrat, sans-serif;
  /* the rows between the copied page's header (first row) and footer (last row) */
  grid-area: 2 / 1 / -2 / -1;
  width: 100%;
  /* the header is fixed over the page: start below it (hrb.js sets the measured height) */
  padding-top: var(--hrb-header, 130px);
  font-family: montserrat, sans-serif;
  color: var(--ink);
  /* the copied page's own background is dark navy on phones */
  background: #fff;
  /* Wix's layout containers switch clicks off (pointer-events: none) and only its own components
     switch them back on: without this, links, the button and the FAQs can't be clicked */
  pointer-events: auto;
  position: relative;
  font-size: 18px;
  line-height: 1.65;
  text-align: left;
  overflow-wrap: break-word;
}
.hrb-wrap {
  box-sizing: border-box;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 32px;
}
.hrb-landing h1,
.hrb-landing h2,
.hrb-landing h3 {
  font-family: var(--display);
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  color: var(--navy);
}
.hrb-landing a {
  color: var(--teal-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hrb-landing a:focus-visible,
.hrb-landing summary:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 3px;
}

/* draft notice (unpublished pages only) */
.hrb-draft {
  box-sizing: border-box;
  max-width: 1160px;
  margin: 24px auto;
  padding: 14px 18px;
  border: 2px dashed #c77b12;
  background: #fff7ea;
  color: #5a3a06;
  font-size: 16px;
  line-height: 1.5;
}
.hrb-draft ul {
  margin: 6px 0 0;
  padding-left: 20px;
}

/* ---------- hero: the photo fills it, a navy shade behind the white text ---------- */
.hrb-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: min(78vh, 720px);
  padding: 120px 0 72px;
  background: var(--navy);
  color: #fff;
}
.hrb-hero > .hrb-wrap {
  width: 100%;
}
.hrb-hero__photo {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: -2;
}
.hrb-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hrb-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(0deg, rgba(23, 46, 68, 0.92) 0%, rgba(23, 46, 68, 0.55) 45%, rgba(23, 46, 68, 0.15) 100%),
    linear-gradient(90deg, rgba(23, 46, 68, 0.55) 0%, rgba(23, 46, 68, 0) 70%);
}
.hrb-hero__text {
  max-width: 780px;
}
.hrb-hero h1 {
  color: #fff;
  font-size: clamp(40px, 6.2vw, 80px);
  line-height: 1.02;
  letter-spacing: -0.01em;
  margin: 0 0 22px;
}
.hrb-hero__sub {
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.5;
  max-width: 34em;
  margin: 0 0 30px;
  color: #fff;
}
.hrb-micro {
  font-size: 16px;
  margin: 16px 0 0;
  color: #e6eef2;
}
.hrb-hero .hrb-micro a {
  color: #fff;
}

/* breadcrumb: the page's place in the site (Home > category > page) */
.hrb-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 16px;
  line-height: 1.4;
}
.hrb-crumbs li {
  display: inline;
}
.hrb-crumbs li + li::before {
  content: '›';
  margin: 0 8px;
}
.hrb-hero .hrb-crumbs,
.hrb-hero .hrb-crumbs a {
  color: #fff;
}
.hrb-crumbs [aria-current] {
  font-weight: 600;
}

/* orange pill button, as on the site */
.hrb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 12px 34px;
  border-radius: 71px;
  background: var(--orange);
  color: #1d1d1d !important;
  font-weight: 600;
  font-size: 17px;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hrb-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

/* ---------- body: one full-width band per section ---------- */
.hrb-sec {
  padding: 88px 0;
}
.hrb-sec--white {
  background: #fff;
}
.hrb-sec--mist {
  background: var(--mist);
}
.hrb-sec--sand {
  background: var(--sand);
}
.hrb-sec--teal {
  background: var(--teal-ink);
  color: #fff;
}
.hrb-sec--navy {
  background: var(--navy);
  color: #fff;
}
.hrb-sec--teal h2,
.hrb-sec--teal h3,
.hrb-sec--navy h2,
.hrb-sec--navy h3 {
  color: #fff;
}
.hrb-sec--teal a,
.hrb-sec--navy a {
  color: #fff;
}
/* reading width for running text; cards, panels and tables use the full width */
.hrb-sec .hrb-wrap > p,
.hrb-sec .hrb-wrap > h2,
.hrb-sec .hrb-wrap > h3,
.hrb-sec .hrb-wrap > ul:not(.hrb-cards):not(.hrb-checks),
.hrb-sec .hrb-wrap > ol,
.hrb-sec .hrb-wrap > aside {
  max-width: 820px;
}
.hrb-body h2,
.hrb-faqs h2,
.hrb-ready h2 {
  font-size: clamp(32px, 4.2vw, 52px);
  margin: 0 0 26px;
}
.hrb-body h3 {
  font-size: clamp(22px, 2.4vw, 28px);
  color: var(--teal-ink);
  margin: 44px 0 14px;
}
.hrb-sec--teal .hrb-body h3,
.hrb-sec--navy h3 {
  color: #fff;
}
.hrb-body p,
.hrb-body ul,
.hrb-body ol {
  margin: 0 0 20px;
}
.hrb-body ul,
.hrb-body ol {
  padding-left: 1.3em;
}
.hrb-body ul {
  list-style: disc;
}
.hrb-body ul li::marker {
  color: var(--teal);
}
.hrb-body li {
  display: list-item;
  margin: 0 0 10px;
  padding-left: 4px;
}
.hrb-body em {
  color: var(--muted);
}
.hrb-sec--teal em,
.hrb-sec--navy em {
  color: #e6eef2;
}
.hrb-body strong {
  color: var(--navy);
}
.hrb-sec--teal strong,
.hrb-sec--navy strong {
  color: #fff;
}

/* intro: large opening line, the text beside a rounded photo */
.hrb-split--photo {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}
.hrb-split__text > :last-child {
  margin-bottom: 0;
}
.hrb-lead {
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.4;
  color: var(--navy);
}
.hrb-split__photo {
  margin: 0;
}
.hrb-split__photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 30px;
  box-shadow: 0 18px 40px rgba(23, 46, 68, 0.18);
}

/* lists with a bold label on every item: rounded cards */
.hrb-body .hrb-cards {
  list-style: none;
  padding: 0;
  margin: 8px 0 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
}
.hrb-body .hrb-cards li {
  margin: 0;
  padding: 26px 26px 24px;
  border-radius: 20px;
  background: #fff;
  border-top: 5px solid var(--teal);
  box-shadow: 0 8px 24px rgba(23, 46, 68, 0.08);
  font-size: 17px;
  line-height: 1.6;
}
.hrb-body .hrb-cards li::marker {
  content: none;
}
.hrb-body .hrb-cards li > strong:first-child {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 20px;
  line-height: 1.3;
  color: var(--navy);
}
.hrb-sec--white .hrb-cards li {
  background: var(--mist);
  box-shadow: none;
}
.hrb-sec--sand .hrb-cards li {
  border-top-color: var(--orange);
}
.hrb-sec--navy .hrb-cards li,
.hrb-sec--teal .hrb-cards li {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-top: 5px solid var(--orange);
  box-shadow: none;
  color: #fff;
}
.hrb-sec--navy .hrb-cards li > strong:first-child,
.hrb-sec--teal .hrb-cards li > strong:first-child {
  color: #fff;
}

/* plain lists on the deep teal band ("Signs ..."): white tick boxes */
.hrb-body .hrb-checks {
  list-style: none;
  padding: 0;
  margin: 8px 0 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}
.hrb-body .hrb-checks li {
  position: relative;
  margin: 0;
  padding: 18px 20px 18px 62px;
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.5;
}
.hrb-body .hrb-checks li::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 17px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23172e44' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
}

/* For the mind / body / your life: three coloured panels */
.hrb-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 12px 0 36px;
}
.hrb-pillar {
  border-radius: 24px;
  padding: 30px 28px 14px;
}
.hrb-pillar--1 {
  background: var(--teal-ink);
  color: #fff;
}
.hrb-pillar--2 {
  background: var(--navy);
  color: #fff;
}
.hrb-pillar--3 {
  background: var(--sand);
  border: 1px solid #f1dfc4;
}
.hrb-body .hrb-pillar h3 {
  margin: 0 0 16px;
  font-size: 26px;
}
.hrb-body .hrb-pillar--1 h3,
.hrb-body .hrb-pillar--2 h3,
.hrb-pillar--1 strong,
.hrb-pillar--2 strong,
.hrb-pillar--1 a,
.hrb-pillar--2 a {
  color: #fff;
}
.hrb-body .hrb-pillar--3 h3 {
  color: var(--navy);
}
.hrb-body .hrb-pillar ul,
.hrb-body .hrb-pillar .hrb-cards {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hrb-body .hrb-pillar li,
.hrb-body .hrb-pillar .hrb-cards li {
  margin: 0 0 16px;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 16px;
  color: inherit;
}
.hrb-body .hrb-pillar--3 li {
  border-bottom-color: #ead6b8;
}
.hrb-body .hrb-pillar li:last-child {
  border-bottom: 0;
}
.hrb-body .hrb-pillar .hrb-cards li > strong:first-child {
  font-size: 17px;
  margin-bottom: 4px;
  color: inherit;
}

/* numbered steps (the process) as a timeline of circles */
.hrb-body ol {
  list-style: none;
  counter-reset: step;
  padding: 0;
}
.hrb-body ol li {
  counter-increment: step;
  position: relative;
  padding: 0 0 26px 66px;
  margin: 0;
}
.hrb-body ol li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: -4px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--navy);
  font-family: var(--display);
  font-weight: 700;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
}
.hrb-body ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 21px;
  top: 46px;
  bottom: 2px;
  width: 2px;
  background: #f3c98f;
}

/* urgent help (crisis lines in the copy): stands out from the body text */
.hrb-urgent {
  margin: 8px 0 28px;
  padding: 20px 24px;
  border-left: 6px solid #b3261e;
  border-radius: 14px;
  background: #fdecea;
  color: #4a1410;
}
.hrb-urgent p {
  margin: 0 !important;
}
.hrb-urgent strong {
  color: #4a1410 !important;
}
/* the price on its own line (costs page) */
.hrb-price {
  display: inline-block;
  font-family: var(--display);
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 700;
  line-height: 1;
  color: var(--navy);
  background: #fff;
  border-radius: 20px;
  padding: 18px 28px;
  margin: 0 0 24px !important;
  box-shadow: 0 10px 30px rgba(23, 46, 68, 0.1);
}

/* tables (a typical day, Bali vs home) */
.hrb-table {
  overflow-x: auto;
  margin: 8px 0 28px;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(23, 46, 68, 0.08);
  background: #fff;
}
.hrb-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 17px;
  line-height: 1.5;
}
.hrb-table th,
.hrb-table td {
  text-align: left;
  vertical-align: top;
  padding: 14px 18px;
  border-bottom: 1px solid #dbe5e7;
}
.hrb-table tr:last-child th,
.hrb-table tr:last-child td {
  border-bottom: 0;
}
.hrb-table thead th {
  background: var(--navy);
  color: #fff;
  font-weight: 700;
}
.hrb-table tbody th {
  font-weight: 700;
  color: var(--teal-ink);
  white-space: nowrap;
}

/* ---------- FAQs: heading on the left, questions on the right ---------- */
.hrb-faqs__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 48px;
  align-items: start;
}
.hrb-faqs__list details {
  background: #fff;
  border-radius: 16px;
  margin: 0 0 12px;
  padding: 0 24px;
  box-shadow: 0 4px 14px rgba(23, 46, 68, 0.06);
}
.hrb-faqs summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
}
.hrb-faqs summary::-webkit-details-marker {
  display: none;
}
.hrb-faqs summary h3 {
  font-size: 19px;
  line-height: 1.35;
}
.hrb-faqs summary::after {
  content: '+';
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--navy);
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  transition: transform 0.2s ease;
}
.hrb-faqs details[open] summary::after {
  transform: rotate(45deg);
}
.hrb-faqs details p {
  margin: -4px 0 22px;
}

/* ---------- ready to talk: the deep teal call-to-action band ---------- */
.hrb-sec--cta {
  background: var(--teal-ink);
  color: #fff;
  text-align: center;
}
.hrb-ready h2 {
  color: #fff;
}
.hrb-ready__intro {
  font-size: clamp(19px, 2vw, 22px);
  max-width: 36em;
  margin: 0 auto 34px;
}
.hrb-steps {
  list-style: none;
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  max-width: 980px;
  margin: 0 auto 38px;
  padding: 0;
  text-align: left;
}
.hrb-steps li {
  counter-increment: step;
  display: block;
  position: relative;
  padding: 26px 24px 24px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 17px;
  line-height: 1.5;
}
.hrb-steps li::before {
  content: counter(step);
  display: block;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--navy);
  font-family: var(--display);
  font-weight: 700;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
}
.hrb-contact {
  margin: 24px 0 0;
  font-weight: 600;
}
.hrb-ready .hrb-contact a {
  color: #fff;
}

/* byline and sources */
.hrb-end {
  margin: 56px auto 72px;
  font-size: 16px;
  color: var(--muted);
}
.hrb-end > * {
  max-width: 820px;
}
.hrb-byline {
  margin: 0 0 8px;
}
.hrb-pending {
  color: #9a5b00;
  font-weight: 600;
}
.hrb-end h2 {
  font-size: 22px;
  margin: 28px 0 8px;
}
.hrb-sources {
  margin: 0;
  padding-left: 1.2em;
  list-style: disc;
}
.hrb-sources li {
  display: list-item;
}

/* ---------- tablets and phones ---------- */
@media (max-width: 900px) {
  .hrb-split--photo,
  .hrb-faqs__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hrb-split__photo img {
    aspect-ratio: 4 / 3;
  }
  .hrb-pillars {
    grid-template-columns: 1fr;
  }
  .hrb-faqs__grid {
    gap: 8px;
  }
}
@media (max-width: 750px) {
  .hrb-landing {
    font-size: 17px;
  }
  .hrb-wrap {
    padding: 0 20px;
  }
  .hrb-hero {
    min-height: 0;
    padding: 96px 0 48px;
  }
  .hrb-sec {
    padding: 60px 0;
  }
  .hrb-btn {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
  }
  .hrb-draft {
    margin: 16px 20px;
  }
  .hrb-body .hrb-checks {
    grid-template-columns: 1fr;
  }
}

/* phones: a table with more than two columns becomes one card per row, each value under its column name */
@media (max-width: 600px) {
  .hrb-table--wide {
    background: none;
    box-shadow: none;
    border-radius: 0;
  }
  .hrb-table--wide thead {
    display: none;
  }
  .hrb-table--wide table,
  .hrb-table--wide tbody,
  .hrb-table--wide tr,
  .hrb-table--wide th,
  .hrb-table--wide td {
    display: block;
  }
  .hrb-table--wide tr {
    background: #fff;
    border-radius: 16px;
    margin: 0 0 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(23, 46, 68, 0.08);
  }
  .hrb-table--wide tbody th {
    background: var(--navy);
    color: #fff;
    white-space: normal;
  }
  .hrb-table--wide td {
    border-bottom: 0;
    padding-top: 8px;
  }
  .hrb-table--wide td::before {
    content: attr(data-label);
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--teal-ink);
  }
}

/* rows of cards: as many per row as suits the count (set by landing.py) */
.hrb-body .hrb-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hrb-body .hrb-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hrb-body .hrb-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
/* text subsections side by side */
.hrb-panels {
  display: grid;
  gap: 20px;
  margin: 12px 0 8px;
}
.hrb-panel {
  border-radius: 24px;
  padding: 30px 30px 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(23, 46, 68, 0.07);
}
.hrb-sec--white .hrb-panel {
  background: var(--mist);
  box-shadow: none;
}
.hrb-sec--teal .hrb-panel,
.hrb-sec--navy .hrb-panel {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: none;
}
.hrb-body .hrb-panel h3 {
  margin: 0 0 14px;
  font-size: 22px;
}
.hrb-panel p {
  font-size: 17px;
}
@media (max-width: 1000px) {
  .hrb-body .hrb-cols-3,
  .hrb-body .hrb-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .hrb-body .hrb-cols-2,
  .hrb-body .hrb-cols-3,
  .hrb-body .hrb-cols-4 {
    grid-template-columns: 1fr;
  }
}
.hrb-body .hrb-cards li.hrb-inline > strong:first-child {
  display: inline;
  font-family: inherit;
  font-size: inherit;
}

/* prose sections: heading on the left, text on the right */
.hrb-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
  gap: 56px;
  align-items: start;
}
.hrb-sec .hrb-row > h2 {
  margin: 0;
  max-width: none;
}
.hrb-row__text > :last-child {
  margin-bottom: 0;
}
.hrb-row__text > p:first-child {
  font-size: 20px;
  line-height: 1.6;
  color: var(--navy);
}
.hrb-sec--teal .hrb-row__text > p:first-child,
.hrb-sec--navy .hrb-row__text > p:first-child {
  color: #fff;
}
.hrb-sec--sand .hrb-faqs__list details,
.hrb-faqs.hrb-sec--sand details {
  background: #fff;
}
@media (max-width: 900px) {
  .hrb-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* navy backgrounds (the "For the body" panel, the "Why people choose" band): orange titles, white text.
   Set on every element, because the copied site's own styles colour list items and paragraphs. */
.hrb-landing .hrb-pillar--2,
.hrb-landing .hrb-pillar--2 li,
.hrb-landing .hrb-pillar--2 p,
.hrb-landing .hrb-pillar--2 a,
.hrb-landing .hrb-sec--navy,
.hrb-landing .hrb-sec--navy p,
.hrb-landing .hrb-sec--navy li,
.hrb-landing .hrb-sec--navy a {
  color: #fff;
}
.hrb-landing .hrb-pillar--2 h3,
.hrb-landing .hrb-pillar--2 strong,
.hrb-landing .hrb-pillar--2 li > strong:first-child,
.hrb-landing .hrb-pillar--2 li > strong a,
.hrb-landing .hrb-sec--navy h2,
.hrb-landing .hrb-sec--navy h3,
.hrb-landing .hrb-sec--navy strong,
.hrb-landing .hrb-sec--navy .hrb-cards li > strong:first-child,
.hrb-landing .hrb-sec--navy li > strong a {
  color: var(--orange);
}
/* deep teal backgrounds: white titles and text (orange on teal is too faint to read) */
.hrb-landing .hrb-pillar--1,
.hrb-landing .hrb-pillar--1 h3,
.hrb-landing .hrb-pillar--1 li,
.hrb-landing .hrb-pillar--1 p,
.hrb-landing .hrb-pillar--1 strong,
.hrb-landing .hrb-pillar--1 a,
.hrb-landing .hrb-sec--teal h2,
.hrb-landing .hrb-sec--teal h3,
.hrb-landing .hrb-sec--teal > .hrb-wrap > p,
.hrb-landing .hrb-sec--teal .hrb-panel p,
.hrb-landing .hrb-sec--teal .hrb-cards li,
.hrb-landing .hrb-sec--teal .hrb-cards strong {
  color: #fff;
}
/* inside the three panels (beats the panel list rules above) */
.hrb-landing .hrb-body .hrb-pillar--2 ul,
.hrb-landing .hrb-body .hrb-pillar--2 .hrb-cards li,
.hrb-landing .hrb-body .hrb-pillar--2 li {
  color: #fff;
}
.hrb-landing .hrb-body .hrb-pillar--2 h3,
.hrb-landing .hrb-body .hrb-pillar--2 .hrb-cards li > strong:first-child,
.hrb-landing .hrb-body .hrb-pillar--2 li strong,
.hrb-landing .hrb-body .hrb-pillar--2 li strong a {
  color: var(--orange);
}
.hrb-landing .hrb-body .hrb-pillar--1 ul,
.hrb-landing .hrb-body .hrb-pillar--1 .hrb-cards li,
.hrb-landing .hrb-body .hrb-pillar--1 li,
.hrb-landing .hrb-body .hrb-pillar--1 .hrb-cards li > strong:first-child,
.hrb-landing .hrb-body .hrb-pillar--1 li strong {
  color: #fff;
}
.hrb-landing .hrb-body .hrb-pillar--3 ul,
.hrb-landing .hrb-body .hrb-pillar--3 .hrb-cards li,
.hrb-landing .hrb-body .hrb-pillar--3 li {
  color: var(--ink);
}
.hrb-landing .hrb-body .hrb-pillar--3 .hrb-cards li > strong:first-child,
.hrb-landing .hrb-body .hrb-pillar--3 li strong {
  color: var(--navy);
}