.chart-section-container{margin:1.5rem 0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:20px}.chart-section-container>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:600}.chart-section-container select{font:inherit;min-height:44px;padding:8px;border:1px solid #94a3b8;border-radius:6px}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.chart-header h3{font-size:1.1rem;margin:0}.break-even-pill{font-size:.95rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:6px 10px;color:#0f172a}.amort-svg{width:100%;height:auto;display:block}.chart-point{cursor:pointer}.chart-point:focus{outline:none}.chart-point:focus .chart-visible-dot,.chart-point:hover .chart-visible-dot{stroke:#173f35;stroke-width:4;r:6}.chart-tooltip{min-height:3em;font-size:1rem!important;line-height:1.5;color:#334155!important;background:#f8fafc;padding:10px;border-radius:6px}.chart-footer{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #cbd5e1;padding-top:12px;color:#334155;font-size:1rem}.chart-green{color:#047857}.chart-negative{color:#b91c1c}.chart-assumptions{font-size:.875rem!important;line-height:1.5;color:#475569!important}.chart-table{margin-top:16px;overflow-x:auto}.chart-table summary{cursor:pointer;padding:8px 0}.chart-table table{width:100%;border-collapse:collapse;font-size:.9rem}.chart-table th,.chart-table td{text-align:right;padding:8px 4px;border-bottom:1px solid #e2e8f0}.chart-empty-state{padding:24px;color:#475569}.chart-pulse{transform-box:fill-box;transform-origin:center;animation:chart-pulse 2s ease-in-out 3}@keyframes chart-pulse{50%{transform:scale(1.6);opacity:.1}}@media(prefers-reduced-motion:reduce){.chart-pulse{animation:none}}@media(max-width:600px){.chart-section-container{padding:12px}.chart-header{display:block}.break-even-pill{display:block;margin-top:10px}.chart-footer{flex-direction:column}}

/* Same horizontal projection as SVG: plot from x=65 to x=565 of 600. */
.sc-page .chart-year-picker{display:grid;grid-template-columns:65fr 500fr 35fr;align-items:center;width:100%;font-size:1rem;color:#334155}
.chart-year-label{grid-column:1;min-width:0;padding-right:8px;font-size:.85rem;line-height:1.4}

.break-even-help{position:relative;display:inline-block;max-width:100%}
.break-even-help .break-even-pill{font:inherit;font-size:.95rem;cursor:pointer;text-align:left;line-height:1.5;min-height:44px}
.break-even-help .break-even-pill:hover,.break-even-help .break-even-pill:focus-visible{background:#e2e8f0;border-color:#64748b}
.break-even-tooltip{position:absolute;right:0;top:100%;z-index:5;width:340px;max-width:calc(100vw - 80px);padding:14px;background:#173f35;color:#fff;border-radius:8px;box-shadow:0 6px 18px #173f3533;font-size:.875rem;line-height:1.55;font-weight:400}
.chart-year-control{display:block;position:relative;grid-column:2;min-width:0}
.chart-year-control::before{content:'';position:absolute;left:0;right:0;top:calc(50% - 3px);height:6px;border-radius:3px;background:#cbd5e1;pointer-events:none}
.sc-page .chart-year-picker input{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;width:calc(100% + 20px);min-width:0;height:44px;min-height:44px;margin:0 0 0 -10px;padding:0;border:0;background:transparent;cursor:pointer}
.chart-year-picker input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:transparent}
.chart-year-picker input::-moz-range-track{height:6px;border-radius:3px;background:transparent}
.chart-year-picker input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:2px solid white;border-radius:50%;background:#047857;box-shadow:0 0 0 1px #047857}
.chart-year-picker input::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border:2px solid white;border-radius:50%;background:#047857;box-shadow:0 0 0 1px #047857}
@media(max-width:600px){.break-even-help{display:block}.break-even-help .break-even-pill{width:100%}.break-even-tooltip{width:100%;max-width:none}.chart-year-label{grid-column:1/-1;padding:0}.chart-year-control{grid-row:2}}


