/* Gradient-boosting figures share the essay's CMU type and warm paper. Colour has one role:
   blue = the data, copper = the model's prediction, violet = what the next tree is fitted to. */
html.lean{--gb-data:#2B67AC;--gb-model:#A8472F;--gb-grad:#79609B}
html.lean[data-theme="dark"]{--gb-data:#81AFE6;--gb-model:#E78B70;--gb-grad:#BAA1DA}
#doc .eq-data,.k-data{color:var(--gb-data)}
#doc .eq-model,.k-model{color:var(--gb-model)}
#doc .eq-grad,.k-grad{color:var(--gb-grad)}
.k-data,.k-model,.k-grad{font-weight:600}
html.lean .gb-figure{margin:2em 0 2.3em}
.gb-plot{position:relative;min-width:0;min-height:180px}
.gb-plot > svg{display:block;width:100%;max-width:100%;overflow:hidden}
.gb-plot > svg text{user-select:none;-webkit-user-select:none}
.gb-plot > svg .gb-handle{cursor:ew-resize;touch-action:pan-y}
.gb-plot > svg .gb-handle.gb-v{cursor:ns-resize;touch-action:none}
.gb-plot > svg .gb-handle.gb-free{cursor:grab;touch-action:none}
.gb-plot > svg .gb-pick{cursor:pointer}
.gb-plot > svg,.gb-plot > svg:focus,.gb-plot > svg:focus-visible,.gb-plot > svg .gb-handle:focus-visible{outline:none}   /* no frame around a figure, ever; keyboard focus shows on the handle ring below */


.gb-control{position:absolute;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gb-control input{width:1px;height:1px}

.gb-figure{position:relative}
html.lean .gb-figure figcaption{font-family:var(--serif);font-size:.84em;line-height:1.5;color:var(--muted);margin:14px 0 0}
html.lean .gb-figure figcaption b{color:var(--ink);font-weight:400}
html.lean .gb-figure .katex{font-size:1em}
html.lean .gb-figure .kicker{display:none}
html.lean[data-source="gbm-derived.md"] .eq,
html.lean[data-source="gbm-derived.md"] .tw{position:relative}
@media (min-width:1100px){
  html.lean .gb-figure.gb-wide{width:calc(100% + 300px);max-width:calc(100vw - 56px);margin-left:-150px;margin-right:-150px}
  html.lean .gb-figure.gb-wide figcaption{max-width:var(--measure);margin-left:auto;margin-right:auto}
}
@media (max-width:620px){
  html.lean .gb-figure figcaption{font-size:.86em}
}
@media (prefers-reduced-motion:reduce){.gb-plot *{animation:none !important;transition:none !important}}
@media print{.gb-figure{break-inside:avoid}}

.gb-grip circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.gb-grip path{fill:var(--ink)}
.gb-plot > svg:focus-visible:not([data-pointer]) .gb-grip circle{stroke:var(--accent);stroke-width:2.5}
main details.more .eq.lean-wide{width:auto;max-width:100%;left:0;transform:none}
main details.more .katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%}