@import url('/css/styles.css');

/* Stable case-study presentation layer. New filename prevents mixed cached generations. */
.case-shell .site-header{height:72px}.case-shell .nav-wrap{height:72px}.case-shell .nav-logo img{width:48px;height:48px}
.case-shell .case-hero h1{font-size:clamp(2.6rem,5vw,4.65rem);max-width:920px;text-wrap:balance}
.case-shell .case-lede{max-width:760px;text-wrap:pretty}
.case-shell .case-body{overflow:hidden}.case-shell .case-layout{grid-template-columns:250px minmax(0,720px);gap:clamp(48px,8vw,100px)}
.case-shell .case-layout article{min-width:0}.case-shell .case-steps strong,.case-shell .case-steps span{display:block}
.case-shell .case-next{margin-bottom:72px}.case-shell a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:768px){.case-shell .nav-logo span{font-size:.92rem}.case-shell .case-hero h1{font-size:clamp(2.25rem,11vw,3.45rem)}.case-shell .case-lede{font-size:1.08rem}.case-shell .case-layout{grid-template-columns:1fr}.case-shell .case-layout aside{border-top-width:2px}.case-shell .case-next{margin-bottom:32px}}
@media(max-width:420px){.case-shell .nav-logo{gap:8px}.case-shell .nav-logo img{width:42px;height:42px}.case-shell .back-link{max-width:96px;line-height:1.25}.case-shell .case-hero{padding-top:52px}}