:root {
  --site-text-micro: 10px;
  --site-text-caption: 11px;
  --site-text-label: 12px;
  --site-text-body: 13px;
  --site-text-name: 14px;
  --site-text-title: 16px;
  --site-text-heading: 18px;
}

body { font-size: var(--site-text-body); }

@media (min-width: 1121px) {
  body:not(.is-monitor-fullscreen):not(.is-fullscreen) > :is(.app-shell, .flow-shell) {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    height: max(820px, 100dvh);
    padding-bottom: 12px;
  }
  body:not(.is-monitor-fullscreen) .workspace {
    min-height: 0;
    align-items: stretch;
  }
  body:not(.is-monitor-fullscreen) .visual-panel {
    align-self: stretch;
  }
  body:not(.is-monitor-fullscreen) .treemap-wrap {
    flex: 1;
  }
  body:not(.is-monitor-fullscreen) .treemap {
    height: 100%;
    min-height: 0;
  }
  body:not(.is-fullscreen) .flow-workspace { min-height: 0; }
  body.has-sidebar:not(.is-fullscreen) > .detail-shell {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: 100dvh;
    padding-bottom: 12px;
  }
  body.has-sidebar:not(.is-fullscreen) .detail-shell .list-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  body.has-sidebar:not(.is-fullscreen) .detail-shell .table-scroll {
    flex: 1;
    min-height: 0;
    max-height: none;
  }
  body:not(.is-fullscreen) .map-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  body:not(.is-fullscreen) .flow-bubbles {
    flex: 1;
    height: auto;
    min-height: 0;
  }
  body:not(.is-fullscreen) .ranking-panel {
    min-height: 0;
    overflow-y: auto;
  }
}

.site-shell {
  padding-top: 8px;
  padding-bottom: 16px;
}

.site-header {
  min-height: 52px;
  gap: 10px;
  padding: 6px 10px;
}

.app-shell .topbar,
.detail-shell .detail-header,
.flow-shell .flow-header {
  min-height: 52px;
  padding: 6px 10px;
}

.site-header + * { margin-top: 6px; }
.site-brand { font-size: clamp(16px, 1.4vw, 20px); }

.site-nav {
  gap: 2px;
  padding: 3px;
}

.site-nav-link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 6px 11px;
  font-size: 12px;
}

.site-header-actions { gap: 6px; }

.site-icon-button,
.site-theme-toggle { min-height: 34px; }
.site-icon-button { width: 36px; font-size: 18px; }
.site-theme-toggle { width: 60px; }
.site-theme-track { width: 50px; height: 24px; }
.site-theme-icon { font-size: 13px; }
.site-theme-thumb { top: 2px; left: 3px; width: 18px; height: 18px; }
:root[data-theme="dark"] .site-theme-thumb { transform: translateX(26px); }

.summary-grid,
.summary-strip,
.flow-summary {
  margin-top: 6px;
  margin-bottom: 6px;
  border-radius: 4px;
}

.app-shell .summary-grid,
.detail-shell .summary-strip,
.flow-shell .flow-summary {
  margin-top: 8px;
  margin-bottom: 8px;
}

.summary-grid .metric,
.summary-strip > div,
.flow-summary .summary-card {
  min-height: 56px;
  padding: 4px 8px;
}

.app-shell .summary-grid .metric,
.detail-shell .summary-strip > div,
.flow-shell .summary-card {
  min-height: 56px;
  padding: 4px 8px;
}

.summary-grid .metric strong,
.summary-strip strong,
.flow-summary .summary-card strong {
  margin-top: 1px;
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 600;
  line-height: 1.1;
}

.summary-grid .metric-label,
.summary-strip > div > span,
.flow-summary .summary-card > span {
  color: color-mix(in srgb, var(--muted) 82%, transparent);
  font-size: 10px;
}

.summary-grid .metric-detail,
.summary-strip > div > small,
.flow-summary .summary-card > small {
  min-height: 13px;
  margin-top: 0;
  font-size: 10px;
  line-height: 12px;
}

