/* Original case article structure; shared site's light palette and typography. */
.case-detail { padding: 160px 0 112px; background: white; }
.case-detail-container { width: min(720px, calc(100% - 48px)); margin-inline: auto; }
.case-back { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; color: #6c6c6c; font-size: 14px; line-height: 20px; transition: color .2s; }
.case-back svg { flex: none; }
.case-back:hover { color: #009e42; }
.case-heading { margin-bottom: 48px; }
.case-category { display: inline-block; margin-bottom: 16px; padding: 4px 12px; border-radius: 4px; background: #e8f8ef; color: #008b4a; font-size: 12px; font-weight: 600; line-height: 16px; }
.case-heading h1 { font-size: 36px; font-weight: 700; line-height: 1.2; letter-spacing: -1.08px; word-break: keep-all; overflow-wrap: anywhere; }
.case-summary { margin-top: 16px; color: #6c6c6c; font-size: 18px; line-height: 1.625; letter-spacing: -.36px; word-break: keep-all; overflow-wrap: anywhere; }
.case-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.case-tags li { padding: 4px 12px; border-radius: 4px; background: var(--pale); color: #6c6c6c; font-size: 12px; font-weight: 500; line-height: 16px; }
.case-content section + section { margin-top: 40px; }
.case-content h2 { padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid #e4e4e4; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -.72px; }
.case-content p, .case-content li { color: #6c6c6c; font-size: 16px; line-height: 1.8; letter-spacing: -.32px; word-break: keep-all; overflow-wrap: anywhere; }
.case-content p + p { margin-top: 16px; }
.case-content strong { color: var(--ink); font-weight: 600; }
.case-content ul { padding-left: 24px; list-style: disc; }
.case-content li { padding-left: 4px; }
.case-content li + li { margin-top: 8px; }
.case-content li::marker { color: #9c9c9c; }
.case-detail-page .social-icons img, .case-detail-page .footer-wordmark { width: auto; height: auto; }
.case-detail-page .footer-wordmark { aspect-ratio: auto; }
.case-detail-page .jobs-footer-rule { margin-top: 25px; }
.case-detail-page .footer-bottom { border: 0; margin-top: 0; }
@media (max-width: 980px) {
  .case-detail { padding-top: 140px; }
}
@media (max-width: 639px) {
  .case-detail { padding-bottom: 80px; }
  .case-heading h1 { font-size: 30px; line-height: 1.35; letter-spacing: -.9px; }
  .case-content h2 { font-size: 22px; }
  .case-content p, .case-content li { font-size: 15px; }
}
@media (max-width: 600px) {
  .case-detail { padding-top: 116px; }
}
@media (prefers-reduced-motion: reduce) {
  .case-back { transition: none; }
}