.bp-learning-tabs{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid #d4ded7;padding-bottom:13px}.bp-learning-tabs button{background:transparent;border-color:transparent;font-size:13px;padding:10px 16px;color:#61736a}.bp-learning-tabs button[aria-selected=true]{background:#087f72;color:#fff;border-color:#087f72;box-shadow:0 3px 9px #087f7215}
body[data-page="dl/backprop"] .app>div{min-width:0}.bpp-control,.bpp-intro>div{min-width:0}
.bp-probe{background:#fff;border:1px solid #d4ddd6;border-radius:16px;overflow:hidden}.bpp-intro{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bpp-intro h2{font-family:var(--serif);font-size:27px;font-weight:600;margin:4px 0 8px;line-height:1.45}.bpp-intro p{font-size:12px;color:#536a60;margin:0;line-height:1.8}.bpp-intro p b{font-weight:500;color:#087f72}.bpp-sandbox{font-size:10px;white-space:nowrap;color:#607465;border:1px solid #d9e1d4;border-radius:99px;padding:5px 9px;background:#f8faf5}
.bpp-preset-bar{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #dde5dc;background:#f7f9f5}.bpp-preset-bar button{border:0;border-radius:0;text-align:left;padding:13px 24px;background:transparent;position:relative}.bpp-preset-bar button+button{border-left:1px solid #dde5dc}.bpp-preset-bar span{display:block;font-size:10px;color:#687b6c;margin-bottom:2px}.bpp-preset-bar b{display:block;font-size:13px;font-weight:500}.bpp-preset-bar button[aria-pressed=true]{background:#eaf4ed;color:#087f72}.bpp-preset-bar button[aria-pressed=true]:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:#087f72}
.bpp-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;padding:24px}.bpp-control{padding-right:24px;border-right:1px solid #e2e8de}.bpp-control>label{display:block;font-size:11px;font-weight:500;color:#3f5e4d;margin-bottom:6px}.bpp-control select{font-size:11px;padding:7px 8px;background:#fff;width:100%}.bpp-control>p{font-size:11px;color:#65786d;line-height:1.7;margin:9px 0 15px;min-height:36px}.bpp-value{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.bpp-value span{font-size:10px;color:#5a7264}.bpp-value output{font-size:25px;color:#213f31;display:block;font-variant-numeric:tabular-nums;line-height:1.5}.bpp-value span:last-child output{color:#c5572c}.bpp-control input[type=range]{width:100%;accent-color:#c5572c;margin:8px 0 0}.bpp-slider-label{font-size:10px!important}.bpp-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#65786d}.bpp-nudges,.bpp-probe-actions{display:flex;gap:7px;margin-top:13px}.bpp-nudges button,.bpp-probe-actions button{flex:1;white-space:nowrap;padding:7px 4px;font-size:10px}.bpp-probe-actions button.primary{min-width:0}.bpp-control .bpp-target-label{margin-top:22px}.bpp-control-note{display:block;font-size:10px;line-height:1.7;color:#748275;margin-top:10px}
.bpp-network-panel{min-width:0}.bpp-network-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.bpp-network-heading b{font-size:13px;font-weight:500}.bpp-network-heading span{font-size:10px;color:#6b7f72}.bpp-network-heading i{display:inline-block;width:7px;height:7px;background:#c5572c;border-radius:50%;margin-right:5px}.bpp-network-panel>svg{width:100%;display:block;max-height:370px;background-image:radial-gradient(#8caa962b .65px,transparent .65px);background-size:18px 18px;overflow:visible}.bpp-net-layer{font-size:14px;fill:#34513d;font-weight:600}.bpp-net-name{font-size:11px;fill:#536b5c}.bpp-net-number{font-size:18px;fill:#25432e;font-weight:500;font-variant-numeric:tabular-nums}.bpp-net-delta{font-size:11px;fill:#c5572c;font-variant-numeric:tabular-nums}.bpp-net-target{font-size:11px;fill:#536b5c}.bpp-net-edge{stroke:#becdc3;stroke-width:1.4;fill:none}.bpp-net-edge.affected{stroke:#c5572c;stroke-width:2.1}.bpp-net-edge.selected{stroke:#087f72;stroke-width:4}.bpp-net-node{fill:#fafcf9;stroke:#bfd0c2;stroke-width:1.5}.bpp-net-node.affected{fill:#fff6ef;stroke:#c7754f;stroke-width:2}.bpp-net-ring{fill:none;stroke:#e7a77c33;stroke-width:5}.bpp-network-help{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#687b6c;padding:3px 0 10px}
.bpp-results{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:13px 0;border-block:1px solid #e0e7dc}.bpp-results>div>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#506752}.bpp-results small{font-size:10px;color:#087f72}.bpp-results small.worse{color:#c5572c}.bpp-results p{margin:4px 0 0;display:flex;gap:15px;align-items:baseline;white-space:nowrap}.bpp-results s{text-decoration:none;color:#788a7a;font-size:15px;font-variant-numeric:tabular-nums}.bpp-results i{font-size:14px;color:#9aab9c;font-style:normal}.bpp-results output{font-size:29px;font-family:Georgia,serif;color:#2d5037;line-height:1.4;font-variant-numeric:tabular-nums}.bpp-live-caption{padding:13px 0 0;min-height:77px}.bpp-live-caption b{font-size:14px;color:#087f72;font-weight:500}.bpp-live-caption p{font-size:11px;line-height:1.75;color:#526b5b;margin:5px 0 0}
.bpp-reason{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce5d8;background:#f8faf6}.bpp-curve-panel,.bpp-gradient-panel{padding:23px 25px;min-width:0}.bpp-gradient-panel{border-left:1px solid #dce5d8}.bpp-section-title>span{font-size:10px;color:#087f72}.bpp-section-title h3{font-size:16px;font-weight:500;margin:4px 0 15px;line-height:1.5}.bpp-curve-panel svg{width:100%;display:block;touch-action:pan-y;overflow:visible}.bpp-plot-label{font-size:11px;fill:#627865}.bpp-plot-note{font-size:11px;fill:#087f72;font-weight:500}.bpp-curve-key{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#627865;margin:6px 0 0}.bpp-curve-key i{display:inline-block;width:16px;margin-right:4px;vertical-align:3px}.bpp-curve-line{border-top:2px solid #344f3b}.bpp-tangent-line{border-top:2px dashed #087f72}.bpp-small{font-size:10px;color:#637867;line-height:1.75;margin:10px 0 0}.bpp-gradient-row{display:flex;align-items:center;gap:20px;padding:12px 0 16px}.bpp-gradient-row>div{min-width:118px}.bpp-gradient-row span{font-size:10px;color:#617664}.bpp-gradient-row output{font-size:29px;color:#087f72;font-family:Georgia,serif;line-height:1.6;display:block;font-variant-numeric:tabular-nums}.bpp-gradient-row p{font-size:12px;line-height:1.85;margin:0;color:#3a5644}.bpp-sides{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bpp-sides>div{border:1px solid #dbe4d6;padding:8px 10px;background:white;border-radius:7px}.bpp-sides>div.better{border-color:#9fbaa4;background:#eef5eb}.bpp-sides span{font-size:9px;color:#637867;display:block}.bpp-sides b{display:block;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.bpp-sides small{font-size:9px;color:#617c66;display:block}.bpp-rate-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dce5d8;padding-top:17px;margin-top:18px}.bpp-rate-row label{font-size:12px;color:#36563d}.bpp-rate-row small{display:block;font-size:9px;color:#637867;margin-top:3px}.bpp-rate-row select{width:125px;font-size:11px;flex-shrink:0}.bpp-update-rule{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:13px}.bpp-update-rule>span{font-variant-numeric:tabular-nums;font-size:13px;color:#315938}.bpp-update-rule button{white-space:nowrap;font-size:11px;padding:7px 8px}
.bpp-derivation{border-top:1px solid #dce5d8;padding:18px 25px}.bpp-derivation>summary{font-size:12px;color:#315c42;cursor:pointer}.bpp-chain-intro h3{font-size:15px;margin:18px 0 5px;font-weight:500}.bpp-chain-intro p{font-size:11px;color:#607563;margin:0 0 17px}.bpp-chain{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;gap:9px;align-items:center}.bpp-chain>div{background:#f6f8f2;padding:13px;border-radius:7px;min-width:0}.bpp-chain span{display:block;font-size:10px;color:#59715f}.bpp-chain b{display:block;font-size:22px;font-weight:500;color:#32593b;font-variant-numeric:tabular-nums;line-height:1.8}.bpp-chain small{display:block;font-size:10px;color:#647867}.bpp-chain>i{font-size:21px;text-align:center;font-style:normal;color:#91a091}.bpp-chain>div:last-child{background:#e7f2e6}.bpp-path-summary{margin-top:18px;background:#fbf3ec;padding:13px 16px;border-left:3px solid #c7754f;font-size:11px;color:#72533c;line-height:1.8}.bpp-path-summary b{font-weight:500}.bpp-path-terms{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px}.bpp-path-terms span{font-variant-numeric:tabular-nums}.bpp-handoff{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;border-top:1px solid #dce5d8}.bpp-handoff p{font-size:12px;color:#526d59;margin:0;line-height:1.85}.bpp-handoff b{font-weight:500;color:#087f72}.bpp-handoff button{font-size:11px;white-space:nowrap}
@media(max-width:1100px){.bpp-workspace{grid-template-columns:220px minmax(0,1fr);gap:17px;padding:20px}.bpp-control{padding-right:17px}.bpp-network-heading{flex-wrap:wrap;gap:4px}.bpp-intro{padding:20px}.bpp-intro h2{font-size:24px}.bpp-sandbox{display:none}.bpp-preset-bar button{padding:12px 18px}.bpp-preset-bar b{font-size:12px}.bpp-network-help{flex-wrap:wrap}.bpp-curve-panel,.bpp-gradient-panel{padding:20px}.bpp-gradient-row{gap:12px}.bpp-gradient-row>div{min-width:100px}.bpp-gradient-row p{font-size:11px}.bpp-gradient-row output{font-size:26px}.bpp-sides>div{padding:8px}.bpp-rate-row{gap:10px;flex-wrap:wrap}.bpp-update-rule{flex-wrap:wrap}.bpp-results p{gap:9px}.bpp-results output{font-size:25px}.bpp-results{gap:14px}.bpp-results s{font-size:13px}.bpp-chain{gap:5px}.bpp-chain b{font-size:18px}.bpp-chain>div{padding:11px}}
@media(max-width:800px){.bpp-workspace{grid-template-columns:190px minmax(0,1fr);padding:16px;gap:16px}.bpp-control{padding-right:16px}.bpp-results{gap:10px}.bpp-results output{font-size:22px}.bpp-results s{font-size:11px}.bpp-results p{gap:7px}.bpp-reason{grid-template-columns:1fr}.bpp-gradient-panel{border-left:0;border-top:1px solid #dce5d8}.bpp-curve-panel svg{max-height:265px}.bpp-chain{grid-template-columns:1fr 15px 1fr;gap:10px}.bpp-chain>i:nth-child(4){display:none}.bpp-chain>div{min-height:108px}.bpp-handoff{align-items:flex-start;flex-direction:column;gap:12px}.bp-learning-tabs{gap:5px}.bp-learning-tabs button{font-size:11px;padding:9px 11px}}
@media(max-width:600px){.bp-learning-tabs{margin-bottom:15px;gap:8px}.bp-learning-tabs button{flex:1;font-size:11px;padding:10px;line-height:1.7;text-align:left}.bpp-intro{padding:17px 15px}.bpp-intro h2{font-size:22px;max-width:280px}.bpp-intro p{font-size:11px}.bpp-preset-bar button{padding:10px}.bpp-preset-bar span{font-size:9px}.bpp-preset-bar b{font-size:10px;line-height:1.7}.bpp-workspace{display:flex;flex-direction:column;padding:16px 14px;gap:18px}.bpp-control{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border:0;padding:0}.bpp-control>label:first-child{grid-column:1/-1}.bpp-control>select:first-of-type{grid-column:1/-1;font-size:12px}.bpp-control>p{grid-column:1/-1;min-height:0;margin:7px 0 13px;font-size:10px}.bpp-value{grid-column:1/-1;justify-content:flex-start;gap:40px;margin:0 0 10px}.bpp-value output{font-size:24px}.bpp-slider-label,#bpp-slider,.bpp-range-labels{grid-column:1/-1}.bpp-nudges,.bpp-probe-actions{gap:6px;margin-top:10px;grid-column:1/-1}.bpp-nudges button,.bpp-probe-actions button{font-size:11px;padding:7px 6px}.bpp-control .bpp-target-label{margin-top:15px;font-size:10px;grid-column:1;align-self:center}.bpp-control>select:last-of-type{grid-column:2;font-size:10px;margin-top:12px}.bpp-control-note{grid-column:1/-1;font-size:9px;margin-top:7px}.bpp-network-panel{border-top:1px solid #dfe7db;padding-top:15px}.bpp-network-panel>svg{max-height:none}.bpp-network-heading b{font-size:12px}.bpp-network-heading span{font-size:9px}.bpp-net-layer{font-size:14px}.bpp-network-help{font-size:8px;gap:4px}.bpp-results p{gap:9px}.bpp-results output{font-size:23px}.bpp-results s{font-size:12px}.bpp-results>div>span{font-size:10px;flex-wrap:wrap;gap:3px}.bpp-results small{font-size:9px}.bpp-live-caption{min-height:95px}.bpp-live-caption b{font-size:13px}.bpp-live-caption p{font-size:10px}.bpp-curve-panel,.bpp-gradient-panel{padding:18px 15px}.bpp-section-title h3{font-size:15px}.bpp-curve-key{gap:8px;font-size:9px}.bpp-gradient-row{gap:15px}.bpp-gradient-row output{font-size:27px}.bpp-sides>div{padding:8px}.bpp-sides b{font-size:13px}.bpp-sides{gap:5px}.bpp-rate-row{flex-wrap:wrap}.bpp-rate-row select{font-size:10px;width:114px}.bpp-rate-row small{font-size:9px}.bpp-rate-row label{font-size:11px}.bpp-update-rule{gap:10px}.bpp-update-rule>span{font-size:12px}.bpp-update-rule button{font-size:10px}.bpp-derivation{padding:16px 15px}.bpp-derivation>summary{font-size:11px;line-height:1.8}.bpp-chain-intro h3{font-size:13px}.bpp-chain-intro p{font-size:10px}.bpp-chain{gap:7px}.bpp-chain>div{padding:11px;min-height:122px}.bpp-chain b{font-size:19px}.bpp-chain small{font-size:9px}.bpp-path-summary{padding:10px 12px;font-size:10px}.bpp-path-terms{gap:7px}.bpp-handoff{padding:16px 15px}.bpp-handoff p{font-size:11px}.bpp-handoff button{width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.bp-probe *{transition:none!important;animation:none!important}}
@media(max-width:600px){.bpp-results p{display:grid;grid-template-columns:auto 1fr;gap:0 10px;white-space:normal}.bpp-results output{grid-column:1/-1}.bp-main .bpp-dock button{min-width:0}.bpp-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bpp-control select{min-width:0}}
@media(max-width:640px){.bpp-dock button{font-size:10px;padding:10px 4px}.bpp-dock .primary{flex:1.25}}
@media(max-width:800px){.bpp-chain{grid-template-columns:1fr}.bpp-chain>div{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;align-items:center}.bpp-chain>div>span{grid-column:1;grid-row:1}.bpp-chain>div>b{grid-column:2;grid-row:1/3;text-align:right}.bpp-chain>div>small{grid-column:1;grid-row:2}.bpp-chain>i,.bpp-chain>i:nth-child(4){display:block;line-height:1.1}}
@media(max-width:600px){.bpp-plot-label{font-size:15px}.bpp-plot-note{font-size:14px}.bpp-chain>div{padding:12px}.bpp-chain>i{font-size:18px}.bpp-chain>div>span{font-size:11px}.bpp-chain>div>b{font-size:21px}}