/* Shared approved case overview and return navigation. */
.case-study-page .case-overview-page .study-hero{grid-template-columns:minmax(0,1fr) 350px;gap:40px;padding:28px 36px;margin-top:16px;border-radius:24px}
.case-study-page .case-overview-page .study-hero::before,.case-study-page .case-overview-page .study-hero::after{display:none}
.case-study-page .case-overview-page .study-hero>div{padding:0;min-width:0;max-width:none}
.case-study-page .case-overview-page .study-hero h1{font-size:36px;line-height:1.25;margin:0 0 14px}
.case-study-page .case-overview-page .study-hero h1::before{display:none}
.case-study-page .case-overview-page .intro-summary{font-size:16px;line-height:1.75;margin:0 0 22px;max-width:none}
.case-overview-page .case-overview{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.case-overview-page .case-overview-part{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--purple-panel);color:var(--ink);text-decoration:none}
.case-overview-page .case-overview-part:nth-child(2){background:var(--gold-panel)}
.case-overview-page .case-part-label{color:var(--action);font-size:13px;font-weight:700}
.case-overview-page .case-overview-part strong{font-size:17px;line-height:1.5}
.case-overview-page .case-overview-part>span:last-child{font-size:14px;line-height:1.8;color:var(--muted)}
.case-overview-page .case-overview-part:hover{border-color:var(--action)}
.case-overview-page .case-focus{margin-top:20px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.case-overview-page .case-focus>strong{font-size:15px}
.case-study-page .case-overview-page .case-focus p{font-size:14px;line-height:1.8;margin:5px 0 3px;max-width:none}
.case-overview-page .case-focus>a{display:inline-flex;align-items:center;min-height:32px;font-size:13px;color:var(--action)}
.case-overview-page .case-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:18px}
.case-overview-page .case-hero-actions>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.case-overview-page .case-hero-actions .btn{padding:10px 18px}
.case-study-page .case-overview-page .study-finished{width:350px;padding:10px;border-radius:20px;box-shadow:none;background:transparent}
.case-study-page .case-overview-page .study-finished video{border-radius:14px}
.case-study-page .case-overview-page .study-finished .mobile-video-quality{margin:8px 0 0;padding:4px;gap:0;border-radius:12px;box-shadow:none}
.case-study-page .case-overview-page .study-finished .mobile-video-quality a{display:none}
.case-overview-page .case-overview-part:focus-visible,.case-overview-page .case-hero-actions a:focus-visible,.case-overview-page .case-focus a:focus-visible{outline:2px solid var(--action);outline-offset:4px}
@media(min-width:769px) and (max-width:1100px){
 .case-study-page .case-overview-page .study-hero{gap:24px;padding:24px;grid-template-columns:minmax(0,1fr) 280px}
 .case-study-page .case-overview-page .study-finished{width:280px}
 .case-overview-page .case-overview-part{padding:14px}
 .case-overview-page .case-overview-part strong{font-size:15px}
}
@media(max-width:768px){
 .case-study-page .case-overview-page .study-hero{grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:24px}
 .case-study-page .case-overview-page .study-hero h1{font-size:28px}
 .case-overview-page .case-overview{grid-template-columns:1fr;gap:12px}
 .case-overview-page .case-overview-part{padding:16px}
 .case-overview-page .case-hero-actions{gap:8px 18px}
 .case-overview-page .case-focus>a{min-height:44px}
 .case-study-page .case-overview-page .study-finished{width:350px}
 .case-study-page .case-overview-page .study-finished .mobile-video-quality a{display:none}
}

/* Keep the overview and its actions together; improve desktop reading density. */
@media(min-width:1101px){
 .case-overview-page .case-overview-part{padding:24px 22px;gap:12px}
 .case-overview-page .case-overview-part>span:last-child{font-size:15px;line-height:1.85}
 .case-overview-page .case-part-label{font-size:14px}
 .case-overview-page .case-focus{margin-top:28px;padding-bottom:20px}
 .case-overview-page .case-focus>strong{font-size:16px}
 .case-study-page .case-overview-page .case-focus p{font-size:15px;line-height:1.85;margin:8px 0 6px}
 .case-overview-page .case-hero-actions{margin-top:22px}
}

.case-overview-page .case-back-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;box-sizing:border-box;background:var(--purple-panel);border:1px solid var(--action);border-radius:10px;color:var(--action);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.case-overview-page .case-back-link:hover{background:var(--soft)}
.case-overview-page .case-back-link:focus-visible{outline:2px solid var(--action);outline-offset:4px}

/* Preserve the full landscape split-screen composition. */
.case-study-page .case-overview-page.belt-study .study-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
.case-study-page .case-overview-page.belt-study .study-hero>div{text-align:left;max-width:none;justify-self:stretch}
.case-study-page .case-overview-page.belt-study .study-hero p{margin-inline:0}
.case-study-page .case-overview-page.belt-study .study-finished{width:100%;max-width:none}
.case-study-page .case-overview-page.belt-study .study-finished video{aspect-ratio:16/9;object-fit:contain}
.case-study-page .case-overview-page.belt-study .study-finished .mobile-video-quality{display:grid;grid-template-columns:1fr 1fr;width:100%}
.case-study-page .case-overview-page.belt-study .study-finished .mobile-video-quality[hidden]{display:none}
@media(max-width:1100px){.case-study-page .case-overview-page.belt-study .study-hero{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Phone reading order: title, summary, video, then the teaching breakdown. */
@media(max-width:768px){
 .case-study-page .case-overview-page .study-hero{display:flex;flex-direction:column;gap:18px;align-items:stretch}
 .case-study-page .case-overview-page .study-hero>.editorial-intro{display:contents}
 .case-study-page .case-overview-page .study-hero h1{order:0;margin:0}
 .case-study-page .case-overview-page .intro-summary{order:1;margin:0}
 .case-study-page .case-overview-page .study-finished{order:2;align-self:center;width:min(350px,100%);max-width:100%;margin:0;box-sizing:border-box}
 .case-overview-page .case-overview{order:3}
 .case-overview-page .case-focus{order:4;margin-top:0}
 .case-overview-page .case-hero-actions{order:5;margin-top:0}
 .case-study-page .case-overview-page.belt-study .study-finished{width:100%}
}