/* SadaPay case study. All rules are scoped to this case. */
.fintech-case {
  --case-accent: #17685f;
  --case-wash: #eef5f3;
}
.fintech-case .case-heading {
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: 50px;
}
.fintech-case .case-heading h1 {
  font-size: clamp(2.5rem, 4.4vw, 4rem);
}
.fintech-case .case-focus {
  padding-left: 22px;
  border-left: 2px solid var(--case-accent);
  align-self: center;
}
.fintech-case .case-focus > p:last-child {
  margin-top: 14px;
  font-size: 21px;
  line-height: 1.5;
}
.fintech-case .section-kicker,
.fintech-case .case-nav a[aria-current='true'] {
  color: var(--case-accent);
}
.fintech-case .case-nav a[aria-current='true'] {
  border-color: var(--case-accent);
}
.fintech-case .lead + .body-copy {
  margin-top: 20px;
}
/* A compact explanation of the delivery model, separate from personal responsibilities. */
.fintech-case .delivery-context {
  margin-block: 28px;
  padding: 24px;
  border-left: 3px solid var(--case-accent);
  background: var(--case-wash);
  scroll-margin-top: 80px;
}
.fintech-case .delivery-context h3 {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.fintech-case .delivery-context p {
  color: #3d5655;
  font-size: 16px;
}
.fintech-case .delivery-context a {
  display: inline-block;
  margin-top: 16px;
  color: var(--case-accent);
  font-size: 13px;
  text-underline-offset: 4px;
}
/* Newly confirmed work scope with a separate illustrative design, not a delivery claim. */
.fintech-case .related-design {
  margin-block: 28px;
  padding-block: 24px;
  border-block: 1px solid var(--line);
  scroll-margin-top: 80px;
}
.fintech-case .related-design h3 {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 1.4;
}
.fintech-case .related-design p {
  font-size: 16px;
}
.fintech-case .related-design .related-design-scope {
  margin-top: 12px;
  color: var(--muted);
  font-size: 14px;
}
.fintech-case .related-design a {
  display: inline-block;
  margin-top: 18px;
  color: var(--case-accent);
  font-size: 15px;
  text-underline-offset: 4px;
}
@media (max-width: 1000px) {
  .fintech-case .case-heading {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 30px;
  }
}
@media (max-width: 760px) {
  .fintech-case .case-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }
  .fintech-case .case-focus {
    max-width: 580px;
  }
  .fintech-case .case-focus > p:last-child {
    font-size: 18px;
    margin-top: 8px;
  }
  .fintech-case .case-nav a[aria-current='true'] {
    background: var(--case-wash);
  }
  .fintech-case .case-nav-current {
    color: var(--case-accent);
  }
}
@media (max-width: 560px) {
  .fintech-case .case-heading h1 {
    font-size: clamp(2.35rem, 10vw, 3rem);
  }
  .fintech-case .delivery-context {
    padding: 20px;
  }
}
@media print {
  .fintech-case .delivery-context {
    break-inside: avoid;
  }
}