.cv-eyebrow {
  margin: 0 0 .75rem;
  font-family: var(--font-heading-family, Poppins, sans-serif);
  font-weight: 600;
  font-size: .75rem;
  line-height: 1.2;
  letter-spacing: .04em;
  color: #0A8890;
}
.color-scheme--dark .cv-eyebrow,
.color-scheme--accent .cv-eyebrow { color: currentColor; opacity: .86; }

/* Label table */
.cv-table {
  margin-top: 1.75rem;
  background: #fff;
  color: #3D4247;
  border: 1px solid #E4E6E7;
  border-radius: 8px;
  overflow: hidden;
}
.cv-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
  border-top: 1px solid #E4E6E7;
}
.cv-table__row > * { padding: 1rem 1.25rem; font-size: .875rem; line-height: 1.5; }
.cv-table__head { background: #3D4247; border-top: 0; }
.cv-table__head > * { font-weight: 600; font-size: .8125rem; color: rgba(255, 255, 255, .72); }
.cv-table__head .cv-table__ours { background: transparent; color: #fff; font-weight: 700; font-size: .875rem; }
.cv-table__ours { font-weight: 600; color: #075C61; background: #F1F8F8; }
.cv-table__theirs { opacity: .72; }
.cv-table__note { margin: .875rem 0 0; font-size: .75rem; line-height: 1.6; opacity: .72; max-width: 80ch; }

/* Capsule-count card */
.cv-cmp {
  margin-top: 1.25rem;
  padding: 2rem;
  background: #fff;
  color: #3D4247;
  border: 1px solid #E4E6E7;
  border-radius: 8px;
  scroll-margin-top: 90px;
}
.cv-cmp :is(h3, p, .rte) { color: inherit; }
.cv-cmp__title { margin: 0 0 .625rem; font-size: 1.5rem; line-height: 1.25; }
.cv-cmp__intro { max-width: 68ch; margin-bottom: 1.75rem; }
.cv-cmp__intro > :last-child { margin-bottom: 0; }

.cv-cmp__rows { display: flex; flex-direction: column; gap: .25rem; }
.cv-cmp-row {
  padding: 1.375rem 1.5rem;
  border: 1px solid #E4E6E7;
  border-radius: 8px;
}
.cv-cmp-row.is-ours { background: #F1F8F8; border-color: #DCEDEE; }
.cv-cmp-row__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .25rem 1.25rem;
}
.cv-cmp-row__name { font-weight: 600; margin-right: .625rem; }
.cv-cmp-row.is-ours .cv-cmp-row__name { color: #075C61; }
.cv-cmp-row__mg { font-size: .8125rem; opacity: .65; }
.cv-cmp-row__count { display: flex; align-items: baseline; gap: .5rem; }
.cv-cmp-row__n { font-weight: 700; font-size: 1.5rem; line-height: 1; font-variant-numeric: tabular-nums; }
.cv-cmp-row.is-ours .cv-cmp-row__n { color: #0A8890; }
.cv-cmp-row__unit { font-size: .8125rem; opacity: .65; }

.cv-pips { display: flex; flex-wrap: wrap; gap: 3px; margin: .875rem 0; }
.cv-pip { width: 8px; height: 15px; border-radius: 4px; background: #8A8F93; opacity: .45; }
.cv-cmp-row.is-ours .cv-pip { background: #0A8890; opacity: 1; }
.cv-pip--extra { background: #E8B923; opacity: 1; }
.cv-cmp-row__foot { margin: 0; padding-top: .875rem; border-top: 1px solid #E4E6E7; font-size: .875rem; line-height: 1.55; }
.cv-cmp-row.is-ours .cv-cmp-row__foot { color: #075C61; border-top-color: #DCEDEE; }

.cv-callouts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.cv-callout { padding: 1.375rem 1.5rem; border: 1px solid #E4E6E7; border-radius: 8px; background: #F5F6F6; }
.cv-callout--teal { background: #F1F8F8; border-color: #DCEDEE; }
.cv-callout__title { margin: 0 0 .5rem; font-size: 1rem; }
.cv-callout--teal .cv-callout__title { color: #075C61; }
.cv-callout__body { font-size: .875rem; line-height: 1.6; }
.cv-callout__body > :last-child { margin-bottom: 0; }

.cv-cmp__warn { margin: 0 0 1rem; padding: .75rem 1rem; font-size: .8125rem; background: #FDF7E6; border: 1px solid #F6E3A5; border-radius: 6px; }
.cv-cmp__foot { margin-top: 1.375rem; font-size: .75rem; line-height: 1.6; opacity: .72; max-width: 88ch; }
.cv-cmp__foot > :last-child { margin-bottom: 0; }

@media screen and (max-width: 749px) {
  .cv-table__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cv-table__label { grid-column: 1 / -1; padding-bottom: .25rem; font-weight: 600; }
  .cv-table__row:not(.cv-table__head) .cv-table__ours { background: transparent; }
  .cv-table__head .cv-table__label { display: none; }
  .cv-cmp { padding: 1.25rem; }
  .cv-cmp-row { padding: 1rem; }
  .cv-pip { width: 6px; height: 12px; border-radius: 3px; }
  .cv-pips { gap: 2px; }
}