.dt-split-view { align-items: stretch; background: transparent; color: var(--dt-color-text); display: grid; grid-template-columns: minmax(0, calc(var(--dt-split-left, 50%) - 6px)) 12px minmax(0, calc(100% - var(--dt-split-left, 50%) - 6px)); height: 100%; min-height: 0; overflow: hidden; width: 100%; }
.dt-split-view__collection { box-sizing: border-box; grid-row: 1; min-height: 0; min-width: 0; overflow: hidden; padding: 0; }
.dt-split-view__scroll { height: 100%; width: 100%; }
.dt-split-view--right .dt-split-view__collection { grid-column: 1; }
.dt-split-view--left .dt-split-view__collection { grid-column: 3; }
.dt-split-view__separator { align-items: center; background: transparent; cursor: col-resize; display: flex; grid-column: 2; grid-row: 1; justify-content: center; position: relative; touch-action: none; z-index: 2; }
.dt-split-view__separator::before { background: var(--dt-color-border); bottom: 0; content: ''; left: calc(50% - .5px); position: absolute; top: 0; width: 1px; }
.dt-split-view__separator:hover::before, .dt-split-view__separator.is-dragging::before, .dt-split-view__separator:focus-visible::before { background: var(--dt-color-brand); }
.dt-split-view__handle { align-items: center; background: var(--dt-color-surface); border: 1px solid var(--dt-color-border); border-radius: 999px; display: flex; height: 44px; justify-content: center; position: relative; width: 18px; }
.dt-split-view__handle > span { border-left: 1px solid var(--dt-color-text-muted); border-right: 1px solid var(--dt-color-text-muted); height: 12px; width: 5px; }
.dt-split-view__separator:hover .dt-split-view__handle, .dt-split-view__separator.is-dragging .dt-split-view__handle, .dt-split-view__separator:focus-visible .dt-split-view__handle { border-color: var(--dt-color-brand); }
.dt-split-view__separator:focus-visible { outline: none; }
.dt-split-view__detail { background: transparent; display: flex; flex-direction: column; grid-row: 1; min-height: 0; min-width: 0; overflow: hidden; overscroll-behavior: contain; }
.dt-split-view--right .dt-split-view__detail { grid-column: 3; }
.dt-split-view--left .dt-split-view__detail { grid-column: 1; }
.dt-split-view__rail { align-items: center; background: transparent; border: 0; cursor: default; display: flex; flex: 0 0 auto; gap: .875rem; justify-content: space-between; min-height: 3rem; padding: .5rem 1.25rem; }
.dt-split-view__crumb { align-items: center; color: var(--dt-color-text-muted); display: flex; font-family: var(--dt-font-compact); font-size: var(--dt-text-sm); font-weight: var(--dt-weight-semibold); gap: .4375rem; min-width: 0; white-space: nowrap; }
.dt-split-view__crumb i { font-style: normal; }
.dt-split-view__crumb strong { color: var(--dt-color-text); font-size: var(--dt-text-sm); overflow: hidden; text-overflow: ellipsis; }
.dt-split-view__actions { align-items: center; display: flex; flex: 0 0 auto; gap: .5rem; }
.dt-split-view__actions button { align-items: center; background: transparent; border: 0; border-radius: var(--dt-radius-sm); color: var(--dt-color-text-muted); cursor: pointer; display: inline-flex; height: 2rem; justify-content: center; padding: 0; width: 2rem; }
.dt-split-view__actions button:hover { background: color-mix(in srgb, var(--dt-color-text) 7%, transparent); color: var(--dt-color-text); }
.dt-split-view__actions svg { height: 1.125rem; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 1.125rem; }
.dt-split-view__frame { background: transparent; border: 0; flex: 1 1 auto; height: 100%; min-height: 0; width: 100%; }
.dt-split-view__page { flex: 1 1 auto; min-height: 0; overflow: hidden; }

.dt-split-view-container { width: 100%; height: 100%; min-width: 0; min-height: 0; container-type: inline-size; }
@container (max-width: 760px) {
  .dt-split-view { display: flex; flex-direction: column; gap: 1rem; height: auto; min-height: 0; overflow: visible; }
  .dt-split-view__separator { display: none; }
  .dt-split-view__collection { order: 0; height: auto; overflow: visible; }
  .dt-split-view__scroll { height: auto; }
  .dt-split-view__detail { order: 1; min-height: 0; overflow: visible; }
  .dt-split-view__page { height: auto; overflow: visible; }
  .dt-split-view__frame { min-height: 24rem; }
}

