/* Precise educational plots extend the existing long-form article theme. */
.drawdown-article .dd-chart{margin-block:1.6rem;padding:1.25rem;border:1px solid #bccbd6;border-radius:1rem;background:#fff}
.drawdown-article .dd-chart figcaption{font-weight:750;font-size:1.08rem;line-height:1.5;color:#18344b;margin-block-end:.9rem}
.drawdown-article .dd-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;border-radius:.4rem}
.drawdown-article .dd-chart-scroll:focus-visible{outline:3px solid #315f82;outline-offset:3px}
.drawdown-article .dd-chart svg{display:block;width:100%;min-width:640px;height:auto;direction:ltr}
.drawdown-article .dd-legend{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin-block:.7rem;font-size:.95rem;color:#18344b}
.drawdown-article .dd-legend span{display:flex;align-items:center;gap:.5rem}
.drawdown-article .dd-legend i{width:1.6rem;border-block-start:3px solid #24649a}
.drawdown-article .dd-legend .equity i{border-color:#9b4d00;border-block-start-style:dashed}
.drawdown-article .dd-legend .depth i{border-color:#9d2949}
.drawdown-article .dd-stage-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}
.drawdown-article .dd-stage-buttons button{min-height:44px;min-width:44px;padding:.6rem .8rem;border:1px solid #9fb5c4;border-radius:.5rem;background:#fff;color:#16334b;font:inherit;cursor:pointer}
.drawdown-article .dd-stage-buttons button[aria-pressed="true"]{background:#183c5a;color:#fff;border-color:#183c5a}
.drawdown-article button:focus-visible,.drawdown-article input:focus-visible{outline:3px solid #b77b00;outline-offset:3px}
.drawdown-article .dd-stage-message{min-height:3rem;padding:.8rem 1rem;background:#edf3f7;border-radius:.5rem;font-size:1rem;line-height:1.65}
.drawdown-article .dd-chart .dd-note{font-size:.94rem;line-height:1.65;margin-block:1rem 0}
.drawdown-article .dd-calculator{margin-block:1.5rem;padding:1.4rem;border:1px solid #aabdc9;border-radius:1rem;background:#edf3f7}
.drawdown-article .dd-calculator h3{font-size:1.3rem;margin-block:0 1rem}
.drawdown-article .dd-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.drawdown-article .dd-calculator label{display:block;font-weight:650;font-size:1rem;line-height:1.5}
.drawdown-article .dd-calculator input{width:100%;display:block;margin-block-start:.5rem;padding:.75rem;border:1px solid #8da6b9;border-radius:.5rem;background:#fff;color:#18344b;font:inherit;direction:ltr}
.drawdown-article .dd-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.3rem 0}
.drawdown-article .dd-results div{background:#fff;border-radius:.6rem;padding:1rem}
.drawdown-article .dd-results dt{font-size:.9rem;line-height:1.5;color:#405768}
.drawdown-article .dd-results dd{margin:0;font-size:1.45rem;font-weight:750;color:#16334b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.5}
.drawdown-article .dd-error{color:#9b1d36;font-weight:650}
.drawdown-article .dd-formula{display:block;padding:1rem;background:#e7eef3;color:#18344b;border-radius:.5rem;margin-block:1rem;font-size:1.1rem;text-align:center;direction:ltr;overflow-wrap:anywhere}
.drawdown-article .dd-metric-table{min-width:45rem}
.drawdown-article .dd-selected th,.drawdown-article .dd-selected td{background:#fff2c6}
.drawdown-article [hidden]{display:none!important}
@media(max-width:620px){.drawdown-article .dd-chart{padding:.8rem}.drawdown-article .dd-inputs,.drawdown-article .dd-results{grid-template-columns:1fr}.drawdown-article .dd-calculator{padding:1rem}.drawdown-article .dd-results dd{font-size:1.3rem}}