/* Case storytelling with fast direct paths. No metrics or outcomes invented. */
.case-page .v11-case-route{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;background:#e7eef9;border-block:1px solid #8399ac;padding:10px max(16px,3vw)}
.case-page .v11-case-route>span{font:700 10px "IBM Plex Mono",monospace;color:#a54128;margin-right:auto}
.case-page .v11-case-route a{color:#1f3440;font:700 10px "IBM Plex Mono",monospace;text-decoration:none;padding:10px 12px;border:1px solid transparent;white-space:nowrap}
.case-page .v11-case-route a:hover,.case-page .v11-case-route a:focus-visible{border-color:#174fca;color:#174fca;background:#fff}
.case-page .case-showcase{scroll-margin-top:75px}
.case-page .case-essentials,.case-page .case-decisions,.case-page .case-proof{scroll-margin-top:82px}
.case-page .case-hero .case-breadcrumb{font-size:11px}
.case-page .case-factstrip{border-color:#1a3952}
.case-page .case-factstrip dt{font:700 10px "IBM Plex Mono",monospace;color:#9f432d}
.case-page .case-factstrip dd{font:600 13px "IBM Plex Sans",Arial,sans-serif;color:#1c333c}
.case-page .case-decisions{background:#132940}
.case-page .case-proof{background:#f5f4ef}
.case-page .case-caution{border-left:4px solid #174fca;background:#e8eef9;color:#283f48;padding:14px 18px}
.case-page .case-next{background:#e7eef9}
.case-page .case-header-grid{gap:26px}
.case-page.case--web .case-showcase{background:linear-gradient(110deg,#f1f1ed,#e3eafa)}
.case-page.case--operacao .case-showcase,.case-page.case--dados .case-showcase{background:linear-gradient(120deg,#f3f2ed,#e3eaf0)}
.case-page.case--ia .case-showcase,.case-page.case--lab .case-showcase{background:linear-gradient(120deg,#f5f3eb,#eaeefa)}
.case-page .v4-proof-media{overflow:hidden}
.case-page .case-hero .case-summary p{font-size:15px;line-height:1.6}
@media(max-width:780px){
 .case-page .v11-case-route{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:8px 12px}
 .case-page .v11-case-route a{flex:0 0 auto;font-size:10px;padding:10px}
 .case-page .v11-case-route>span{display:none}
 .case-page .case-hero .case-summary p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .case-page .v4-proof-media img{transform:none!important;transition:none!important}
}

/* The case navigation must occupy actual layout space, not cover the hero proof. */
.case-page .case-showcase{margin-top:0!important;padding-top:24px}
.case-page .v11-case-route{margin:0;z-index:3}
@media(max-width:780px){
 .case-page .case-showcase{padding-top:12px}
 .case-page .v11-case-route{scrollbar-width:thin}
}