.dt-split-view-container[class] { border: 0; border-radius: 0; overflow: visible; }
.dt-split-view[class] { background: transparent; min-height: 0; }
.dt-split-view__rail[class] { background: transparent; border: 0; cursor: default; }
.dt-split-view__crumb[class] { font-family: var(--dt-font-interface); font-size: var(--dt-text-xs); font-weight: var(--dt-weight-medium); }
.dt-split-view__actions button:focus-visible { outline: 2px solid var(--dt-color-focus); outline-offset: 2px; }
.dt-split-demo-list > header span, .dt-split-demo-company > header span, .dt-split-demo-company__hero span, .dt-split-demo-company__section span, .dt-split-demo-company__chart header span { color: var(--dt-color-text-muted); font-family: var(--dt-font-interface); font-size: var(--dt-text-xs); letter-spacing: .08em; text-transform: uppercase; }
.dt-split-demo-list > header h1, .dt-split-demo-company > header h1, .dt-split-demo-company__hero h2, .dt-split-demo-company__section h2, .dt-split-demo-company__chart h2 { font-family: var(--dt-font-interface); font-weight: var(--dt-weight-semibold); letter-spacing: -.025em; }
.dt-split-demo-list > nav button.is-active, .dt-split-demo-company > nav button.is-active { color: var(--dt-color-text); border-bottom-color: var(--dt-color-text); }


/* Vanilla page shells keep their route ownership and use the toolkit divider contract. */
@media (min-width: 1025px), (min-width: 901px) and (orientation: landscape) {
  .cm-toolkit-split-active {
    display: grid !important;
    grid-template-columns: minmax(0, calc(var(--dt-split-left, 50%) - 6px)) 12px minmax(0, calc(100% - var(--dt-split-left, 50%) - 6px)) !important;
    gap: 0 !important;
  }
  .cm-toolkit-split-active > .dt-split-view__separator {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 12px !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .cm-toolkit-split-active > .dt-split-view__collection,
  .cm-toolkit-split-active > .dt-split-view__detail { grid-row: 1 !important; min-width: 0; }
  .cm-toolkit-split-active.dt-split-view--right > .dt-split-view__collection,
  .cm-toolkit-split-active.dt-split-view--left > .dt-split-view__detail { grid-column: 1 !important; }
  .cm-toolkit-split-active.dt-split-view--right > .dt-split-view__detail,
  .cm-toolkit-split-active.dt-split-view--left > .dt-split-view__collection { grid-column: 3 !important; }
  .cm-toolkit-split-active > .dt-split-view__collection { border: 0 !important; }
  .cm-toolkit-split-active > .dt-split-view__detail { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .cm-toolkit-split-active .dt-split-view__rail { background: transparent !important; border: 0 !important; }
}
.cm-toolkit-split-active.dt-split-view-container[class] { border: 0; border-radius: 0; overflow: hidden; }
.cm-toolkit-split-active:is(.stock-split-page, .mf-split-page, .news-split-page, #ix-split-page) {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}
body:is(.cm-account-sidebar-ready, .cm-admin-sidebar-ready) > .cm-toolkit-split-active:is(.stock-split-page, .mf-split-page, .news-split-page, #ix-split-page) {
  margin-left: var(--cm-shell-sidebar-width) !important;
  width: calc(100% - var(--cm-shell-sidebar-width)) !important;
}
.cm-toolkit-split-active:not(#ix-split-page) > .dt-split-view__collection,
.cm-toolkit-split-active .dt-split-view__page { overflow: auto; }
.cm-toolkit-split-active .dt-split-view__separator[hidden] { display: none !important; }
.cm-toolkit-split-active .dt-split-view__separator.cm-split-resize-handle::after { content: none; }
.cm-toolkit-split-active .dt-split-view__separator.cm-split-resize-handle::before { inset: auto; }
@media (max-width: 900px), (max-width: 1024px) and (orientation: portrait) {
  .cm-toolkit-split-active > .dt-split-view__separator { display: none !important; }
}