.opd-figure{--opd-bg:#f8f7f3;--opd-panel:#efeee8;--opd-ink:#242d30;--opd-muted:#59676a;--opd-line:#dadfda;--opd-teal:#087f78;--opd-gold:#a76e25;--opd-purple:#78609b;--opd-red:#b34d3e;--opd-heat:184,118,37;box-sizing:border-box;background:var(--opd-bg);color:var(--opd-ink);border:1px solid var(--opd-line);border-radius:4px;padding:32px 36px 20px;margin:44px 0;font:15px/1.6 ibm plex sans,system-ui,sans-serif;isolation:isolate}body.dark .opd-figure{--opd-bg:#171d20;--opd-panel:#20292c;--opd-ink:#e5eae7;--opd-muted:#a5b5b5;--opd-line:#39474b;--opd-teal:#6bd0c0;--opd-gold:#dfb779;--opd-purple:#bca5e4;--opd-red:#f49885;--opd-heat:224,169,92;color-scheme:dark}.opd-figure *{box-sizing:border-box}.opd-figure p{margin:8px 0 16px}.opd-figure h3{font:500 clamp(23px,2.8vw,32px)/1.22 ibm plex sans,system-ui,sans-serif;letter-spacing:-.025em;margin:23px 0 12px;color:var(--opd-ink)}.opd-heading>p{max-width:76ch;color:var(--opd-muted);font-size:16px;line-height:1.65;margin-bottom:24px}.opd-eyebrow{display:flex;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--opd-line);font:11px/1.5 ibm plex mono,monospace;letter-spacing:.03em;color:var(--opd-muted)}.opd-eyebrow>span:first-child{color:var(--opd-teal);white-space:nowrap}.opd-chart{display:block;margin:4px -18px 12px}.opd-chart img{display:block;width:100%;height:auto;margin:0;border-radius:0}.opd-print{display:none !important}.opd-figure figcaption{border-top:1px solid var(--opd-line);padding-top:18px;color:var(--opd-muted);font-size:13px;line-height:1.65;text-align:left;margin-top:24px}.opd-caption-number{font-family:ibm plex mono,monospace;color:var(--opd-teal);margin-right:4px}.opd-footer{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font:10px/1.5 ibm plex mono,monospace;color:var(--opd-muted);margin-top:16px}.opd-footer nav{display:flex;gap:15px;flex-shrink:0}.opd-figure a{color:var(--opd-teal);text-decoration:underline;text-underline-offset:3px;box-shadow:none}.opd-finding{border-left:2px solid var(--opd-teal);padding:8px 18px;margin:16px 0 24px}.opd-finding strong{font-weight:500;font-size:20px;color:var(--opd-teal)}.opd-finding p{color:var(--opd-muted);font-size:13px;max-width:78ch;margin:5px 0}.opd-details{border-top:1px solid var(--opd-line);padding:12px 0;margin-top:16px}.opd-details summary{cursor:pointer;min-height:30px;font-size:13px;color:var(--opd-muted);line-height:30px}.opd-details p{font-size:13px}.opd-table-scroll{overflow:auto}.opd-figure table{width:100%;border-collapse:collapse;margin:15px 0;font-size:13px;display:table;white-space:normal}.opd-figure table caption{text-align:left;font-size:12px;color:var(--opd-muted);padding-bottom:10px}.opd-figure th,.opd-figure td{padding:10px 8px;border-bottom:1px solid var(--opd-line);text-align:right;white-space:nowrap}.opd-figure th:first-child{text-align:left;white-space:normal}.opd-figure th{font-weight:500}.opd-figure td small{display:block;color:var(--opd-muted);font:10px ibm plex mono,monospace}.opd-figure button,.opd-figure select{font:13px/1.4 ibm plex sans,system-ui,sans-serif;background:var(--opd-bg);color:var(--opd-ink);border:1px solid var(--opd-line);border-radius:4px;padding:10px 12px;min-height:44px;cursor:pointer}.opd-figure button:hover{border-color:var(--opd-teal)}.opd-figure :is(button,select,input,summary,a):focus-visible{outline:2px solid var(--opd-teal);outline-offset:4px}.opd-figure button[aria-pressed=true]{background:var(--opd-teal);color:var(--opd-bg);border-color:var(--opd-teal)}.opd-figure label{font-size:12px;color:var(--opd-muted)}.opd-figure select{display:block;max-width:100%;width:100%;margin-top:6px}.opd-js-only{display:none !important}.opd-ready .opd-js-only{display:flex !important}.opd-ready .opd-weights.opd-js-only{display:block !important}.opd-controls{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.opd-controls>label{flex:1;max-width:350px}.opd-presets{display:flex;flex-wrap:wrap;gap:8px}.opd-duet{display:grid;grid-template-columns:1fr 1fr;gap:36px}.opd-duet>section{min-width:0}.opd-figure h4{font-size:16px;font-weight:500;margin:0 0 10px;color:var(--opd-ink)}.opd-figure .opd-small{font-size:12px;color:var(--opd-muted);line-height:1.55}.opd-legend{display:flex;gap:20px;margin:22px 0;font-size:12px}.opd-key{display:flex;gap:7px;align-items:center}.opd-key::before{content:'';width:12px;height:4px;background:var(--opd-teal)}.opd-key.teacher::before{background:var(--opd-gold)}.opd-prob-row{display:grid;grid-template-columns:20px 1fr;gap:12px;margin:22px 0;align-items:center}.opd-prob-row>strong{font:13px ibm plex mono,monospace}.opd-prob-track{position:relative;background:var(--opd-panel);height:12px;margin:8px 56px 8px 0}.opd-prob-track>span{display:block;height:100%;background:var(--opd-teal)}.opd-prob-track>span.teacher{background:var(--opd-gold)}.opd-prob-track>output{position:absolute;right:-56px;top:-3px;font:12px/18px ibm plex mono,monospace;color:var(--opd-ink)}.opd-weights{border:0;border-top:1px solid var(--opd-line);padding:14px 0 0;margin:28px 0 0}.opd-weights legend{padding:0 10px 0 0;font-size:12px;color:var(--opd-muted)}.opd-weights label{display:flex;align-items:center;gap:12px;font-family:ibm plex mono,monospace}.opd-weights input{width:100%;height:30px;accent-color:var(--opd-teal);cursor:pointer}.opd-formula{font:14px/1.8 ibm plex mono,monospace;color:var(--opd-muted)}.opd-contributions svg{display:block;width:100%;margin:25px 0 4px}.opd-zero{stroke:var(--opd-muted);stroke-width:1}.opd-svg-small{fill:var(--opd-muted);font:11px ibm plex mono,monospace}.opd-svg-label{fill:var(--opd-ink);font:12px ibm plex mono,monospace}.opd-svg-value{fill:var(--opd-ink);font:11px ibm plex mono,monospace}.opd-contributions rect.positive{fill:var(--opd-gold)}.opd-contributions rect.negative{fill:var(--opd-teal)}.opd-kl-total{padding:20px 22px;background:var(--opd-panel);border-left:2px solid var(--opd-teal)}.opd-kl-total>span{font-size:12px;color:var(--opd-muted)}.opd-kl-total strong{display:block;font:38px/1.4 ibm plex mono,monospace;letter-spacing:-.03em;color:var(--opd-teal)}.opd-kl-total strong small{font:13px ibm plex sans,sans-serif;color:var(--opd-muted)}.opd-kl-total p{font-size:13px;color:var(--opd-muted);margin:8px 0 0;min-height:3.2em}.opd-label{font:11px/1.5 ibm plex mono,monospace;color:var(--opd-muted)}.opd-supervised{padding:18px 22px;border:1px solid var(--opd-line)}.opd-supervised p{font-size:14px;color:var(--opd-muted);margin:8px 0 0}.opd-supervised strong{font-weight:500;color:var(--opd-ink)}.opd-supervised p>span{margin:0 8px;color:var(--opd-gold)}.opd-loop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 16px}.opd-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.opd-stages section{padding:22px 18px;border:1px solid var(--opd-line);border-top:2px solid var(--opd-teal);min-width:0}.opd-stages section:nth-child(2){border-top-color:var(--opd-gold)}.opd-stages section[data-active=true]{background:var(--opd-panel);outline:1px solid var(--opd-teal)}.opd-stage-num{font:10px ibm plex mono,monospace;color:var(--opd-teal)}.opd-stages section:nth-child(2) .opd-stage-num{color:var(--opd-gold)}.opd-stages h4{font-size:19px;margin:18px 0 10px;letter-spacing:-.01em}.opd-stages p{font-size:13px;color:var(--opd-muted)}.opd-stages section>p:first-of-type{min-height:4.8em}.opd-prefix{font:12px/1.9 ibm plex mono,monospace;padding:10px 0;white-space:nowrap}.opd-prefix mark{background:var(--opd-panel);color:var(--opd-teal);padding:3px 6px;border-bottom:1px solid var(--opd-teal)}.opd-figure .opd-equation{font:12px/1.8 ibm plex mono,monospace;margin:14px 0;color:var(--opd-ink)}.opd-reward{display:block;font:28px/1.3 ibm plex mono,monospace;color:var(--opd-teal);margin:12px 0 18px}.opd-reward small{font:12px ibm plex sans,sans-serif;color:var(--opd-muted)}.opd-stage-note{display:block;color:var(--opd-muted);font-size:11px;border-top:1px solid var(--opd-line);padding-top:14px;margin-top:18px}.opd-loop-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:20px 0;border-bottom:1px solid var(--opd-line)}.opd-loop-bottom p{font-size:13px;color:var(--opd-muted);margin:0}.opd-ready .opd-loop-bottom label{display:block !important}.opd-figure .opd-step-description{font-size:12px;color:var(--opd-teal);margin:16px 0 0;min-height:3.2em}.opd-token-status{display:flex;align-items:baseline;gap:10px 16px;flex-wrap:wrap;font-size:12px;margin-bottom:26px;color:var(--opd-muted)}.opd-token-status strong{font-weight:500;color:var(--opd-teal)}.opd-token-status strong.opd-amber{color:var(--opd-gold)}.opd-token-text{white-space:pre-wrap;font:clamp(15px,1.8vw,21px)/2.5 ibm plex mono,monospace;padding:20px 0;overflow-wrap:anywhere;border-top:1px solid var(--opd-line);border-bottom:1px solid var(--opd-line)}.opd-token{background:rgba(var(--opd-heat),var(--heat));border-radius:2px;padding:3px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.opd-token[data-selected=true]{outline:2px solid var(--opd-gold);outline-offset:2px}.opd-heat-legend{display:flex;align-items:center;gap:12px;margin:18px 0;font:10px ibm plex mono,monospace;color:var(--opd-muted)}.opd-heat-scale{width:100px;height:7px;background:linear-gradient(90deg,rgba(var(--opd-heat),.035),rgba(var(--opd-heat),.575))}.opd-unit-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.opd-unit-notes p{font-size:14px;color:var(--opd-muted)}.opd-unit-notes strong{display:block;font-weight:500;color:var(--opd-gold);margin-bottom:5px}.opd-ready .opd-token-inspector{display:block !important;background:var(--opd-panel);padding:20px;margin:20px 0}.opd-token-inspector>label{display:block;max-width:310px}.opd-token-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.opd-token-metrics span{font-size:11px;color:var(--opd-muted);display:block}.opd-token-metrics strong{font:19px ibm plex mono,monospace;display:block;margin-top:7px}.opd-token-inspector .opd-small{margin-bottom:0}@media(min-width:1000px){.post-content .opd-figure{width:min(1040px,calc(100vw - 80px));max-width:none;margin-left:50%;transform:translateX(-50%)}}@media(max-width:760px){.opd-figure{padding:24px 20px 18px}.opd-eyebrow{font-size:10px}.opd-duet{gap:28px;grid-template-columns:1fr}.opd-stages{grid-template-columns:1fr}.opd-stages section>p:first-of-type{min-height:0}.opd-stages section{padding:20px}.opd-loop-toolbar{align-items:flex-start;flex-direction:column}.opd-loop-bottom{grid-template-columns:1fr;gap:16px}.opd-controls{flex-wrap:wrap}.opd-controls>label{max-width:none;flex-basis:100%}.opd-token-metrics{grid-template-columns:1fr 1fr}.opd-chart{margin:4px -12px 12px}.opd-heading>p{font-size:15px}.opd-footer{flex-direction:column;gap:10px}.opd-unit-notes{grid-template-columns:1fr;gap:0}.opd-token-text{font-size:15px}.opd-probability{border-bottom:1px solid var(--opd-line);padding-bottom:20px}.opd-heat-legend{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.opd-prob-track>span{transition:width 100ms ease-out}}@media print{.opd-figure{--opd-bg:#fff;--opd-panel:#f3f3f0;--opd-ink:#242d30;--opd-muted:#59676a;--opd-line:#dadfda;--opd-teal:#087f78;--opd-gold:#a76e25;--opd-heat:184,118,37;width:100% !important;transform:none !important;margin:24px 0 !important;padding:18px;background:#fff !important;color:#242d30 !important;break-inside:avoid;font-size:11px}.opd-chart{display:none}.opd-print{display:block !important;width:100%;height:auto}.opd-figure h3{font-size:21px}.opd-eyebrow{font-size:9px}.opd-heading>p{font-size:12px}.opd-ready .opd-js-only,.opd-footer nav,.opd-details{display:none !important}.opd-figure figcaption{font-size:10px}.opd-stages{grid-template-columns:repeat(3,1fr)}.opd-loop-bottom{display:block}.opd-stages section{padding:10px}.opd-stages h4{font-size:15px}.opd-prefix,.opd-figure .opd-equation{font-size:9px}.opd-duet{grid-template-columns:1fr 1fr;gap:20px}.opd-unit-notes{grid-template-columns:1fr 1fr}.opd-stages section[data-active=true]{outline:none;background:0 0}}.post-content .opd-figure>figcaption{color:var(--opd-muted);font-size:13px;font-weight:400;line-height:1.65;text-align:left}@media print{.opd-figure.opd-ready .opd-js-only{display:none !important}.post-content .opd-figure>figcaption{font-size:10px;color:#59676a}.opd-figure .opd-footer{display:none !important}}@media(min-width:601px) and (max-width:999px){.opd-chart{max-width:520px;margin-left:auto;margin-right:auto}}@media print{body .post-content .opd-figure{--opd-bg:#fff;--opd-panel:#f3f3f0;--opd-ink:#242d30;--opd-muted:#59676a;--opd-line:#dadfda;--opd-teal:#087f78;--opd-gold:#a76e25;--opd-purple:#78609b;--opd-red:#b34d3e;--opd-heat:184,118,37}}