/* Company case-study content. */

html body[data-case-study-content="v2"] [data-record-card][hidden],
html body[data-case-study-content="v2"] [data-record-group][hidden] {
  display: none !important;
}

html body[data-case-study-content="v2"] main .article-content > #case-study-source-depth {
  grid-column: 1 / -1 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-inline: 0 !important;
  padding-inline: 0 !important;
}

body[data-page-family="case-study"] {
  --signature-writing-content-color: var(--lifa-navy, #10233e);
}

html body[data-page-family="case-study"] main .record-status-label,
html body[data-page-family="case-study"] main .record-control-grid article > span {
  color: var(--lifa-navy, #10233e);
  -webkit-text-fill-color: var(--lifa-navy, #10233e);
  letter-spacing: 0;
  text-shadow: none;
}

.case-study-source-depth {
  margin-block: clamp(42px, 7vw, 78px);
  padding-block: clamp(34px, 5vw, 58px);
  border-block: 1px solid var(--line, #dce3ed);
}

.case-study-source-depth > .eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #526173;
}

.case-study-source-depth > h2,
.case-study-buyer-answers > h3 {
  max-width: 22ch;
  color: var(--navy, #0f1e36);
  text-wrap: balance;
}

.case-study-source-depth > .direct-answer {
  max-width: 74ch;
  margin-block: 20px 34px;
  padding-left: 18px;
  border-left: 3px solid var(--gold, #eed47d);
  color: #253247;
  font-size: 1.05rem;
  letter-spacing: 0;
}

.case-study-brief-grid,
.case-study-buyer-answers dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
}

.case-study-brief-grid > div,
.case-study-buyer-answers dl > div {
  min-width: 0;
  padding-block: 16px;
  border-top: 1px solid var(--line, #dce3ed);
}

.case-study-brief-grid dt,
.case-study-buyer-answers dt {
  margin-bottom: 6px;
  color: #526173;
  font-family: var(--font-ui, Montserrat, Arial, sans-serif);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: uppercase;
}

.case-study-brief-grid dd,
.case-study-buyer-answers dd {
  margin: 0;
  color: var(--body-text, #182033);
}

.case-study-decision-figure {
  margin: clamp(26px, 4vw, 42px) 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--line, #dce3ed);
  border-radius: 4px;
  background: #f7f9fc;
}

.case-study-decision-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.case-study-decision-flow > div {
  min-width: 0;
  padding: 18px;
  border-left: 3px solid var(--gold, #eed47d);
  background: #fff;
}

.case-study-decision-flow span,
.case-study-decision-flow strong {
  display: block;
}

.case-study-decision-flow span {
  margin-bottom: 8px;
  color: #526173;
  font-family: var(--font-ui, Montserrat, Arial, sans-serif);
  font-size: .72rem;
  font-weight: 700;
}

.case-study-decision-flow strong {
  color: var(--navy, #0f1e36);
}

.case-study-decision-flow p {
  margin: 8px 0 0;
}

.case-study-decision-figure figcaption {
  margin-top: 16px;
  color: #526173;
  font-size: .88rem;
}

.case-study-depth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr);
  gap: clamp(28px, 5vw, 58px);
  align-items: start;
  margin-block: clamp(32px, 5vw, 54px);
}

.case-study-depth-primary h3,
.case-study-depth-evidence h3 {
  color: var(--navy, #0f1e36);
}

.case-study-timeline {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: case-step;
}

.case-study-timeline > li {
  position: relative;
  min-height: 42px;
  padding: 0 0 20px 48px;
  color: var(--body-text, #182033);
  counter-increment: case-step;
}

.case-study-timeline > li::before {
  content: counter(case-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1px;
  width: 32px;
  color: #0f5f57;
  font-family: var(--font-ui, Montserrat, Arial, sans-serif);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: 0;
}

.case-study-depth-evidence {
  padding-left: 26px;
  border-left: 1px solid #a9b8c8;
}

html body[data-case-study-content="v2"] main #case-study-source-depth .case-study-depth-primary h2,
html body[data-case-study-content="v2"] main #case-study-source-depth .case-study-depth-evidence h2 {
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
  max-width: none;
}

.case-study-depth-evidence ul {
  margin: 10px 0 26px;
  padding-left: 20px;
}

.case-study-depth-evidence li + li {
  margin-top: 9px;
}

.case-study-outcome-band {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-block: clamp(34px, 5vw, 56px);
  padding: clamp(22px, 4vw, 36px);
  border-radius: 4px;
  background: var(--navy, #0f1e36);
}

.case-study-outcome-band p {
  margin: 7px 0 0;
  color: #f7f9fc !important;
}

html body[data-page-family="case-study"] main .article-content .case-study-outcome-band p {
  color: #f7f9fc !important;
  -webkit-text-fill-color: #f7f9fc !important;
}

.case-study-outcome-label {
  color: var(--gold, #eed47d);
  font-family: var(--font-ui, Montserrat, Arial, sans-serif);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.case-study-buyer-answers > p {
  max-width: 76ch;
  margin-top: 22px;
}

.case-study-depth-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-block: 34px;
}

.case-study-depth-links a {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line, #dce3ed);
  border-radius: 4px;
  background: #fff;
  color: var(--navy, #0f1e36);
  text-decoration: none;
}

.case-study-depth-links a:hover,
.case-study-depth-links a:focus-visible {
  border-color: #0f5f57;
}

.case-study-depth-links span,
.case-study-depth-links strong {
  display: block;
}

.case-study-depth-links span {
  margin-bottom: 5px;
  color: #526173;
  font-size: .75rem;
  letter-spacing: 0;
}

.case-study-redaction {
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid var(--line, #dce3ed);
  color: #526173;
  font-size: .9rem;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  .case-study-brief-grid,
  .case-study-depth-layout,
  .case-study-outcome-band,
  .case-study-buyer-answers dl,
  .case-study-depth-links,
  .case-study-decision-flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .case-study-depth-evidence {
    padding: 22px 0 0;
    border-top: 1px solid #a9b8c8;
    border-left: 0;
  }

  .case-study-outcome-band {
    gap: 20px;
  }
}