.summary-strip .summary-status {
  margin-left: 5px;
  padding: 0 4px;
  line-height: 10.5px;
  vertical-align: 0;
}

@media (min-width: 769px) {
  .app-shell .summary-grid,
  .detail-shell .summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .summary-grid .metric,
  .summary-strip > div,
  .flow-summary .summary-card { height: 56px; }
}

.toolbar,
.list-toolbar,
.flow-controls {
  gap: 8px;
  padding: 8px;
}

.list-panel .list-toolbar,
.flow-shell .flow-controls {
  gap: 8px;
  padding: 8px;
}

.search-box,
.select-box,
.control-group { gap: 3px; }

.search-box,
.select-box,
.control-label,
.data-status,
.legend { font-size: 11px; }

.search-box input,
.select-box select {
  min-height: 32px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 12px;
}

.segmented,
.view-mode-toggle,
.filter-tabs,
.ranking-tabs,
.panel-view-tabs {
  min-height: 32px;
  padding: 2px;
}

.view-mode-button,
.segment,
.filter-button,
.ranking-tab,
.panel-view-tab {
  min-height: 27px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 500;
}

.list-toolbar .filter-tabs,
.flow-controls .segmented {
  min-height: 32px;
  padding: 2px;
}

.list-toolbar .filter-button,
.flow-controls .segment {
  min-height: 27px;
  padding: 0 10px;
  font-size: 11px;
}

.site-shell > .query-indicator {
  display: grid;
  grid-template-columns: 8px auto auto minmax(0, 1fr) auto;
  height: 34px;
  min-height: 34px;
  box-sizing: border-box;
  gap: 7px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
}

.site-shell > .query-indicator #queryIndicatorName,
.site-shell > .query-indicator .query-indicator-details {
  min-width: 0;
  width: auto;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-shell > .query-indicator .query-indicator-details { color: var(--muted); }

.query-indicator strong { font-size: 13px; }
.query-indicator-dot { width: 8px; height: 8px; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14); }

.workspace,
.flow-workspace { gap: 8px; }

.map-panel,
.ranking-panel { padding: 11px; }

.side-panel { padding: var(--fund-detail-padding, 10px); }
.selected-fund { min-height: 168px; padding: 10px 0; }
.detail-title { margin-bottom: 8px; }
.detail-title strong { font-size: 20px; }
.detail-cell { padding: 8px; }
.detail-cell span { margin-bottom: 2px; font-size: 11px; }
.detail-cell strong { font-size: 14px; }

.panel-heading {
  gap: 10px;
  margin-bottom: 8px;
}

.panel-heading h1 { font-size: 18px; }
.panel-heading h2 { font-size: 16px; }
.panel-heading p { margin-bottom: 2px; font-size: 11px; }
.data-status { gap: 6px; }

.status-line,
.selected-fund,
.rank-panel { padding: 8px 10px; }

.rank-item {
  min-height: 44px;
  padding: 6px 8px;
}

.rank-name { font-size: 12px; }
.rank-name small { font-size: 10px; }
.rank-value { font-size: 12px; }

.table-header,
.detail-shell .table-header { min-height: 42px; }

.column-button {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 600;
}

.column-button small {
  margin-top: 1px;
  font-size: 9px;
}

.fund-row,
.detail-shell .fund-row { min-height: 62px; }
.fund-cell,
.detail-shell .fund-cell { padding: 5px 10px; }
.fund-name,
.detail-shell .fund-name { font-size: 13px; font-weight: 600; }

.fund-meta,
.cell-sub,
.detail-shell .fund-meta,
.detail-shell .cell-sub {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
}

.cell-value,
.detail-shell .cell-value { font-size: 13px; font-weight: 600; }
.fund-code { padding: 1px 4px; font-weight: 600; }
.fund-update-status { padding: 0 4px; font-size: 9px; font-weight: 500; }
.list-footer { padding: 8px 12px; font-size: 10px; }

