/* Local presentation host. Source widgets remain in ../vendor without edits. */
:root{--md-default-bg-color:#fffdf8;--md-code-bg-color:#edf3ed;--md-default-fg-color:#163641;--md-default-fg-color--light:#436571;--md-default-fg-color--lighter:#8ea9af;--md-default-fg-color--lightest:#c1d1d1;--md-primary-fg-color:#164e62;--md-primary-bg-color:#e4f3a7;--md-accent-fg-color:#a3572f;--md-code-font-family:Consolas,Menlo,monospace}
*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:#143644;font-family:Arial,Helvetica,sans-serif;font-size:18px}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #ae6134;outline-offset:2px}.source-caption{font:12px/1.3 Consolas,Menlo,monospace;letter-spacing:.035em;padding:8px 15px;background:#163b49;color:#d9e8e6}.explanation{padding:12px 19px;border-top:2px solid #a95c35;background:#faf0df;font-size:20px;line-height:1.3;min-height:56px}.host-foot{font-size:11px;color:#42606a;padding:6px 17px}.error{background:#fbd7c4;padding:20px}
/* Same original score widget, with its original controls and result comparison. */
.qse{margin:0;font-size:17px;--t-pen:#956607}.qse .explorer{border:0;grid-template-columns:390px 1fr;overflow:visible;min-height:395px}.qse .controls{padding:12px 15px;gap:11px;border-right:1px solid #b7cdd1;display:grid;grid-template-columns:1fr 1fr}.qse .controls>fieldset{grid-column:1/3}.qse .controls>div:nth-child(2){grid-column:1/3}.qse .formulas{display:flex;gap:6px}.qse .formula-opt{flex:1}.qse .formula-opt label{display:block;padding:7px;font-size:12px;min-height:52px}.qse .formula-opt .key{display:none}.qse .formula-opt .desc{font-size:10px;line-height:1.2}.qse .formula-opt .tag{font-size:9px;margin-left:0}.qse .group-label{font-size:12px;margin-bottom:5px}.qse .stack{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.qse .ctl-head{display:block}.qse .ctl-head label{font-size:13px;white-space:nowrap}.qse .ctl-head input{width:100%;font-size:17px;margin-top:4px;padding:4px 6px}.qse .ctl input[type=range]{margin-top:7px;width:100%}.qse .size-line{grid-column:1/4;font-size:13px;line-height:1.3;margin-top:0;padding:6px}.qse .def{font-size:12px;margin-top:4px}.qse .walltime{grid-column:1/3;font-size:12px;line-height:1.3;padding:7px 8px;border:1px solid #c8d4c9}.qse .results{grid-template-columns:.95fr 1.05fr;align-content:start}.qse .part{padding:12px 15px;display:block;min-width:0}.qse .part+.part{border-top:0;border-left:1px solid #c4d6d7}.qse .part-title{font-size:16px}.qse .part-head{gap:8px}.qse .switch{font-size:11px}.qse .display-math{font:15px/1.35 Consolas,monospace;padding:10px 0}.qse .plot-wrap{margin-top:10px}.qse .plot{width:100%;height:auto;min-height:245px}.qse .key{font-size:11px;gap:7px;margin:14px 0}.qse .key span{line-height:1.35}.qse .chip{font-size:12px}.qse .terms{grid-template-columns:110px 1fr 58px;gap:10px 8px;margin-top:20px}.qse .term-name{font-size:14px}.qse .term-name .sub{font-size:11px}.qse .term-vals{font-size:15px}.qse .term-vals span{font-size:12px}.qse .term-vals.total{font-size:18px}.qse .term-name.total{font-size:17px}.qse .term-bars{height:33px}.qse .tip{font-size:12px;min-width:200px}
/* Backfill: time chart and queue side by side, all score columns retained. */
.bfa{margin:0;font-size:18px;--label:95px;--track:11px}.bfa .frame{border:0;display:grid;grid-template-columns:43% 57%;border-radius:0}.bfa .section{padding:9px 15px}.bfa .head{grid-column:1/3;justify-content:space-between;flex-wrap:nowrap;min-height:57px}.bfa .section:nth-child(3){border-left:1px solid #c5d5d5}.bfa .section:nth-child(4){grid-column:1/3}.bfa button.icon{width:40px;height:40px}.bfa button.icon svg{width:23px;height:23px}.bfa .clock{font-size:22px}.bfa .clock small{font-size:11px}.bfa .stat b{font-size:20px}.bfa .stat span{font-size:11px}.bfa .status-row{gap:30px}.bfa .stats{gap:23px}.bfa .legend{font-size:12px;gap:8px}.bfa .section-head{display:block}.bfa .title{font-size:17px}.bfa .timeline-wrap{margin-top:22px}.bfa .node{padding:5px 0}.bfa .node-name{font-size:13px}.bfa .axis-track{font-size:11px}.bfa .now:after{font-size:13px}.bfa .table-head{display:block;margin-bottom:8px}.bfa .table-note{font-size:12px;display:block;line-height:1.3;margin-top:7px}.bfa table.bfa-table{font-size:14px}.bfa table.bfa-table td{height:29px;padding:0 6px}.bfa table.bfa-table th{font-size:10px;letter-spacing:0;padding:4px 6px}.bfa table.bfa-table td.mono{font-size:13px}.bfa .log{font-size:16px;height:76px;grid-template-columns:65px 112px 1fr;gap:5px}.bfa .log time{font-size:12px}.bfa .log .tag{font-size:10px}.bfa .log p{line-height:1.35}.bfa .host-selected{outline:3px solid #773d1d;outline-offset:-1px;z-index:3}.bfa .rows tr.more td{font-size:12px}
@media(min-height:750px){.qse{font-size:22px}.qse .explorer{min-height:600px;grid-template-columns:430px 1fr}.qse .controls{padding:24px;gap:20px}.qse .part{padding:24px}.qse .part-title{font-size:21px}.qse .ctl-head label{font-size:17px}.qse .ctl-head input{font-size:21px}.qse .formula-opt label{font-size:14px}.qse .group-label{font-size:15px}.qse .terms{grid-template-columns:140px 1fr 70px;gap:19px 12px}.qse .term-name{font-size:18px}.qse .term-vals{font-size:19px}.qse .term-vals.total{font-size:26px}.qse .key{font-size:14px}.qse .plot{min-height:330px}.explanation{font-size:25px;padding:18px 24px}.bfa{--track:19px}.bfa .node{padding:10px 0}.bfa .clock{font-size:28px}.bfa .legend{font-size:15px}.bfa table.bfa-table{font-size:18px}.bfa table.bfa-table td{height:43px}.bfa table.bfa-table td.mono{font-size:17px}.bfa table.bfa-table th{font-size:13px}.bfa .log{font-size:21px;height:117px}.bfa .section{padding:17px 20px}.bfa .title{font-size:22px}}
@media(max-width:1050px){.qse .explorer{grid-template-columns:340px 1fr}.qse .results{grid-template-columns:1fr}.qse .part+.part{border-top:1px solid #bdcfd2}.bfa .frame{grid-template-columns:1fr}.bfa .head,.bfa .section:nth-child(4){grid-column:auto}.bfa .head{flex-wrap:wrap}.bfa .section:nth-child(3){border-left:0}.bfa .log{height:110px}}
.view-choice{display:flex;justify-content:space-between;align-items:center;padding:7px 16px;border-bottom:1px solid #bfced0;font-size:13px}.view-choice button{border:1px solid #8aa6ad;background:#eef3ed;border-radius:5px;padding:7px 12px;color:#204c5b;cursor:pointer}.score-host:not(.show-curves) .qse .explorer{grid-template-columns:44% 56%;min-height:365px}.score-host:not(.show-curves) .qse .controls{padding:15px 23px;grid-template-columns:1fr 1fr;gap:16px 25px}.score-host:not(.show-curves) .qse .formulas .formula-opt:not(:first-child){display:none}.score-host:not(.show-curves) .qse .formula-opt label{font-size:17px;min-height:0;padding:7px 12px}.score-host:not(.show-curves) .qse .formula-opt .desc{display:inline;margin-left:12px;font-size:13px}.score-host:not(.show-curves) .qse .group-label{font-size:14px}.score-host:not(.show-curves) .qse .ctl-head label{font-size:18px}.score-host:not(.show-curves) .qse .ctl-head input{font-size:23px;padding:3px 7px}.score-host:not(.show-curves) .qse .def{font-size:15px;line-height:1.3}.score-host:not(.show-curves) .qse .size-line{font-size:17px}.score-host:not(.show-curves) .qse .results{display:block}.score-host:not(.show-curves) .qse .results>.part:first-child{display:none}.score-host:not(.show-curves) .qse .part{padding:18px 25px;border-left:0}.score-host:not(.show-curves) .qse .part-title{font-size:21px}.score-host:not(.show-curves) .qse .key{font-size:14px}.score-host:not(.show-curves) .qse .terms{grid-template-columns:175px 1fr 85px;gap:12px 14px;margin-top:15px}.score-host:not(.show-curves) .qse .term-name{font-size:20px}.score-host:not(.show-curves) .qse .term-name .sub{font-size:14px}.score-host:not(.show-curves) .qse .term-vals{font-size:22px}.score-host:not(.show-curves) .qse .term-vals span{font-size:16px}.score-host:not(.show-curves) .qse .term-name.total{font-size:24px}.score-host:not(.show-curves) .qse .term-vals.total b{font-size:28px}.score-host:not(.show-curves) .qse .walltime{font-size:15px;padding:10px}.score-host:not(.show-curves) .qse .chip{font-size:14px}
.score-host[data-preset=waiting] #qse-hours-num,.score-host[data-preset=gpu] #qse-gpus-num,.score-host[data-preset=fairshare] #qse-usage-range{outline:3px solid #aa6138;outline-offset:2px}.score-host[data-preset=waiting] .qse .terms>:nth-child(n+7):nth-child(-n+9),.score-host[data-preset=gpu] .qse .terms>:nth-child(n+4):nth-child(-n+6){background:#f9e5d1}.backfill-host .explanation{font-size:20px;padding:11px 17px;line-height:1.3;border-top:0;border-bottom:2px solid #a96743}.backfill-host .bfa .log{height:48px}.backfill-host .bfa .section:nth-child(4) .section-head{display:none}.backfill-host .bfa .head{min-height:51px}.backfill-host .bfa .node{padding:3px 0}
@media(min-height:750px){.backfill-host .explanation{font-size:24px}.backfill-host .bfa .log{height:95px}.backfill-host .bfa .section:nth-child(4) .section-head{display:block}.score-host:not(.show-curves) .qse .explorer{min-height:585px}.score-host:not(.show-curves) .qse .terms{gap:25px 20px}.score-host:not(.show-curves) .qse .part{padding:25px}.score-host:not(.show-curves) .qse .controls{gap:28px}.score-host:not(.show-curves) .qse .term-name{font-size:24px}.score-host:not(.show-curves) .qse .term-vals b{font-size:26px}.score-host:not(.show-curves) .qse .term-vals.total b{font-size:34px}}

/* Compact teaching view: the causal annotation is always above the inspected values. */
.score-host .explanation{font-size:18px;padding:8px 18px;min-height:48px;border-top:0;border-bottom:2px solid #a95c35}
@media(max-height:749px){
.score-host:not(.show-curves) .qse .controls{padding:9px 19px;gap:8px 21px}
.score-host:not(.show-curves) .qse .formula-opt .desc{display:none}
.score-host:not(.show-curves) .qse .group-label{font-size:12px;margin-bottom:3px}
.score-host:not(.show-curves) .qse .ctl-head label{font-size:17px}
.score-host:not(.show-curves) .qse .ctl-head input{font-size:21px}
.score-host:not(.show-curves) .qse .walltime{font-size:14px;padding:6px 8px}
.score-host:not(.show-curves) .qse .def{font-size:14px}
.score-host:not(.show-curves) .qse .part{padding:11px 22px}
.score-host:not(.show-curves) .qse .key{margin:7px 0}
.score-host:not(.show-curves) .qse .terms{gap:8px 12px;margin-top:8px}
.score-host .host-foot{display:none}
.backfill-host .bfa .log{height:28px;mask-image:none;overflow:hidden}
.backfill-host .bfa .log time,.backfill-host .bfa .log .tag,.backfill-host .bfa .log p{line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Guided views project values and events produced by the original engines. */
.score-comparison{display:flex;align-items:center;gap:30px;padding:12px 20px;border-bottom:1px solid #b7cbd0;background:#eaf0e5}.score-comparison>div{min-width:120px}.score-comparison span{display:block;font-size:13px;color:#446976}.score-comparison b{font-size:30px;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.score-comparison p{font-size:14px;line-height:1.4;margin:0 0 0 auto;max-width:500px}.score-comparison p strong{display:inline}.qse .term-vals{display:flex;flex-direction:column;align-items:flex-end;gap:5px;line-height:1.2}.score-host:not(.show-curves) .qse .terms{grid-template-columns:175px 1fr 115px}.score-host:not(.show-curves) .qse .term-vals.total b{font-size:25px}.score-host:not(.show-curves) .qse .term-vals.total span{font-size:16px}
.backfill-host .bfa .log{height:auto;min-height:75px;overflow:visible;mask-image:none}.backfill-host .bfa .log time,.backfill-host .bfa .log .tag,.backfill-host .bfa .log p{white-space:normal;overflow:visible;line-height:1.35}.backfill-host .bfa .section:last-child{padding-bottom:16px}.backfill-host .bfa .frame{overflow:visible}.backfill-host{overflow:auto}
.backfill-focus{padding:18px 24px;color:#153b49}.backfill-focus[hidden]{display:none}.inspecting-event #backfill-animation{display:none}.inspecting-event #backfill-explanation{display:none}.focus-heading{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:35px;border-bottom:1px solid #b4c9cd;padding-bottom:17px}.focus-heading>div{border-left:3px solid #4e8290;padding-left:17px}.focus-heading span{font:13px Consolas,monospace;color:#517381;display:block}.focus-heading strong{font-size:28px;display:block;margin:8px 0}.focus-heading b{font-size:17px;font-weight:400}.focus-axis{display:flex;justify-content:space-between;margin:19px 0 13px;font-size:15px}.focus-lanes{display:flex;flex-direction:column;gap:10px}.focus-lane{display:grid;grid-template-columns:75px 1fr;gap:14px;align-items:center;font-size:15px}.focus-track{height:34px;position:relative;background:#e6ede8;border:1px solid #b5cccd}.focus-interval{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font:14px Consolas,monospace;white-space:nowrap;overflow:hidden}.focus-interval.occupied{background:#8cabad;color:#173c4a}.focus-interval.candidate{background:#277386;color:#fff;border:2px solid #164f60;z-index:2;transition:background .3s}.focus-interval.reservation{background:repeating-linear-gradient(135deg,#e9c096 0 6px,#f7dfbd 6px 12px);border:2px solid #a76632;z-index:3;color:#5c361f}.backfill-focus[data-phase=before] .candidate{background:transparent;color:#195169;border-style:dashed}.backfill-focus[data-phase=protected] .reservation{box-shadow:0 0 0 3px #ac643150}.focus-conclusion{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #b6cbcf;margin-top:17px;padding-top:15px;font-size:18px;line-height:1.3}.focus-conclusion>b{color:#176177}.focus-conclusion>span{max-width:60%;font-size:16px}.focus-controls{display:flex;gap:10px;margin-top:17px}.focus-controls button{font:16px Arial;background:#fff;border:1px solid #7397a1;border-radius:5px;padding:9px 13px;color:#1c4856;cursor:pointer}.focus-controls button[aria-pressed=true]{background:#174858;color:#eff5e6}.focus-controls [data-return-engine]{margin-left:auto}.focus-note{font-size:12px;color:#52727b;margin:14px 0 0}
@media(min-height:750px){.backfill-focus{padding:30px 40px}.focus-heading strong{font-size:36px}.focus-heading span{font-size:17px}.focus-heading b{font-size:22px}.focus-axis{font-size:21px;margin:30px 0 22px}.focus-lane{font-size:20px}.focus-track{height:60px}.focus-lanes{gap:17px}.focus-interval{font-size:20px}.focus-conclusion{font-size:25px;margin-top:27px;padding-top:23px}.focus-conclusion>span{font-size:23px}.focus-controls{margin-top:25px}.focus-controls button{font-size:20px;padding:12px 17px}.focus-note{font-size:16px}.score-comparison{padding:18px 25px}.score-comparison b{font-size:38px}.score-comparison span{font-size:16px}.score-comparison p{font-size:17px}}

.focus-node-label{font-size:15px;margin-top:15px}.focus-axis{position:relative;height:29px;margin:8px 0 7px 89px;font-size:14px;display:block}.focus-axis>span{position:absolute;bottom:0;border-left:1px solid #4d7c8a;padding:0 0 7px 5px;white-space:nowrap}.focus-axis .focus-now-label{left:0}.focus-axis .focus-reservation-label{transform:translateX(0)}
@media(max-height:749px){
.score-host:not(.show-curves) .source-caption{display:none}.score-host .view-choice{padding:4px 12px;font-size:12px}.score-host .view-choice button{padding:5px 9px;font-size:12px}.score-host .explanation{padding:7px 15px;min-height:0;font-size:16px}.score-comparison{padding:8px 17px;gap:22px}.score-comparison b{font-size:27px}.score-comparison p{font-size:13px}.score-host:not(.show-curves) .qse .explorer{min-height:0}.score-host:not(.show-curves) .qse .controls{gap:6px 18px;padding:8px 17px}.score-host:not(.show-curves) .qse .terms{gap:5px 10px;margin-top:6px}.score-host:not(.show-curves) .qse .term-vals{font-size:19px;gap:3px}.score-host:not(.show-curves) .qse .term-vals span{font-size:14px}.score-host:not(.show-curves) .qse .term-name{font-size:18px}.score-host:not(.show-curves) .qse .term-name .sub{font-size:13px}.score-host:not(.show-curves) .qse .walltime{padding:6px;font-size:13px}.score-host:not(.show-curves) .qse .part-title{font-size:18px}.score-host:not(.show-curves) .qse .key{font-size:12px}.score-host:not(.show-curves) .qse .part{padding:10px 18px}
}
@media(min-height:620px){.backfill-focus .focus-heading strong{font-size:32px}.backfill-focus .focus-heading span{font-size:15px}.backfill-focus .focus-heading b{font-size:20px}.backfill-focus .focus-track{height:44px}.backfill-focus .focus-interval{font-size:17px}.backfill-focus .focus-conclusion{font-size:22px}.backfill-focus .focus-conclusion>span{font-size:19px}.backfill-focus .focus-controls button{font-size:18px}.backfill-focus .focus-note{font-size:14px}.backfill-focus .focus-axis{margin-left:89px;height:32px;font-size:16px}}

@media(max-height:749px){.backfill-focus{padding-top:12px;padding-bottom:8px}.backfill-focus .focus-note{margin-top:8px}}

/* Workshop framing is supplied by the slide; retain the original engines and inputs. */
.score-host .view-choice,.score-host .qse .controls>fieldset,.backfill-host .source-caption{display:none}
.score-host .qse .controls>div:nth-child(2){grid-column:1/3}
.score-host .explanation{font-size:19px;padding:10px 18px;min-height:48px}
.score-host .score-comparison{padding:10px 18px}
.score-host:not(.show-curves) .qse .ctl-head label{font-size:20px}
.score-host:not(.show-curves) .qse .ctl-head input{font-size:24px}
.score-host:not(.show-curves) .qse .term-name{font-size:21px}
.score-host:not(.show-curves) .qse .term-vals{font-size:22px}
.score-host:not(.show-curves) .qse .terms{gap:9px 12px}
.score-host:not(.show-curves) .qse .part-title{font-size:20px}
.score-host .score-comparison p{max-width:470px}
.backfill-focus{padding:14px 24px}
.backfill-focus .focus-heading strong{font-size:31px}
.backfill-focus .focus-heading span{font-size:16px}
.backfill-focus .focus-heading b{font-size:21px}
.backfill-focus .focus-track{height:32px}
.backfill-focus .focus-lanes{gap:8px}
.backfill-focus .focus-interval{font-size:18px}
.backfill-focus .focus-conclusion{font-size:23px}
.backfill-focus .focus-conclusion>span{font-size:20px}
.backfill-focus .focus-controls{margin-top:10px}
.backfill-focus .focus-note{display:none}