.pi-first-backtest { padding: 3rem 0; }
.pi-first-backtest__header { max-width: 48rem; margin-bottom: 2rem; }
.pi-first-backtest__header h1 { font-size: clamp(2rem, 4.5vw, 3.4rem); }
.pi-first-backtest p { max-width: 70ch; }
.pi-first-backtest__free { color: var(--pi-ink-650); }
.pi-first-backtest__layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 3rem; align-items: start; }
.pi-first-backtest__review, .pi-first-backtest__start { min-width: 0; }
.pi-first-backtest__weights { border-block: 1px solid var(--pi-rule); margin: 1.5rem 0; }
.pi-first-backtest__weights > div { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 0; }
.pi-first-backtest__weights > div + div { border-top: 1px solid var(--pi-rule); }
.pi-first-backtest__weights dt span { display: block; font-weight: 400; color: var(--pi-ink-650); }
.pi-first-backtest__weights dd { margin: 0; font-size: 2.5rem; font-variant-numeric: tabular-nums; color: var(--pi-action-primary); }
.pi-first-backtest__settings > div { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1rem; padding: .6rem 0; }
.pi-first-backtest__settings dd { margin: 0; }
.pi-first-backtest__start { padding: 1.5rem; background: var(--pi-paper); border: 1px solid var(--pi-rule); }
.pi-first-backtest__start label { display: block; font-weight: 600; }
.pi-first-backtest__start input[type=text] { display: block; width: 100%; min-height: 44px; font: inherit; padding: .6rem; margin: .5rem 0 1rem; border: 1px solid var(--pi-control-border); border-radius: 4px; }
.pi-first-backtest .pi-button { min-height: 44px; white-space: normal; text-align: center; }
.pi-first-backtest summary { min-height: 44px; padding: .6rem 0; cursor: pointer; }
.pi-first-backtest__next { margin-top: 2.5rem; border-top: 1px solid var(--pi-rule); padding-top: 1.5rem; }
.pi-monitoring-offer { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--pi-rule, #d8e2ec); background: var(--pi-paper, #fff); }
.pi-monitoring-offer h2 { font-size: 1.5rem; }
.pi-monitoring-offer p { max-width: 70ch; }
.pi-monitoring-offer .pi-button { min-height: 44px; white-space: normal; }
@media (max-width: 760px) {
  .pi-first-backtest { padding: 1.5rem 0; }
  .pi-first-backtest__layout { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .pi-first-backtest__settings > div { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .pi-first-backtest__start { padding: 1rem; }
}