.detail-grid { gap: 6px; }

.detail-grid > span {
  min-height: 64px;
  padding: 8px 9px;
  font-size: 11px;
}

.detail-grid strong { margin-top: 4px; font-size: 15px; }
.detail-chart-section { margin-top: 8px; padding-top: 9px; }
.detail-chart-heading { font-size: 11px; }
.detail-chart-heading strong { font-size: 13px; }
.panel-view-tabs { margin-bottom: 8px; }
.ranking-list { gap: 5px; margin-top: 8px; }
.source-note { padding-top: 9px; font-size: 10px; line-height: 1.4; }

.tile-tooltip,
.sector-tooltip { padding: 12px; }
.tooltip-title { font-size: 16px; }
.tooltip-grid { gap: 7px; margin-top: 8px; padding-top: 8px; }
.tooltip-grid strong { font-size: 13px; }
.tooltip-leader { margin-top: 8px; font-size: 11px; }

/* Market flow keeps the chart spacious while tightening every surrounding control. */
.flow-shell .flow-controls {
  gap: 6px;
  margin-bottom: 6px;
  padding: 6px 8px;
}

.flow-shell .control-group { gap: 2px; }
.flow-shell .control-label { font-size: 10px; }
.flow-shell .flow-controls .segmented { min-height: 29px; }
.flow-shell .flow-controls .segment { min-height: 25px; font-size: 10px; }
.flow-shell .legend { gap: 10px; font-size: 10px; }
.flow-shell .legend span { gap: 4px; }
.flow-shell .legend-dot { width: 8px; height: 8px; }
.flow-shell .map-panel,
.flow-shell .ranking-panel { padding: 9px; }
.flow-shell .panel-heading { margin-bottom: 6px; }
.flow-shell .panel-heading h1 { font-size: 17px; }
.flow-shell .panel-heading h2 { font-size: 15px; }
.flow-shell .detail-grid > span { min-height: 56px; padding: 7px 8px; }
.flow-shell .detail-grid strong { margin-top: 3px; font-size: 14px; }
.flow-shell .rank-item { min-height: 40px; padding: 5px 7px; }

/* Holdings is a scanning surface, so its rows use the densest site rhythm. */
.detail-shell .list-panel .list-toolbar {
  gap: 6px;
  padding: 6px 8px;
}

.detail-shell .search-box { gap: 2px; font-size: 10px; }
.detail-shell .search-box input { min-height: 30px; font-size: 11px; }
.detail-shell .list-toolbar .filter-tabs { min-height: 30px; }
.detail-shell .list-toolbar .filter-button { min-height: 25px; font-size: 10px; }
.detail-shell .table-header { min-height: 38px; }
.detail-shell .column-button { padding-right: 8px; padding-left: 8px; font-size: 11px; }
.detail-shell .column-button small { font-size: 8px; }
.detail-shell .fund-row { min-height: 48px; }
.detail-shell .fund-cell { padding: 2px 8px; }
.detail-shell .fund-name { font-size: 14px; font-weight: 600; }
.detail-shell .fund-meta,
.detail-shell .cell-sub { margin-top: 1px; font-size: 10.5px; }
.detail-shell .cell-value { font-size: 14px; }
.detail-shell .list-footer { padding: 6px 10px; }

