:root{color-scheme:dark;font:14px system-ui,sans-serif;color:#f4f5f6;background:#0c0e0f}*{box-sizing:border-box}body{margin:0;padding:16px}.tools{max-width:732px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.tool{min-width:0;background:#15191b;border:1px solid #414546;border-radius:12px;padding:16px}h2{font-size:19px;margin:0 0 4px;font-weight:600}p{line-height:1.5;margin:8px 0}.muted{font-size:12px;color:#bdc7ce}label{display:block;font-size:12px}input,select,button{font:inherit;min-height:38px;border:1px solid #636b70;border-radius:6px;padding:8px;background:#0f1315;color:inherit}input,select{width:100%;margin-top:4px}button{cursor:pointer}input:disabled{opacity:.6}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffc073;outline-offset:2px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gap{margin-top:12px}.result{margin-top:16px;border:1px solid #636b70;border-radius:8px;background:#202629;padding:12px}.count{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;margin:4px 0}.line{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.line span:last-child{text-align:right;overflow-wrap:anywhere;max-width:55%;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input::placeholder{color:#9da8af;opacity:1}input:focus::placeholder{opacity:0}.steps{display:flex;gap:8px;margin-top:8px}.steps button{flex:1}.error{color:#ffb4af;font-size:12px}.check{display:flex;align-items:center;gap:7px;margin:12px 0 6px}.check input{width:18px;min-height:18px;margin:0}details{border-top:1px solid #414546;padding-top:12px;margin-top:16px}summary{cursor:pointer;font-size:12px}footer{margin-top:14px}[hidden]{display:none!important}@media(max-width:620px){.tools{grid-template-columns:1fr;max-width:350px}}.transfer{width:100%;margin-top:12px}.answerHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.answerHead label{max-width:160px}.answerHead select{margin-top:0}button:disabled{cursor:default;opacity:.6}@media(pointer:coarse){input,select,button{min-height:44px}}@media(max-width:340px){body{padding:8px}.tool{padding:12px}.pair{gap:8px}}


.appIntro{max-width:732px;margin:0 auto 20px}.appIntro h1{font-size:24px;font-weight:600;margin:0 0 8px}.appIntro p{font-size:14px;margin:0}h2{margin-top:0}

.lossAmount{color:#ff4848}.education{max-width:732px;margin:16px auto 0}.education details{padding:14px;background:#15191b;border:1px solid #414546;border-radius:10px}.education summary{font-weight:600}.education p{font-size:13px}.education a{color:inherit;text-decoration:underline}.stopChart{margin:14px 0;font-size:13px}.stopChart figcaption{margin-bottom:12px}.stopLevel{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;margin:16px 0}.levelInfo{display:flex;flex-direction:column;justify-content:center;gap:6px}.levelLine{height:2px;background:#8c969d;width:100%}.stopLevel strong{font-weight:600}

#stopCandles{display:block;width:100%;height:280px;color:#c3c9cd}#stopCandles text{font:12px system-ui,sans-serif;fill:currentColor}.chartKey{font-size:12px;margin:6px 0}.exampleTotals p{margin:7px 0}.candleWick{stroke:currentColor;stroke-width:1.5}.candleBody{stroke:currentColor;stroke-width:1.5}.candleDown{fill:currentColor}.candleUp{fill:#15191b}.entryLevel{stroke:#ffc073;stroke-width:1.5}.stopLine{stroke:#ff4848;stroke-width:1.5;stroke-dasharray:5 4}.chartAxis{stroke:#8c969d;stroke-width:1}

.chartLabelBg{fill:#15191b}

/* NOWEDGE Labs palette: fixed dark surfaces, amber interaction accents. */
h2{color:#ffc073}.count:not(.lossAmount){color:#f4f5f6}button:hover:not(:disabled){border-color:#ffc073;background:#29231c}a{color:#ffc073}input,select,button{accent-color:#ffc073}

/* Compact planning inputs; labels preserve the daily budget meaning. */
.tools,.appIntro,.education{max-width:980px}.plannerInputs{display:grid;grid-template-columns:1.15fr 1.3fr .8fr;gap:10px;align-items:end}.plannerInputs label{font-size:12px}.plannerInputs input,.plannerInputs select{min-width:0}.tradeLimit{max-width:145px}.unitField{position:relative;display:block}.unitField input{padding-right:28px}.fieldUnit{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ffc073;pointer-events:none}input,select,button{min-height:34px;padding:6px 8px}.tool{padding:14px}.count{font-size:28px}.result{margin-top:12px;padding:10px}.gap{margin-top:10px}.steps{gap:6px}.plannerInputs select{font-size:12px}@media(max-width:900px){.plannerInputs{grid-template-columns:1fr 1fr}.tradeLimit{max-width:none}}@media(max-width:620px){.tools{max-width:420px}.appIntro,.education{max-width:420px}}@media(pointer:coarse){input,select,button{min-height:44px}}@media(max-width:340px){.plannerInputs{gap:8px}}

.currencyField input{padding-left:25px;padding-right:8px}.currencyUnit{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffc073;pointer-events:none}

/* Two-step budget-to-position progression. */
.tools{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px}.stepHeading{display:flex;align-items:center;gap:8px}.stepNumber{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;height:23px;border:1px solid #806639;border-radius:50%;font-size:13px;color:#ffc073}.progressArrow{color:#ffc073;text-align:center;font-size:22px;line-height:24px;padding-top:14px;user-select:none}.progressArrow::before{content:"→"}@media(max-width:620px){.tools{grid-template-columns:minmax(0,1fr);gap:8px}.progressArrow{padding:0;line-height:20px;font-size:20px}.progressArrow::before{content:"↓"}}

/* Compact direct risk input with dollar and cent adjustments. */
.riskDistance{max-width:160px}.riskAdjusters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:370px;gap:6px}.riskAdjusters button{font-size:12px;padding:6px 4px;white-space:nowrap}@media(max-width:340px){.riskAdjusters{grid-template-columns:repeat(2,minmax(0,1fr));max-width:220px}}

/* Increasing controls above decreasing controls, beside the risk field. */
.riskControlRow{display:grid;grid-template-columns:minmax(0,160px) minmax(0,76px) minmax(0,76px);gap:8px;align-items:end;max-width:328px}.riskControlRow .riskDistance{grid-column:1;min-width:0}.riskControlRow .riskAdjusters{grid-column:2 / 4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:4px;margin:0;max-width:none}.riskAdjusters #increaseDollar{grid-column:1;grid-row:1}.riskAdjusters #decreaseDollar{grid-column:1;grid-row:2}.riskAdjusters #increase{grid-column:2;grid-row:1}.riskAdjusters #decrease{grid-column:2;grid-row:2}.riskControlRow .riskAdjusters button{min-height:28px;padding:4px;font-size:12px}@media(pointer:coarse){.riskControlRow .riskAdjusters button{min-height:44px}}@media(max-width:340px){.riskControlRow{grid-template-columns:minmax(0,1fr) 65px 65px;gap:6px}}

/* Consistent loss values, including the linked per-trade input. */
#budget{color:#ff4848;font-weight:600;font-variant-numeric:tabular-nums}#budget:disabled{opacity:1;-webkit-text-fill-color:#ff4848}

/* Label and amount columns for the daily/per-trade budget summary. */
.budgetSummaryRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.budgetSummaryRow strong{font-size:13px;line-height:1.4}.budgetSummaryRow .count{text-align:right;font-size:26px;overflow-wrap:anywhere;margin:6px 0;font-variant-numeric:tabular-nums}#perTradeFormula{margin:8px 0 10px}@media(max-width:340px){.budgetSummaryRow{gap:8px}.budgetSummaryRow .count{font-size:22px}}

/* Compact educational cards, with space for future examples. */
.riskCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.riskCard{min-width:0;padding:14px;background:#15191b;border:1px solid #414546;border-radius:12px}.riskCard h3{margin:0;color:#ffc073;font-size:17px}.riskCard .stopChart{margin:12px 0 0}.riskCard #stopCandles{height:240px}.riskCard .stopChart figcaption{font-size:11px;margin-bottom:6px}.riskCard .chartKey{font-size:11px}.riskCard .exampleTradeRow{display:flex;justify-content:space-between;gap:10px;margin:6px 0;font-size:12px}.riskCard .exampleTradeRow>span{text-align:right}.riskCard .exampleTotals p{font-size:13px}.education .riskCard details{padding:10px 0 0;background:transparent;border:0;border-top:1px solid #414546;border-radius:0;margin-top:12px}.education>h2{font-size:18px;margin:0 0 10px}@media(max-width:620px){.riskCardGrid{grid-template-columns:minmax(0,1fr)}}

.riskCard h3{font-size:22px;font-weight:700}.positionSummaryRow strong{font-size:14px}

/* Beginner-friendly risk-buffer lesson, using a clearly labeled example. */
.lessonExample{font-size:12px;color:#bdc7ce;margin:14px 0}.lessonMetrics{padding:8px 12px;border:1px solid #636b70;border-radius:8px;background:#202629}.lessonMetrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.lessonMetrics>div+div{border-top:1px solid #414546}.lessonMetrics span{font-size:13px}.lessonMetrics strong{font-size:24px;font-variant-numeric:tabular-nums}.lessonFlow{padding:12px 0;font-size:13px}.lessonFlow>span{color:#ffc073;margin:0 5px}.riskCard .lessonCaution{font-size:12px;margin-top:14px}.riskCard.bufferLesson>p:not(.muted):not(.lessonExample):not(.lessonFlow){font-size:13px}

.riskLessonTable{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;font-variant-numeric:tabular-nums}.riskLessonTable th,.riskLessonTable td{padding:10px 6px;border-bottom:1px solid #414546;text-align:right}.riskLessonTable th:first-child,.riskLessonTable td:first-child{text-align:left}.riskLessonTable th{color:#bdc7ce;font-size:12px}.riskLessonTable td.lossAmount{font-weight:600}.consistentRiskLesson>p:not(.muted):not(.lessonExample):not(.lessonFlow){font-size:13px}

.riskBufferOverview{max-width:980px;margin:24px auto}.riskBufferOverview .riskCard{padding:20px}.riskGuideTeaser{max-width:980px;margin:20px auto;padding:20px;border:1px solid #414546;border-radius:12px}.riskGuideTeaser h2{font-size:20px;color:#ffc073}.riskGuideTeaser a{color:#ffc073}