/* Page-specific case-files diagram. */
.c-hero.has-map #flow{position:absolute;inset:0;width:100%;height:100%;display:block}
.c-hero.has-map .stage{height:max(min(44vw,calc(100svh - 300px)),440px)}
.legend{position:absolute;z-index:3;right:clamp(14px,2.4vw,32px);bottom:86px;display:flex;gap:14px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:50%}
.stage-wrap .tl-ev::after{opacity:1;padding:0;background:none;bottom:auto}
.stage-wrap .tl-ev.up::after{bottom:17px}.stage-wrap .tl-ev.down::after{top:17px}
@media (min-width:1251px){.stage-wrap .evcard{top:64px;bottom:auto;width:300px;max-height:calc(100% - 160px)}}
@media (max-width:1250px){.c-hero.has-map .stage{height:clamp(300px,52vw,460px);aspect-ratio:auto}.legend{bottom:12px}}
@media (max-width:640px){.legend{left:18px;right:auto;gap:10px}}
/* Hero: course name and buttons beside the course video. */
.c-head.has-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px)}
.c-head.has-video .copy{max-width:none}
.hero-video{border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--shadow-card)}
@media (max-width:900px){.c-head.has-video{grid-template-columns:minmax(0,1fr)}}