/* v27 - Deep Dive story flow (Idea B). Presentation only: CSS flex "order" + four heading labels.
   No panel is moved, removed or re-rendered; all ids, scripts, data and filters are untouched.
   1 Where Are We? -> 2 Why Did It Happen? -> 3 Who Contributes? -> 4 What Should We Do? */
#page-deep:not(.hidden){display:flex;flex-direction:column;align-items:stretch;row-gap:8px}
#page-deep:not(.hidden)>*{order:50;min-width:0}
#page-deep:not(.hidden)>#v3MovedPanels{display:contents}
#page-deep:not(.hidden)>#v3MovedPanels>*{order:50;min-width:0}
/* active cross-filter bar stays visible at the top */
#page-deep:not(.hidden)>#xfBar{order:1}
/* section headings */
#page-deep:not(.hidden)>#v27Head1{order:10}
#page-deep:not(.hidden)>#v27Head2{order:20}
#page-deep:not(.hidden)>#v27Head3{order:30}
#page-deep:not(.hidden)>#v27Head4{order:40}
/* 1 Where Are We? */
#page-deep:not(.hidden)>#v3MovedPanels>h2{order:11}
#page-deep:not(.hidden)>#v3MovedPanels>#v2ServiceCustomers{order:12}
/* 2 Why Did It Happen? */
#page-deep:not(.hidden)>#v5MetricPanel{order:21}
#page-deep:not(.hidden)>#v3MovedPanels>#v2AnalysisPanels{order:22}
/* 3 Who Contributes? */
#page-deep:not(.hidden)>#v3MovedPanels>#v15CustomerRow{order:31}
#page-deep:not(.hidden)>#v5CustomerPanel{order:32}
#page-deep:not(.hidden)>#v5ContributionPanel{order:33}
/* 4 What Should We Do? */
#page-deep:not(.hidden)>.card.insight{order:41}
#page-deep:not(.hidden)>.copilot-ask{order:42}
#page-deep:not(.hidden)>#qaChips{order:42}
#page-deep:not(.hidden)>#qaOut{order:42}
#page-deep:not(.hidden)>#rdAnalysis{order:43}
#page-deep:not(.hidden)>#rdDeepActions{order:44}
/* heading style */
#page-deep .v27-story-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:22px 0 4px;padding:0 0 10px;border-bottom:1px solid #d9e5f0}
#page-deep .v27-story-head:first-of-type{margin-top:6px}
#page-deep .v27-story-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1e88e5;color:#fff;font-size:15px;font-weight:800;line-height:1}
#page-deep .v27-story-title{font-size:20px;font-weight:800;line-height:1.3;color:#17334e;letter-spacing:-.2px}
#page-deep .v27-story-sub{font-size:14px;line-height:1.4;color:#5d7692}
@media(max-width:760px){
#page-deep .v27-story-head{margin:18px 0 2px;padding-bottom:8px}
#page-deep .v27-story-num{width:26px;height:26px;font-size:13px}
#page-deep .v27-story-title{font-size:18px}
}
@media(max-width:520px){#page-deep .v27-story-sub{flex-basis:100%;padding-left:38px;margin-top:-2px}}