/* Portfolio scene: a settled allocation field with movement tied to an operation. */
body.editorial-site #direct-indexing {
  --plot-teal:#3045b5;
  --plot-steel:#748094;
  --trade-buy:#3045b5;
  --trade-sell:#a3462d;
  --dx-amber:#a3462d;
  --secondary:#4e5664;
  --line:#77809225;
  --line-strong:#77809255;
}
body.editorial-site .dx-cinema .overline { font-family:Inter,Arial,sans-serif;letter-spacing:1px;font-weight:500;fill:#606777; }
body.editorial-site .dx-cinema .small { fill:#4e5664; }
body.editorial-site .dx-cinema .fine { fill:#626976; }
body.editorial-site .dx-cinema .label { fill:#20232b;letter-spacing:-.7px; }
body.editorial-site #dx-flowText { opacity:1!important; }
body.editorial-site #dx-fundPanel>ellipse,body.editorial-site #dx-lensPanel>ellipse { opacity:.075; }
body.editorial-site #dx-portfolioPanel>ellipse { opacity:.35; }
body.editorial-site #dx-portfolioGuides { opacity:.46!important; }
body.editorial-site #dx-portfolioGuides path { stroke:#9098a8;stroke-width:1; }
body.editorial-site .dx-trade-label { display:none; }
body.editorial-site #dx-lossStatus { font:500 13px Inter,Arial,sans-serif;fill:#4e5664; }
body.editorial-site #dx-lossStatus[data-operation="review"] { fill:#98412c; }
body.editorial-site #dx-lossStatus[data-operation="replace"] { fill:#3045b5; }
body.editorial-site #dx-indexPath,body.editorial-site #dx-zoomIndex { stroke-dasharray:7 4; }
body.editorial-site #dx-chartDrawing,body.editorial-site #dx-lensContents { isolation:isolate; }
body.editorial-site #dx-tooltip { color:#20232b;background:#f7f6f2;border-color:#c9cbd0;border-radius:3px;box-shadow:0 4px 16px #20232b0a;padding:11px 14px; }
body.editorial-site #dx-tooltip span { color:#626976;font-size:11px; }
body.editorial-site .scene-focus { gap:8px;border:0;margin-bottom:25px;padding:0; }
body.editorial-site .scene-focus button { font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;color:#626976;min-height:42px;padding:11px 18px;border-radius:3px;transition:background .2s ease,color .2s ease; }
body.editorial-site .scene-focus button[aria-pressed="true"] { color:#3045b5;background:#e9ecf5;box-shadow:none; }
body.editorial-site .scene-focus button:hover { color:#20232b;background:#edece7; }
body.editorial-site .dx-steps { border-top-color:#d6d8d7;gap:24px;padding-top:20px; }
body.editorial-site .dx-ongoing { color:#4e5664;font-size:13px;line-height:1.6; }
body.editorial-site .dx-ongoing small { display:block;color:#626976;font-size:11px; }
body.editorial-site .dx-scrub { gap:13px; }
body.editorial-site .dx-scrub button { font:500 11px Inter,Arial,sans-serif;color:#4e5664;min-width:38px;min-height:38px; }
body.editorial-site .dx-scrub button:hover { color:#3045b5;background:#e9ecf5; }
body.editorial-site .di-playback button { width:38px;height:38px;border-color:#c7cbd4;border-radius:50%; }
body.editorial-site .di-playback button:disabled { opacity:.45;cursor:default; }
body.editorial-site .dx-scrub input { accent-color:#3045b5; }
body.editorial-site .dx-scrub output { color:#4e5664;font-size:11px;min-width:36px; }
body.editorial-site #dx-progress { background:#3045b5; }
body.editorial-site .di-foot,body.editorial-site .di-foot a { color:#626976;line-height:1.7; }
@media(max-width:720px) {
  body.editorial-site .scene-focus { margin-inline:0;gap:5px; }
  body.editorial-site .scene-focus button { padding:10px 11px;font-size:11px;flex:1; }
  body.editorial-site .dx-steps { padding-inline:0; }
  body.editorial-site .dx-scrub { gap:7px; }
  body.editorial-site .dx-scrub button { min-width:36px; }
  body.editorial-site .dx-ongoing { font-size:12px; }
  body.editorial-site .dx-ongoing small { display:inline; }
  body.editorial-site #dx-lossStatus { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  body.editorial-site .scene-focus button { transition:none; }
}
/* A camera move connects the three views; it never reverses the illustrative economics. */
body.editorial-site #dx-scene { opacity:var(--portfolio-replay-opacity,1); }
@media(max-width:720px) {
 body.editorial-site #direct-indexing.scene-panning :is(#dx-fundPanel,#dx-portfolioPanel,#dx-lensPanel,#dx-actionPanel,#dx-operationRoot,#dx-stockLayer,#dx-replacementLayer,#dx-washPanel) { display:block!important; }
}
/* The ownership view must show the securities that are leaving the fund. */
@media(max-width:720px){
 body.editorial-site #direct-indexing[data-focus="0"] #dx-stockLayer{display:block!important}
}