@media (max-width: 760px) {
  .site-shell { padding-top: 5px; padding-bottom: 12px; }

  .site-header {
    min-height: 48px;
    gap: 6px;
    padding: 5px 8px;
  }

  .app-shell .topbar,
  .detail-shell .detail-header,
  .flow-shell .flow-header {
    min-height: 48px;
    padding: 5px 8px;
  }

  .site-brand { font-size: 16px; }
  .site-nav { padding: 2px; }
  .site-nav-link { min-height: 42px; padding: 7px 7px; font-size: 12px; }
  .site-theme-toggle { width: 54px; }
  .site-theme-track { width: 46px; height: 22px; }
  .site-theme-thumb { width: 16px; height: 16px; }
  :root[data-theme="dark"] .site-theme-thumb { transform: translateX(24px); }

  .summary-grid .metric,
  .summary-strip > div,
  .flow-summary .summary-card {
    min-height: 58px;
    padding: 5px 8px;
  }

  .app-shell .summary-grid .metric,
  .detail-shell .summary-strip > div,
  .flow-shell .summary-card {
    min-height: 58px;
    padding: 5px 8px;
  }

  .summary-grid .metric strong,
  .summary-strip strong,
  .flow-summary .summary-card strong { font-size: clamp(15px, 4vw, 18px); }

  .toolbar,
  .list-toolbar,
  .flow-controls { gap: 7px; padding: 7px; }

  .list-panel .list-toolbar,
  .flow-shell .flow-controls { gap: 7px; padding: 7px; }

  .site-shell > .query-indicator {
    grid-template-columns: 8px auto auto minmax(0, 1fr);
    height: 54px;
    min-height: 54px;
    row-gap: 2px;
  }
  .site-shell > .query-indicator .query-indicator-details { grid-column: 2 / -1; }
  .map-panel,
  .ranking-panel { padding: 9px; }
  .fund-row,
  .detail-shell .fund-row { min-height: 60px; }
  .fund-cell,
  .detail-shell .fund-cell { padding: 4px 6px; }

  .flow-shell .flow-summary .summary-card,
  .detail-shell .summary-strip > div { min-height: 56px; }

  .flow-shell .flow-controls,
  .detail-shell .list-panel .list-toolbar { padding: 6px; }

  .detail-shell .fund-row { min-height: 48px; }
  .detail-shell .fund-cell { padding: 2px 6px; }
}

@media (pointer: coarse) {
  .view-mode-button,
  .segment,
  .filter-button,
  .ranking-tab,
  .panel-view-tab {
    min-height: 36px;
  }
}

