/* Case content and the common ending share the same responsive canvas. */
body main.case-shell{width:calc(100% - 64px);max-width:2400px;margin:0 auto;padding:38px clamp(24px,3vw,60px) 0;box-sizing:border-box}
body .case-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,3vw,64px)}
body .case-copy{min-width:0;font-size:clamp(16px,.95vw,21px);line-height:1.5}
body .case-copy h1{font-size:clamp(28px,2vw,44px);line-height:1.2;margin-bottom:18px;max-width:none}
body .case-copy h2{font-size:clamp(17px,1.1vw,24px);margin:18px 0 8px}
body .case-copy p,body .case-copy li{line-height:1.5}
body .case-copy .case-description,body .case-copy .case-disclosure{max-width:none}
body .case-copy .case-label,body .case-copy .case-scope{font-size:clamp(13px,.8vw,18px)}
body .case-copy .case-disclosure{font-size:clamp(12px,.7vw,15px)!important;line-height:1.5!important}
body .case-copy .case-button{font-size:clamp(16px,.95vw,21px);min-height:52px;padding:16px 30px}
body .case-gallery .gallery-caption{font-size:clamp(12px,.7vw,15px)}
body .case-gallery .gallery-thumb{width:clamp(60px,4vw,90px);height:clamp(60px,4vw,90px)}
body .case-shell .related-cases{margin-top:clamp(32px,3vw,60px)!important}
body .related-cases>h2{font-size:clamp(24px,1.7vw,36px)}
body .case-shell .related-grid{gap:clamp(16px,1.5vw,32px)}
body .related-grid .case-card-content{padding:clamp(18px,1.4vw,30px)}
body .related-grid .case-card h3{font-size:clamp(18px,1.2vw,26px)}
body .related-grid .case-example-note{font-size:clamp(12px,.8vw,17px)!important;line-height:1.5!important}
body .related-grid .case-button{font-size:clamp(14px,.9vw,19px);min-height:46px;padding:14px 22px}
@media(max-width:900px){body .case-layout{grid-template-columns:minmax(0,1fr);gap:28px}body .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body main.case-shell{width:calc(100% - 24px);padding:24px 10px 0}body .case-copy h1{font-size:28px}body .case-copy{font-size:16px}body .related-grid{grid-template-columns:minmax(0,1fr)}}