/* Chart legibility and protected plot margins. */
.note-chart text{font-size:16px}
.chart-pan-hint{display:none;color:var(--muted);font-size:.8125rem;margin-top:18px}
.payoff-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;contain:inline-size;margin:20px 0;padding-bottom:8px;scrollbar-color:var(--control) var(--soft)}
.payoff-chart-scroll:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.payoff-chart-scroll svg{display:block;width:100%;min-width:560px;margin:0}
.payoff-chart-scroll .strike text{font-size:13px}
.payoff-chart-scroll .axis-title,.payoff-chart-scroll .axis-word{font-size:14px}
.lab-plot{width:min(100%,610px);margin:28px auto 0;overflow:visible}
.lab-plot svg{display:block;width:100%;min-height:0}
.lab-plot text{font-size:16px}
.lab-plot .lab-axis{fill:none;stroke:var(--control);stroke-width:1}
.chart-grid-large{grid-template-columns:1fr}
.chart-grid-large figure{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--control) var(--soft)}
.chart-grid-large img{width:100%;min-width:760px}
@media(max-width:800px){.chart-pan-hint{display:block}.payoff-chart-scroll{margin-top:8px}.lab-plot{margin-top:22px}.site-dialog{position:fixed;inset:16px auto auto 16px;width:calc(100dvw - 32px);max-height:calc(100dvh - 32px);margin:0}.dialog-head>*{min-width:0}.dialog-head h2{font-size:1.75rem;line-height:1.1;overflow-wrap:break-word}}