/* Editorial media, scoped to PLai case-study articles. */
body.case-article .toc-list .chapter-num{flex:0 0 1.8em;min-width:1.8em;white-space:nowrap}
body.case-article .case-media{margin:42px 0 48px}
body.case-article .article-body section>h2+.case-illustration{margin:24px 0 28px}
body.case-article .case-media img{display:block;width:100%;height:auto;border-radius:4px}
body.case-article .case-media figcaption{margin-top:12px;font-size:13px;line-height:1.9;color:#606977}
body.case-article .case-process{margin:32px 0 46px;padding:28px;background:#f5f7fa;border:1px solid #dbe2ea;border-radius:5px}
body.case-article .case-process>strong{display:block;font-size:18px;line-height:1.8;color:#173a61;margin-bottom:20px}
body.case-article .case-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
body.case-article .case-process li{position:relative;margin:0;padding:18px;background:#fff;border:1px solid #dce3eb;min-width:0}
body.case-article .case-process li:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:40px;color:#718399;font-size:18px}
body.case-article .case-process .step-no{display:block;color:#74879c;font-size:12px;letter-spacing:.12em;margin-bottom:8px}
body.case-article .case-process b{display:block;font-size:16px;line-height:1.7;color:#173a61}
body.case-article .case-process li p{font-size:13px;line-height:1.9;margin:9px 0 0}
body.case-article .case-process>p{font-size:13px;margin:17px 0 0;line-height:1.9;color:#606977}
body.case-article .case-works{margin:36px 0 48px}
body.case-article .case-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
body.case-article .case-work{margin:0;border:1px solid #dce3eb;border-radius:5px;overflow:hidden;background:#fff}
body.case-article .case-work:first-child{grid-column:1/-1}
body.case-article .case-work img{display:block;width:100%;height:auto;aspect-ratio:1200/833;object-fit:contain}
body.case-article .case-work figcaption{padding:20px;font-size:14px;line-height:1.9}
body.case-article .case-work figcaption strong{display:block;font-size:18px;color:#173a61;margin:0 0 8px}
body.case-article .case-work figcaption p{font-size:14px;line-height:1.9;margin:0 0 12px}
body.case-article .case-work a{display:inline-block;text-underline-offset:4px;min-height:28px}
body.case-article .case-video-block{margin:36px 0 48px}
body.case-article .case-video-block video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#14202c;border-radius:5px}
body.case-article .case-video-caption{font-size:13px!important;line-height:1.9!important;color:#606977;margin:12px 0 0!important}
body.case-article .case-video-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
body.case-article .case-video-toggle{font:inherit;font-size:13px;min-height:44px;padding:8px 17px;border:1px solid #abb8c7;border-radius:4px;color:#173a61;background:#fff;cursor:pointer}
body.case-article .case-video-toggle:focus-visible{outline:3px solid #4072a8;outline-offset:3px}
body.case-article .case-video-tools span{font-size:12px;color:#606977}
body.case-article .case-company .cs-ttm{font-size:20px;letter-spacing:0;white-space:normal;line-height:1.5}
@media(max-width:700px){
 body.case-article .case-media{margin:30px 0 36px}
 body.case-article .article-body section>h2+.case-illustration{margin:20px 0 24px}
 body.case-article .case-process{padding:20px;margin:28px 0 36px}
 body.case-article .case-process ol{grid-template-columns:1fr;gap:22px}
 body.case-article .case-process li{padding:17px 18px}
 body.case-article .case-process li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-23px}
 body.case-article .case-process>strong{font-size:17px}
 body.case-article .case-works-grid{grid-template-columns:1fr;gap:20px}
 body.case-article .case-work figcaption{padding:18px}
 body.case-article .case-work figcaption strong{font-size:17px}
 body.case-article .case-company .cs-ttm{font-size:17px}
}