/* Shared title banner and compact, uniform full-page use cases. */
.use-cases-page { background: #fff; color: #142236; }
.use-cases-page .use-cases-title { color: #fff; }
.use-cases-page .use-cases-introduction p { color: #60728e; }
.use-cases-page .use-case-full-card { color: #fff; }
.use-cases-page .use-case-anchor-nav a { color: #445475; }
.use-cases-page .use-case-anchor-nav a span,
.use-cases-page .use-case-anchor-nav a.is-active span { color: #2478bd; }
.use-cases-page .use-case-anchor-nav a:hover,
.use-cases-page .use-case-anchor-nav a.is-active { background: #edf3fc; color: #0d4f9c; }
body .use-cases-page .use-cases-title { padding-block: 36px; }
body .use-cases-page .use-cases-title h1 { margin: 0; }
.use-cases-introduction { padding: 36px 0 24px; }
.use-cases-introduction h2 { font-size: var(--site-heading); line-height: 1.2; margin: 0 0 16px; }
.use-cases-introduction p { max-width: 760px; font-size: var(--site-body); line-height: 1.7; color: #9eb4c8; margin: 0; }
body .use-cases-page .use-cases-stack { padding-block: 12px var(--site-section); }
body .use-cases-page .use-cases-content { width: 100%; max-width: none; gap: 24px; }
body .use-cases-page .use-case-full-card { width: 100%; min-height: 0; padding: 24px !important; border-radius: 18px; }
body .use-cases-page .use-case-full-card h2 { margin: 0 0 16px; }
body .use-cases-page .use-case-full-card > p { margin: 0; }
body .use-cases-page .use-case-full-video-card { width: 100%; max-width: none; height: auto; aspect-ratio: 2/1; margin: 20px 0 0; border-radius: 14px; }
body .use-cases-page .use-case-full-video-player { display: block; width: 100%; height: 100%; object-fit: cover; }
@media(max-width:700px) {
  body .use-cases-page .use-cases-title { padding-block: 28px; }
  .use-cases-introduction { padding-block: 28px 20px; }
  body .use-cases-page .use-case-full-card { padding: 18px !important; }
}