:root{font:16px/1.45 Arial,Helvetica,sans-serif;color:#182d33;background:#f5f3ed;--ink:#182d33;--teal:#16736e;--rust:#b44f37;--muted:#60747a;--line:#d6dedc;--paper:#fffdfa;--soft:#e4f0ed}*{box-sizing:border-box}body{max-width:1480px;margin:0 auto;padding:24px 32px}h1,h2,h3,p,figure{margin:0}h1{font:700 clamp(28px,3.2vw,44px)/1.15 Georgia,serif;margin:10px 0}h2{font-size:16px;line-height:1.3}a{color:var(--teal);text-underline-offset:3px}header,footer{display:flex;justify-content:space-between;gap:20px;font-size:14px}header{padding-bottom:18px;border-bottom:1px solid var(--line)}.page-title{margin:26px 0}.page-title>p:last-child{color:var(--muted)}.eyebrow{font:700 12px Consolas,monospace;letter-spacing:.06em;color:var(--rust)}button,input,select{font:inherit}button,select,input[type=number]{border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:7px 10px;color:var(--ink)}button{cursor:pointer;line-height:1.2}button:hover{border-color:var(--teal);background:var(--soft)}button.primary,button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #348d83;outline-offset:3px}[hidden]{display:none!important}.tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tabs button{font-weight:600;padding:10px 14px}.tabs a{margin-left:auto;white-space:nowrap;font-size:14px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;height:480px}.controls,.results{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.controls{padding:16px;overflow:auto;scrollbar-width:thin}.controls h2{margin-bottom:12px}.controls label{display:block;font-size:14px;margin-top:10px}.controls output{float:right;font-weight:600;font-variant-numeric:tabular-nums}.controls input[type=range]{width:100%;display:block;accent-color:var(--teal);height:18px;margin:4px 0 7px;cursor:pointer}.control-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:10px 0}.control-row label{margin:0}.control-row select,.control-row input{width:104px;font-size:13px;padding:5px 6px}.control-row input{width:75px}.buttons{display:flex;gap:6px;margin-top:12px}.buttons button{flex:1;font-size:13px;padding:7px 6px}.wide{width:100%;font-size:13px}.controls .checkbox{display:flex;align-items:center;gap:7px;font-size:13px}.checkbox input{accent-color:var(--teal)}.control-note{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.4}.results{display:flex;flex-direction:column;overflow:hidden}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line);flex-shrink:0}.result-heading span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.visual-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);flex:1;min-height:0}.main-plot{padding:18px 14px;display:flex;flex-direction:column;min-width:0}.main-plot svg{width:100%;flex:1;min-height:0}.side-panel{padding:13px 15px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:auto;scrollbar-width:thin}.side-panel figure{min-width:0}.side-panel svg{display:block;width:100%;height:190px}figcaption{font-size:14px;font-weight:600;line-height:1.3}figcaption span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}svg text{font-family:Arial,Helvetica,sans-serif;font-size:12px;fill:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.5}.legend span{display:inline-flex;gap:5px;align-items:center}.legend span:before{content:'';display:inline-block;width:16px;height:3px;background:var(--teal)}.legend .rust:before{background:var(--rust)}.legend .gray:before{background:#84908f}.plot-note,.small{font-size:12px;line-height:1.4;color:var(--muted)}.plot-note{margin-top:10px;min-height:34px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{padding:8px 10px;background:var(--soft);border-radius:6px;min-width:0}.metric span{display:block;font-size:11px;color:var(--muted);line-height:1.25}.metric strong{display:block;font:600 17px/1.6 Consolas,monospace;white-space:nowrap}.scope{margin-top:12px;padding:9px 12px;border-left:3px solid var(--teal);background:var(--soft);font-size:12px;color:var(--muted)}.learning-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr);flex:1;min-height:0}.double-plots{padding:12px 14px;display:flex;flex-direction:column;min-width:0;min-height:0;gap:7px}.double-plots figure{flex:1;min-height:0;display:flex;flex-direction:column}.double-plots svg{width:100%;flex:1;min-height:0}.learning-grid .side-panel svg{height:190px}.explanation{margin-top:36px}.explanation>h2{font:700 28px/1.2 Georgia,serif;margin-bottom:20px}.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px}.explanation-grid h3{font-size:18px;margin-bottom:9px}.explanation-grid p{color:var(--muted);font-size:15px;line-height:1.65}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:34px;font-size:12px}.embedded body{max-width:none;height:100dvh;padding:7px;display:flex;flex-direction:column;gap:6px}.embedded header,.embedded .page-title,.embedded .explanation,.embedded footer{display:none}.embedded .tabs{margin:0;flex-shrink:0}.embedded .tabs button{padding:7px 11px;font-size:14px}.embedded .tabs a{font-size:12px}.embedded .shell{height:auto;flex:1;min-height:0;grid-template-columns:218px minmax(0,1fr);gap:8px}.embedded .controls{padding:11px 12px}.embedded .controls h2{font-size:14px;margin-bottom:6px}.embedded .controls label{font-size:12px;margin-top:7px}.embedded .controls input[type=range]{height:16px;margin:2px 0 4px}.embedded .control-row{margin:7px 0}.embedded .control-row label{margin:0}.embedded .control-row select,.embedded .control-row input{font-size:12px;padding:4px 5px}.embedded .buttons{margin-top:8px}.embedded .buttons button,.embedded .wide{font-size:12px;padding:6px}.embedded .control-note{margin-top:9px;font-size:11px}.embedded .checkbox{font-size:12px}.embedded .result-heading{padding:8px 11px}.embedded .result-heading h2{font-size:14px}.embedded .visual-grid{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr)}.embedded .main-plot{padding:12px 12px 8px}.embedded .side-panel{padding:9px 11px;gap:5px}.embedded .side-panel svg{height:150px}.embedded figcaption{font-size:12px}.embedded figcaption span{font-size:10px}.embedded .plot-note,.embedded .small{font-size:11px}.embedded .metrics{gap:5px}.embedded .metric{padding:5px 8px}.embedded .metric span{font-size:10px}.embedded .metric strong{font-size:15px}.embedded .scope{margin:0;padding:5px 8px;font-size:11px;flex-shrink:0}.embedded .double-plots{padding:8px 11px;gap:5px}.embedded .learning-grid .side-panel svg{height:145px}.embedded .legend{gap:9px;font-size:10px}.embedded .plot-note{margin-top:5px;min-height:28px}
@media(max-width:850px){body{padding:20px}.shell{height:auto;grid-template-columns:210px minmax(0,1fr)}.results{min-height:550px}.visual-grid,.learning-grid{grid-template-columns:1fr}.main-plot{min-height:300px}.side-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;overflow:visible}.side-panel figure{grid-row:span 2}.side-panel svg{height:190px}.double-plots{min-height:410px}.embedded .results{min-height:0}.embedded .visual-grid,.embedded .learning-grid{grid-template-columns:minmax(0,1fr) 225px}.embedded .main-plot,.embedded .double-plots{min-height:0}.embedded .side-panel{display:flex;border-top:0;border-left:1px solid var(--line);overflow:auto}.embedded .shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:620px){body{padding:14px}.page-title{margin:20px 0}.tabs{flex-wrap:wrap}.tabs button{flex:1;font-size:12px;padding:9px 7px}.tabs a{display:none}.shell,.embedded .shell{grid-template-columns:1fr}.controls{overflow:visible}.controls section{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.controls section>*{grid-column:1/-1}.controls section>label:not(.checkbox){grid-column:1}.controls section>input[type=range]{grid-column:2;align-self:center}.controls .control-row{grid-column:auto}.result-heading{align-items:start}.result-heading span{white-space:normal;text-align:right}.results{min-height:0}.visual-grid,.learning-grid,.embedded .visual-grid,.embedded .learning-grid{display:flex;flex-direction:column}.side-panel,.embedded .side-panel{display:block;border-left:0;border-top:1px solid var(--line)}.side-panel>figure{max-width:310px;margin:auto}.side-panel>.metrics{margin:8px 0}.side-panel svg,.embedded .side-panel svg{height:180px}.double-plots,.embedded .double-plots{min-height:420px}.main-plot,.embedded .main-plot{min-height:310px}.explanation-grid{grid-template-columns:1fr}footer{flex-direction:column}.embedded body{height:auto;min-height:100dvh}.embedded .scope{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#passes{width:124px}