/* =============================================================================
   MacroInsight v3 — page layouts (shared HTML with v2; these rules only on v3)
   ========================================================================== */

/* ---- Home island -------------------------------------------------------- */
html[data-ui='v3'][data-v2] #mi-home-react .mi-home-intro { display: none; }
html[data-ui='v3'][data-v2] #mi-home-react .mi-sec-head { display: none; }
html[data-ui='v3'][data-v2] #mi-home-react .mi-home,
html[data-ui='v3'][data-v2] #mi-home-react .mi-home-canvas {
  display: grid;
  gap: 20px;
  padding-bottom: 48px;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-where {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-uni {
  padding: 22px 24px 24px;
  min-height: 108px;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-uni.is-focus {
  background: color-mix(in srgb, var(--v2-surface) 82%, #fff 6%);
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-uni.is-focus .mi-uni-stance {
  font-size: var(--v3-display, 32px);
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-uni-stance {
  font-size: 28px;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-what {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-list {
  padding: 20px 24px 24px;
  min-width: 0;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-list-title {
  font: 500 var(--v3-label, 11px)/1.2 var(--v2-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--v2-ink-3);
  margin-bottom: 14px;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-row {
  padding: 10px 0;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-turn {
  margin-top: 0;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-turn .mi-list {
  grid-template-columns: max-content minmax(8rem, 1fr) max-content;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-when-wrap {
  min-width: 0;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-when {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
html[data-ui='v3'][data-v2] #mi-home-react .mi-level {
  min-width: 0;
  padding: 18px 20px 16px;
}
@media (max-width: 1100px) {
  html[data-ui='v3'][data-v2] #mi-home-react .mi-when {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  html[data-ui='v3'][data-v2] #mi-home-react .mi-where,
  html[data-ui='v3'][data-v2] #mi-home-react .mi-what {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ---- Positioning -------------------------------------------------------- */
html[data-ui='v3'][data-v2] #mi-pos-react .mi-home-title {
  font: 600 var(--v3-title, 22px)/1.2 var(--v2-sans);
}
html[data-ui='v3'][data-v2] #mi-pos-react .mi-home-lead {
  max-width: 48ch;
  font-size: var(--v2-t-sm);
  color: var(--v2-ink-3);
}
html[data-ui='v3'][data-v2] #mi-pos-react .mi-pos-skim {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}
html[data-ui='v3'][data-v2] #mi-pos-react .mi-pos-skim .mi-sec-title {
  font: 500 var(--v3-label, 11px)/1.2 var(--v2-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--v2-ink-3);
}
html[data-ui='v3'][data-v2] #mi-pos-react .mi-pos-extra { display: none; }
@media (max-width: 960px) {
  html[data-ui='v3'][data-v2] #mi-pos-react .mi-pos-skim {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ---- Journal: stats, curve, then the book ------------------------------- */
html[data-ui='v3'][data-v2] .jr-page .mit-head {
  margin-bottom: 20px;
  gap: 16px;
}
html[data-ui='v3'][data-v2] .jr-page .mit-band-head .mi-tip { display: none; }
html[data-ui='v3'][data-v2] .jr-page .jr-book {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  margin-bottom: 24px;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book > .mit-band {
  margin: 0;
  padding: 0;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .mit-band-head { display: none; }
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi-board {
  display: block;
  background: var(--v2-surface);
  border-radius: var(--v2-r-xl);
  box-shadow: var(--v2-e1);
  overflow: hidden;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi-lead {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi-rest {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 12px 20px 16px;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi {
  padding: 20px 20px 16px;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi-note { display: none; }
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-eq-card {
  padding: 16px 20px 12px;
  background: var(--v2-surface);
  border-radius: var(--v2-r-xl);
  box-shadow: var(--v2-e1);
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-chart {
  min-height: 180px;
  max-height: none;
}
html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-chart svg { max-height: none; }
html[data-ui='v3'][data-v2] .jr-page .jr-book .mi-section-head { margin-bottom: 8px; }
html[data-ui='v3'][data-v2] .jr-page .jr-book .mi-section-title {
  font: 500 var(--v3-label, 11px)/1.2 var(--v2-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--v2-ink-3);
}
html[data-ui='v3'][data-v2] .jr-page section[aria-labelledby='jr-trades-h'] .mit-band-title {
  font: 600 15px/1.2 var(--v2-sans);
}
html[data-ui='v3'][data-v2] .jr-page section[aria-labelledby='jr-strat-h'] {
  margin-top: var(--v2-s8);
}
html[data-ui='v3'][data-v2] .jr-page .jr-handoff {
  margin-top: var(--v2-s4);
  padding-top: var(--v2-s3);
}
html[data-ui='v3'][data-v2] .jr-page .jr-filters {
  margin-bottom: 8px;
}
@media (max-width: 900px) {
  html[data-ui='v3'][data-v2] .jr-page .jr-book .jr-kpi-lead {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---- Sizing: instrument + ladder is the page ---------------------------- */
html[data-ui='v3'][data-v2] .sz-page .mit-head {
  margin-bottom: 16px;
}
html[data-ui='v3'][data-v2] .sz-page .mit-band-head,
html[data-ui='v3'][data-v2] .sz-page .mit-band[aria-label='Account'],
html[data-ui='v3'][data-v2] .sz-page .sz-edu,
html[data-ui='v3'][data-v2] .sz-page [data-pro-only],
html[data-ui='v3'][data-v2] .sz-page .sz-universe-note { display: none; }
html[data-ui='v3'][data-v2] .sz-page .sz-tiles-card > .sz-fold { display: none; }
html[data-ui='v3'][data-v2] .sz-page .mit-split {
  grid-template-columns: minmax(380px, 0.42fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}
html[data-ui='v3'][data-v2] .sz-page .sz-inputs {
  padding: 8px 4px 16px;
}
html[data-ui='v3'][data-v2] .sz-page .sz-group {
  padding: 18px 20px 16px;
}
html[data-ui='v3'][data-v2] .sz-page .mit-band[aria-label='Figures'] {
  margin-top: 20px;
}
html[data-ui='v3'][data-v2] .sz-page .sz-tile-board {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
html[data-ui='v3'][data-v2] .sz-page .sz-tile {
  padding: 18px 20px;
}
html[data-ui='v3'][data-v2] .sz-page .sz-tile--lead .sz-tile-value { font-size: var(--v2-t-xl); }
@media (max-width: 1100px) {
  html[data-ui='v3'][data-v2] .sz-page .mit-split,
  html[data-ui='v3'][data-v2] .sz-page .sz-tile-board {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ---- Playbooks: directory rows ------------------------------------------ */
html[data-ui='v3'][data-v2] .pb-page .mit-head {
  margin-bottom: 16px;
}
html[data-ui='v3'][data-v2] .pb-page .pb-filters {
  gap: 12px 16px;
  margin-bottom: 16px;
}
html[data-ui='v3'][data-v2] .pb-page .pb-facets {
  flex: 1 1 100%;
  gap: 8px 4px;
  padding-bottom: 12px;
  box-shadow: 0 1px 0 var(--v2-line);
}
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chips {
  gap: 6px;
}
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chip,
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chip:hover,
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chip--on {
  height: 28px;
  padding: 0 10px;
  border-radius: var(--v2-r-pill);
  background: var(--v2-sunk);
  color: var(--v2-ink-2);
}
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chip--on {
  background: var(--v2-sunk-2);
  color: var(--v2-ink);
}
html[data-ui='v3'][data-v2] .pb-page .pb-facets .mit-chip--on::after { display: none; }
html[data-ui='v3'][data-v2] .pb-page .pb-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--v2-surface);
  border-radius: var(--v2-r-xl);
  box-shadow: var(--v2-e1);
  overflow: hidden;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 14px 20px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  min-height: 72px;
  overflow: hidden;
  transform: none;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card:hover {
  background: var(--v2-hover);
  transform: none;
  box-shadow: none;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card + .pb-card {
  box-shadow: inset 0 1px 0 var(--v2-line);
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-dia {
  width: 72px;
  height: 40px;
  flex: none;
  border-radius: 6px;
  overflow: hidden;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-dia .pb-dia--mini {
  aspect-ratio: auto;
  height: 40px;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  min-width: 0;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-name {
  min-height: 0;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font: 600 14px/1.3 var(--v2-sans);
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-line {
  min-height: 0;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font: 400 13px/1.4 var(--v2-sans);
  color: var(--v2-ink-3);
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-top { display: none; }
html[data-ui='v3'][data-v2] .pb-page .pb-card-tags {
  display: block;
  margin: 0;
  padding: 0;
  font: 400 12px/1.3 var(--v2-sans);
  color: var(--v2-ink-4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-ui='v3'][data-v2] .pb-page .pb-card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  padding: 0;
  box-shadow: none;
  flex: none;
  white-space: nowrap;
}
html[data-ui='v3'][data-v2] .pb-page .pb-detail {
  max-width: 72ch;
}

/* ---- Browse + asset ----------------------------------------------------- */
html[data-ui='v3'][data-v2] .ab-title { font: 600 var(--v3-title, 22px)/1.2 var(--v2-sans); }
html[data-ui='v3'][data-v2] .ab-filters { box-shadow: 0 1px 0 var(--v2-line); background: transparent; }
html[data-ui='v3'][data-v2] .ap-journal-tip,
html[data-ui='v3'][data-v2] .ap-chart-note,
html[data-ui='v3'][data-v2] .ap-method-note { display: none; }
html[data-ui='v3'][data-v2] .ap-symbol {
  font: 600 var(--v3-title, 22px)/1.2 var(--v2-sans);
}

/* ---- Tool page titles --------------------------------------------------- */
html[data-ui='v3'][data-v2] .mit-title {
  font: 600 28px/1.15 var(--v2-sans);
  letter-spacing: var(--v2-tighter);
}