/* Shared scene, source records and restrained motion for the CASS practical-skills story. */
.cw-section{--cw-ink:#203432;--cw-paper:#f3f7f3;--cw-forest:#244140;--cw-lime:#c1f99b;--cw-teal:#23b99a}
.cw-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:36px}
.cw-intro h2{max-width:590px}.cw-intro .lead{max-width:520px}
.cw-showcase{background:#203d3a;color:#f3f7f3;border-radius:16px;overflow:hidden;isolation:isolate}
.cw-showcase :focus-visible{outline:3px solid var(--cw-lime);outline-offset:-5px}
.cw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:0 28px;background:#173330}
.cw-tabs button{display:flex;position:relative;align-items:center;justify-content:center;gap:10px;padding:22px 12px;background:transparent;border:0;color:#b9cec7;font-size:16px;font-weight:600;min-height:70px;overflow:hidden}
.cw-tabs button[aria-selected=true]{color:var(--cw-lime);background:#ffffff06}.cw-tabs button:hover{color:white}
.cw-tab-symbol{width:18px;color:var(--cw-lime);opacity:0}.cw-tab-symbol svg{width:18px;height:16px;display:block}
.cw-tabs button[aria-selected=true] .cw-tab-symbol{opacity:1}
.cw-tab-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--cw-lime);transform:scaleX(0);transform-origin:left;opacity:.75}
.cw-stage-meta{display:flex;justify-content:space-between;align-items:center;padding:26px 36px 0;color:#bfd2cc;font-size:12px}
.cw-stage-meta>span:first-child{display:flex;align-items:center;gap:12px}.cw-stage-meta img{width:34px;height:24px;object-fit:contain}
.cw-showcase > [role=tabpanel]{padding:0 36px 28px;scroll-margin-top:150px}
.cw-showcase > [role=tabpanel][hidden]{display:none!important}
.cw-stage-heading{padding:23px 0 26px}.cw-stage-heading h3{font-size:27px;line-height:1.2;color:#fff;font-weight:600;letter-spacing:-.03em}.cw-stage-heading p{font-size:14px;color:#c1d4cc;margin-top:8px}
.cw-scene{min-height:450px}.cw-risk-scene{min-height:450px;border-radius:10px}.cw-investigation{min-height:450px;display:flex;flex-direction:column;justify-content:center}.cw-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cw-record{background:var(--cw-paper);color:var(--cw-ink);border-radius:10px;padding:24px 22px;min-height:249px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 18px #09242220}
.cw-source{font-size:12px;font-weight:500;color:#537069;line-height:1.5;display:block;margin-bottom:15px}
.cw-record h4{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin-bottom:7px;font-weight:600}
.cw-record p{font-size:13px;line-height:1.6;color:#536961;margin-bottom:8px}.cw-record-amount{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.035em}
.cw-record-field{position:relative;isolation:isolate;font-size:12px;color:#536961;margin-top:auto;padding-top:16px;width:100%;line-height:1.6}.cw-record-field b{color:#203432;font-size:13px;font-weight:500}
.cw-record-field i{position:absolute;inset:12px -8px -5px;background:#c1f99b66;border-radius:5px;z-index:-1;opacity:.45}
.cw-payments{display:flex;align-items:end;gap:9px;height:48px;padding-top:12px;width:100%;margin-top:auto}
.cw-payments span{width:calc(100% / 6);height:var(--cw-payment);background:#258b74;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);transform-origin:bottom}
.cw-compare-bridge{height:76px;position:relative;margin:0 6%}.cw-compare-bridge>svg{width:100%;height:100%;fill:none;stroke:#557d70;stroke-width:1.3}.cw-bridge-lit{stroke:var(--cw-lime)}
.cw-compare-bridge>span{width:78px;height:56px;position:absolute;left:calc(50% - 39px);bottom:10px;padding:10px 13px;background:#203d3a;z-index:1}.cw-compare-bridge>span svg{display:block;width:100%;height:100%;transform-box:fill-box;transform-origin:center}
.cw-investigation-finding{display:grid;grid-template-columns:1.2fr 1.3fr auto;gap:24px;align-items:center;padding:22px 24px;background:#2e5048;border-radius:10px}
.cw-finding-label{font-size:12px;color:#c1d7c9;display:block;margin-bottom:5px}.cw-investigation-finding h4{font-size:17px;color:#fff;line-height:1.3;font-weight:600}.cw-investigation-finding p{font-size:13px;color:#d4e2d9;line-height:1.6}
.cw-open-question{color:var(--cw-lime);font-size:12px;white-space:nowrap}
.cw-sar{display:grid;grid-template-columns:.85fr 54px 1.35fr;align-items:stretch;min-height:450px}
.cw-sar-inputs{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.cw-sar-input{background:#2e5048;border-radius:9px;padding:19px 44px 18px 21px;position:relative}
.cw-sar-input .cw-source{color:#b9d2c5;margin-bottom:6px}.cw-sar-input h4{font-size:16px;line-height:1.4;color:#f3f7f3;font-weight:600}.cw-sar-input p{font-size:12px;line-height:1.65;color:#c1d4cc;margin-top:5px}
.cw-input-bar{position:absolute;right:15px;top:calc(50% - 9px);width:20px;height:18px;color:var(--cw-lime)}.cw-input-bar svg{height:100%;width:100%}
.cw-sar-bridge{padding:0}.cw-sar-bridge svg{width:100%;height:100%;fill:none;stroke:#567b6f;stroke-width:1.1}
.cw-narrative{background:var(--cw-paper);color:var(--cw-ink);border-radius:10px;padding:23px 27px;box-shadow:0 8px 18px #09242220}
.cw-narrative-top{display:flex;gap:12px;align-items:center;color:#537069;font-size:12px;margin-bottom:17px}.cw-narrative-top img{width:31px;height:22px;object-fit:contain}
.cw-narrative h4{font-size:25px;line-height:1.2;letter-spacing:-.03em;font-weight:600;margin-bottom:18px}
.cw-draft-line{font-size:13px!important;line-height:1.7;color:#34554b;border-radius:4px;padding:2px 5px;margin-left:-5px;margin-right:-5px}.cw-draft-line+.cw-draft-line{margin-top:11px}.cw-draft-line strong{font-weight:600;color:#203432}
.cw-citation{display:inline-block;font-size:10px;line-height:1.5;padding:2px 6px;border-radius:4px;background:#e0ebe2;color:#466557;vertical-align:middle;margin-left:6px;white-space:nowrap}
.cw-review-note{display:flex;align-items:center;gap:10px;color:#2b624d;font-size:12px;margin-top:19px;font-weight:600}.cw-review-note svg{width:17px;height:14px;color:#248d74}
.cw-controls{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;font-size:12px;color:#bbd1c6;gap:15px;min-height:70px}
.cw-top-controls{display:flex;align-items:center;gap:16px}.cw-top-controls button{border:1px solid #668a7b;border-radius:8px;color:#eaf4ec;background:transparent;min-height:40px;padding:8px 13px;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}
.cw-top-controls button:hover:not(:disabled){background:#365a4e;border-color:#c1f99b}.cw-top-controls button:disabled{opacity:1;color:#bed0c3;border-color:#547567}.cw-playback-note{font-size:11px;color:#b4cbbd}
.cw-section-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px}.cw-section-foot p{font-size:12px;line-height:1.6;max-width:650px;color:#536961}.cw-section-foot a{white-space:nowrap}
@media(max-width:1000px){.cw-intro{gap:30px}.cw-record{padding:19px 17px}.cw-record h4{font-size:17px}.cw-investigation-finding{grid-template-columns:1fr 1fr;gap:16px}.cw-open-question{display:none}.cw-sar{grid-template-columns:.9fr 35px 1.2fr}.cw-narrative{padding:22px}.cw-sar-input{padding-left:17px}.cw-tabs button{font-size:14px}.cw-scene{min-height:450px}}
@media(max-width:700px){.cw-intro{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.cw-showcase{border-radius:13px}.cw-tabs{padding:0 9px;gap:0}.cw-tabs button{font-size:12px;padding:15px 5px;line-height:1.4;gap:5px;min-height:62px}.cw-tab-symbol,.cw-tab-symbol svg{width:10px;height:10px}.cw-stage-meta{padding:21px 20px 0;font-size:10px;gap:16px}.cw-stage-meta img{width:29px}.cw-stage-meta>span:first-child{gap:8px}.cw-showcase > [role=tabpanel]{padding:0 20px 23px}.cw-stage-heading{padding:22px 0}.cw-stage-heading h3{font-size:23px}.cw-stage-heading p{font-size:13px}.cw-scene,.cw-risk-scene,.cw-investigation,.cw-sar{min-height:0}.cw-records{grid-template-columns:1fr;gap:10px}.cw-record{min-height:0;padding:19px 20px;display:grid;grid-template-columns:1.15fr 1fr;gap:3px 16px}.cw-record .cw-source{grid-column:1/-1;margin-bottom:7px}.cw-record h4{font-size:17px}.cw-record p{grid-column:1;margin:0;font-size:12px}.cw-record-amount{grid-row:2/4;grid-column:2;font-size:23px;align-self:center}.cw-currency{display:block;font-size:11px;letter-spacing:0;margin-bottom:3px;color:#536961}.cw-value{white-space:nowrap}.cw-record-field{grid-column:1/-1;margin-top:8px;padding-top:5px}.cw-record-field br{display:none}.cw-record-field b{margin-left:8px;font-size:12px}.cw-record-field i{inset:0 -5px -4px}.cw-record:last-child p{grid-column:1/-1}.cw-payments{grid-column:1/-1;height:27px;padding:0;margin-top:13px;max-width:180px}.cw-compare-bridge{height:76px}.cw-compare-bridge>svg{opacity:0}.cw-compare-bridge:before{content:'';width:1px;height:100%;background:#99c481;position:absolute;left:50%}.cw-investigation-finding{grid-template-columns:1fr;gap:9px;padding:20px}.cw-investigation-finding p{font-size:12px}.cw-sar{grid-template-columns:1fr;gap:0}.cw-sar-inputs{gap:9px}.cw-sar-input{padding:15px 42px 15px 18px}.cw-sar-input h4{font-size:15px}.cw-sar-input p{font-size:12px}.cw-sar-bridge{height:30px;position:relative}.cw-sar-bridge svg{display:none}.cw-sar-bridge:before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#99c481}.cw-narrative{padding:23px 20px}.cw-controls{padding:13px 20px;flex-wrap:wrap;gap:8px}.cw-top-controls{gap:8px}.cw-top-controls>span{display:none}.cw-top-controls button{font-size:11px;min-height:36px;padding:7px 9px}.cw-playback-note{display:none}.cw-section-foot{align-items:flex-start;flex-direction:column;gap:15px}.cw-section-foot p{font-size:11px}.cw-section-foot a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cw-showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cw-tab-progress{display:none}}
body.motion-off .cw-tab-progress{display:none}
/* The footer's right-hand corner holds the site's motion control (motion-control.css); its note keeps clear of it. */
[data-cass-showcase] .cw-controls{padding-right:64px}
@media print{.cw-showcase > [role=tabpanel][hidden]{display:block!important}.cw-showcase{background:#fff!important;color:#203432}.cw-tabs,.cw-controls{display:none}.cw-stage-heading h3{color:#203432}.cw-stage-heading p{color:#536961}.cw-showcase > [role=tabpanel]{break-inside:avoid}}

/* The explanatory caption closes the showcase without a separate CTA row. */
#cass-practice{padding-bottom:40px}
#cass-practice .cw-section-foot{display:block;margin-top:18px}
#cass-practice .cw-section-foot p{margin:0;max-width:72ch}
#cass-practice+#programme-skills{padding-top:40px}
@media(max-width:700px){#cass-practice{padding-bottom:28px}#cass-practice+#programme-skills{padding-top:28px}}