.leverage-page .backtest-intro { padding:40px 0 28px; }
.leverage-page .backtest-intro h1 { font-size:clamp(30px,4vw,44px); }
.leverage-page .backtest-page { padding-bottom:0; }
.leverage-page .backtest-workspace {
    display:grid;
    grid-template-columns:minmax(280px,340px) minmax(0,1fr);
    align-items:stretch;
    gap:0;
    border:1px solid var(--color-border);
    border-radius:14px;
    overflow:hidden;
}
.leverage-page .backtest-workspace > * { min-width:0; }
.leverage-page .backtest-conditions {
    display:flex;
    flex-direction:column;
    gap:20px;
    margin:0;
    padding:28px;
    border:0;
    border-radius:0;
    border-right:1px solid var(--color-border);
    background:var(--color-surface-subtle);
}
.leverage-page .backtest-conditions h2 { margin:0; font-size:18px; }
.leverage-page .backtest-conditions label { display:grid; gap:7px; margin:0; font-size:12px; }
.leverage-page .backtest-conditions input,
.leverage-page .backtest-conditions select {
    width:100%;
    min-width:0;
    max-width:100%;
    height:46px;
    margin:0;
    padding:10px;
    border:1px solid var(--color-border);
    border-radius:8px;
    background:var(--color-surface);
    color:var(--color-text-primary);
    font-size:14px;
}
.leverage-page .backtest-date-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
.leverage-modes { display:flex; gap:4px; margin:0; padding:4px; background:var(--color-border); border-radius:10px; }
.leverage-modes a { flex:1; padding:10px 4px; border-radius:7px; text-align:center; font-size:12px; line-height:1.5; text-decoration:none; color:var(--color-text-secondary); }
.leverage-modes a[aria-current="page"] { background:var(--color-surface); color:var(--color-text-primary); font-weight:700; box-shadow:0 1px 3px #17231d12; }
.leverage-matching { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; padding:0 0 18px; border-bottom:1px solid var(--color-border); }
.leverage-matching dt,.leverage-metrics dt { color:var(--color-text-secondary); font-size:12px; line-height:1.6; }
.leverage-matching dd { margin:5px 0 0; font-size:18px; font-weight:700; }
.leverage-page .backtest-submit { margin-top:4px; }
.leverage-page .backtest-preview,
.leverage-page .leverage-result { padding:32px; border:0; border-radius:0; }
.leverage-page .backtest-preview { min-height:430px; }
.leverage-page .backtest-preview h2 { font-size:clamp(23px,3vw,30px); line-height:1.4; margin:12px 0 24px; }
.leverage-page .backtest-preview .leverage-example { margin-bottom:20px; color:var(--color-text-secondary); font-size:18px; }
.leverage-example strong { display:block; margin-top:8px; font-size:48px; line-height:1.2; color:var(--color-text-primary); letter-spacing:-.04em; }
.leverage-result-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.leverage-result-heading h2 { margin:0; font-size:19px; line-height:1.5; }
.leverage-result-heading .modern-calculation-share { margin:0; padding:0; }
.leverage-page .leverage-result > p { margin:6px 0; font-size:12px; color:var(--color-text-secondary); font-weight:400; line-height:1.7; }
.leverage-result-primary { padding:28px 0 24px; }
.leverage-result-primary .backtest-kicker { margin:0; font-size:12px; color:var(--color-text-secondary); }
.leverage-main { display:block; margin:8px 0; font-size:clamp(48px,6vw,68px); line-height:1.1; letter-spacing:-.05em; color:var(--color-text-primary); }
.leverage-status { display:inline-block; margin:8px 0 0; padding:5px 9px; border-radius:6px; background:var(--color-border); font-size:12px; font-weight:700; color:var(--color-text-primary); }
.leverage-explanation { margin:12px 0 0; color:var(--color-text-secondary); font-size:13px; line-height:1.75; }
.leverage-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:20px 0; border-top:1px solid var(--color-border); }
.leverage-metrics div { min-width:0; }
.leverage-metrics dd { margin:6px 0 0; font-size:20px; font-weight:700; overflow-wrap:anywhere; }
.leverage-returns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.leverage-result-details .leverage-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.leverage-result-details .leverage-metrics dd { font-size:15px; }
.leverage-page details > summary { cursor:pointer; padding:16px 0; color:var(--color-text-primary); font-size:13px; font-weight:650; line-height:1.6; }
.leverage-page details { border-top:1px solid var(--color-border); }
.leverage-page details p { font-size:13px; line-height:1.8; color:var(--color-text-secondary); overflow-wrap:anywhere; }
.leverage-page .backtest-result-disclaimer { margin:0; padding-top:16px; }
.leverage-error { color:var(--color-danger); }
.leverage-chart-section { margin-top:24px; padding:28px 32px; border:1px solid var(--color-border); border-radius:14px; background:var(--color-surface); }
.leverage-chart-section h2 { margin:0 0 8px; font-size:20px; }
.leverage-chart-section > p { font-size:12px; color:var(--color-text-secondary); }
.leverage-chart-legend { display:flex; flex-wrap:wrap; gap:8px; line-height:1.8; margin:20px 0 8px; }
.leverage-rise-key { color:#157a6e; }
.leverage-loss-key { color:#b45309; }
.leverage-chart svg { display:block; width:100%; height:auto; min-height:220px; }
.leverage-chart text { fill:currentColor; font-size:14px; }
.leverage-chart .target-line { stroke:#75848c; stroke-dasharray:7 5; stroke-width:2; }
.leverage-chart .series-line { stroke:#157a6e; stroke-width:2.5; fill:none; }
.leverage-chart .series-loss { stroke:#b45309; stroke-dasharray:5 4; }
.leverage-chart .grid-line { stroke:#d8dde5; stroke-width:1; }
.leverage-table-scroll { max-height:480px; overflow:auto; }
.leverage-data table { border-collapse:collapse; width:100%; font-size:14px; white-space:nowrap; }
.leverage-data th,.leverage-data td { text-align:left; padding:10px; border-bottom:1px solid var(--color-border); }
.leverage-page .leverage-guide { margin-top:32px; margin-bottom:64px; }
.leverage-input-guide { margin:0; padding:0; }
.leverage-guide > :last-child { border-bottom:1px solid var(--color-border); }
.leverage-guide article h3 { margin:18px 0 8px; font-size:14px; }
.leverage-guide article p { margin:8px 0 16px; }
.leverage-guide ul { padding-left:20px; font-size:13px; line-height:1.8; }
.leverage-guide > details > a { display:inline-block; margin:8px 0 20px; font-size:13px; }
.leverage-page summary:focus-visible,.leverage-modes a:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
@media(max-width:820px) {
    .leverage-page .backtest-workspace { grid-template-columns:minmax(0,1fr); }
    .leverage-page .backtest-conditions { border-right:0; border-bottom:1px solid var(--color-border); }
    .leverage-page .backtest-preview { min-height:320px; }
}
@media(max-width:480px) {
    .leverage-page .backtest-intro { padding:28px 0 24px; }
    .leverage-page .backtest-conditions,
    .leverage-page .backtest-preview,
    .leverage-page .leverage-result,
    .leverage-chart-section { padding:22px 18px; }
    .leverage-page .backtest-date-grid { grid-template-columns:minmax(0,1fr); }
    .leverage-page .leverage-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .leverage-page .backtest-conditions input,
    .leverage-page .backtest-conditions select { font-size:16px; }
    .leverage-result-heading { align-items:flex-start; }
    .leverage-result-heading h2 { font-size:17px; }
    .leverage-metrics { gap:10px; }
    .leverage-metrics dt { font-size:11px; }
    .leverage-metrics dd { font-size:17px; }
}

.leverage-data { border-top:1px solid var(--color-border); }
.leverage-data h3 { margin:0; padding:16px 0; font-size:13px; line-height:1.6; }

.leverage-reading-guide { margin-bottom:32px; }
.leverage-reading-guide h2 { margin:10px 0 28px; font-size:clamp(23px,3vw,30px); line-height:1.4; letter-spacing:-.035em; }
.leverage-guide .leverage-reading-guide article { padding:24px 0; border-top:1px solid var(--color-border); }
.leverage-guide .leverage-reading-guide article h3 { margin:0 0 12px; font-size:18px; line-height:1.5; }
.leverage-guide .leverage-reading-guide article p { max-width:800px; margin:12px 0 0; font-size:14px; line-height:1.85; color:var(--color-text-secondary); overflow-wrap:anywhere; }
.leverage-example-scroll { overflow:auto; margin:20px 0; border:1px solid var(--color-border); border-radius:8px; }
.leverage-example-table { width:100%; min-width:520px; border-collapse:collapse; font-size:13px; }
.leverage-example-table caption { padding:12px; text-align:left; color:var(--color-text-secondary); }
.leverage-example-table th,.leverage-example-table td { padding:12px 16px; border-top:1px solid var(--color-border); text-align:left; }
.leverage-example-table thead { background:var(--color-surface-subtle); }
.leverage-reading-source { font-size:12px; line-height:1.8; color:var(--color-text-secondary); }
.leverage-example-scroll:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }

.leverage-table-status { display:inline-block; padding:5px 9px; border-radius:6px; font-size:12px; font-weight:700; line-height:1.5; color:var(--color-text-primary); background:var(--color-border); }
.leverage-table-status[data-tone="above"] { color:#0b6b4b; background:#e8f5ef; }
.leverage-table-status[data-tone="caution"] { color:#805600; background:#fff4d6; }
.leverage-table-status[data-tone="loss"] { color:#b42318; background:#ffebe9; }