.site-shell .summary-four-lines {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.site-shell .summary-four-lines > :is(.metric, .summary-card, .summary-primary, .summary-value) {
  height: auto;
  min-height: 72px;
  padding: 4px 8px;
  border: 1px solid var(--site-hairline);
  border-radius: 12px;
  background: var(--panel-bg);
}
@media (hover: hover) and (pointer: fine) {
  .site-shell .summary-four-lines > :is(.metric, .summary-card, .summary-primary, .summary-value):hover {
    border-color: var(--site-accent);
    box-shadow: inset 0 0 0 0.5px var(--site-accent);
    background: color-mix(in srgb, var(--site-accent) 4%, var(--panel-bg));
  }
}
.site-shell .summary-four-lines > * > span { display: block; line-height: 12px; }
.site-shell .summary-four-lines > * > strong {
  display: block;
  min-height: 24px;
  margin: 0;
  line-height: 24px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.site-shell .summary-four-lines > * > small {
  display: block;
  min-height: 14px;
  margin: 0;
  line-height: 14px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.site-shell .summary-four-lines .summary-count { padding: 0; }
.summary-four-lines #flowCounts span { display: inline; font: inherit; }
.summary-four-lines #flowCounts .gain { color: var(--red); }
.summary-four-lines #flowCounts .loss { color: var(--green); }
.site-shell .summary-four-lines > * > small.gain { color: var(--red); }
.site-shell .summary-four-lines > * > small.loss { color: var(--green); }

.site-shell .summary-sparkline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(64px, 84px);
  align-items: center;
  gap: 7px;
  min-height: 24px;
}

.site-shell .summary-sparkline-row > strong {
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 600;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-shell .summary-sparkline-meta {
  display: grid;
  grid-template-rows: 15px 9px;
  row-gap: 4px;
  min-width: 0;
}

.site-shell .summary-sparkline {
  width: 100%;
  height: 15px;
  overflow: visible;
  cursor: crosshair;
}

.site-shell .summary-sparkline path {
  fill: none;
  stroke: var(--muted);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.site-shell .summary-sparkline.gain path { stroke: var(--red); }
.site-shell .summary-sparkline.loss path { stroke: var(--green); }

.site-shell .summary-sparkline-label {
  display: block;
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  font-weight: 500;
  line-height: 9px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .site-shell .summary-sparkline-row {
    grid-template-columns: minmax(0, 1fr) 62px;
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .site-shell .summary-four-lines { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-shell .summary-four-lines > :first-child { grid-column: 1 / -1; }
}

.site-shell :is(.list-panel, .flow-controls, .map-panel, .ranking-panel, .visual-panel, .side-panel) { border-radius: 12px; }
.site-shell > .query-indicator { border-radius: 8px; }

.sidebar-toggle, .sidebar-monogram, .site-nav-link > svg { display: none; }
.sidebar-brand-name br { display: none; }
.sidebar-brand-name br::after { content: ' '; }
@media (min-width: 1121px) {
  html:has(> body.has-sidebar) { scrollbar-gutter: auto; }
  body.has-sidebar { --sidebar-width: 56px; }
  body.has-sidebar.sidebar-expanded { --sidebar-width: 160px; }
  body.has-sidebar:not(.is-monitor-fullscreen):not(.is-fullscreen) > .site-shell {
    width: calc(100% - var(--sidebar-width) - 36px);
    max-width: none;
    margin-left: calc(var(--sidebar-width) + 24px);
    margin-right: 12px;
    transition: width 320ms ease, margin-left 320ms ease;
    grid-template-rows: auto auto minmax(0, 1fr);
  }
  .has-sidebar .site-shell > .site-header {
    position: fixed;
    inset: 8px auto 12px 12px;
    z-index: 30;
    width: var(--sidebar-width);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    justify-content: flex-start;
    padding: 14px 6px 8px;
    box-sizing: border-box;
    transition: width 320ms ease;
    contain: layout style;
  }
  .has-sidebar .site-header + * { margin-top: 0; }
  .has-sidebar .site-brand-slot { justify-content: center; }
  .has-sidebar .site-brand { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 20px; text-align: center; font-size: 14px; line-height: 20px; }
  .has-sidebar .sidebar-monogram { display: block; flex-shrink: 0; width: 20px; height: 20px; margin: 0; }
  .has-sidebar .sidebar-brand-name { display: block; max-width: 0; margin-left: 0; opacity: 0; overflow: hidden; white-space: nowrap; transition: max-width 320ms ease, margin-left 320ms ease, opacity 320ms ease; }
  .has-sidebar.sidebar-expanded .sidebar-brand-name { max-width: 110px; margin-left: 6px; opacity: 1; }
  .has-sidebar .site-header .site-nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .has-sidebar .site-header .site-nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    min-width: 0;
    padding: 0;
    gap: 0;
    font-size: 13px;
  }
  .has-sidebar .site-nav-link > svg { display: block; flex-shrink: 0; }
  .has-sidebar .site-header .site-nav-link.is-active { box-shadow: none; }
  .has-sidebar .site-nav-link > span { display: block; max-width: 0; margin-left: 0; opacity: 0; overflow: hidden; white-space: nowrap; transition: max-width 320ms ease, margin-left 320ms ease, opacity 320ms ease; }
  .sidebar-expanded .site-nav-link > span { max-width: 90px; margin-left: 10px; opacity: 1; }
  .has-sidebar .site-header-actions { margin-top: -16px; flex: 1; flex-direction: column; gap: 12px; align-items: center; }
  .has-sidebar .site-header #fullscreenBtn { order: -1; display: grid; place-items: center; flex-shrink: 0; width: 100%; height: 42px; min-height: 42px; padding: 0; font-size: 20px; line-height: 1; }
  .has-sidebar .site-header :is(.site-nav-link, .sidebar-toggle, #fullscreenBtn) svg { width: 20px; height: 20px; }
  .has-sidebar .site-header :is(.site-icon-button, .site-theme-toggle, .site-theme-track, .site-nav-link) {
    border-color: transparent;
    box-shadow: none;
  }
  .has-sidebar .site-header .site-theme-toggle { position: relative; margin-top: auto; flex-shrink: 0; width: 34px; height: 62px; min-width: 0; overflow: visible; }
  .has-sidebar .site-header .site-theme-track { position: absolute; top: 50%; left: 50%; width: 24px; height: 52px; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; transform: translate(-50%, -50%) rotate(0deg); transition: transform 320ms ease; }
  .has-sidebar .site-header .site-theme-thumb { top: 3px; left: 2px; width: 18px; height: 18px; transform: translateY(0); }
  :root[data-theme="dark"] .has-sidebar .site-header .site-theme-thumb { transform: translateY(26px); }
  .has-sidebar.sidebar-expanded .site-header .site-theme-toggle { width: 62px; height: 34px; }
  .has-sidebar.sidebar-expanded .site-header .site-theme-track { transform: translate(-50%, -50%) rotate(-90deg); }
  .has-sidebar .site-header .site-theme-icon { transition: transform 320ms ease; }
  .has-sidebar.sidebar-expanded .site-header .site-theme-icon { transform: rotate(90deg); }
  .has-sidebar .sidebar-toggle { display: grid; flex-shrink: 0; place-items: center; width: 100%; height: 42px; margin: -12px auto -12px; cursor: pointer; }
  .has-sidebar:not(.sidebar-expanded) .sidebar-toggle svg { transform: rotate(180deg); }
  .has-sidebar .sidebar-toggle svg { transition: transform 320ms ease; }
  .has-sidebar .site-header :is(.site-nav-link, .sidebar-toggle, #fullscreenBtn, .site-theme-toggle) {
    color: var(--muted);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transition: background-color 160ms ease;
  }
  .has-sidebar .site-header .site-theme-toggle { transition: width 320ms ease, height 320ms ease, background-color 160ms ease; }
  .has-sidebar .site-header :is(.site-nav-link, .sidebar-toggle, #fullscreenBtn, .site-theme-toggle):is(:hover, :focus-visible) {
    background: color-mix(in srgb, var(--site-accent) 6%, transparent);
  }
  .has-sidebar .site-header :is(.site-nav-link, .sidebar-toggle, #fullscreenBtn, .site-theme-toggle):is(.is-active, :active) {
    background: color-mix(in srgb, var(--site-accent) 12%, transparent);
  }
  .has-sidebar .site-header .site-theme-icon { color: var(--muted); }
  :root[data-theme="light"] .has-sidebar .site-header .site-theme-sun,
  :root[data-theme="dark"] .has-sidebar .site-header .site-theme-moon { color: #fff; }
  .has-sidebar .site-header .site-theme-track { background: transparent; }
  .has-sidebar .site-header .site-theme-thumb { background: var(--site-accent); box-shadow: none; }
  .has-sidebar:is(.is-monitor-fullscreen, .is-fullscreen) .site-header { display: none; }
}
body.has-sidebar:not(.sidebar-motion-ready) > .site-shell,
.has-sidebar:not(.sidebar-motion-ready) .site-shell > .site-header,
.has-sidebar:not(.sidebar-motion-ready) :is(.sidebar-brand-name, .site-nav-link > span, .sidebar-toggle svg, .site-theme-track, .site-theme-icon, .site-theme-toggle) {
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body.has-sidebar > .site-shell, .has-sidebar .site-shell > .site-header { transition: none !important; }
  .has-sidebar :is(.sidebar-brand-name, .site-nav-link > span, .sidebar-toggle svg, .site-theme-track, .site-theme-icon),
  .has-sidebar .site-header .site-theme-toggle { transition: none !important; }
}