#lesson-signals{min-width:0}
.sg-help,.sg-label,.sg-status,.sg-pick,.sg-plot figcaption,.sg-single{font-size:.88rem}
.sg-help,.sg-plot figcaption{color:var(--muted)}
.sg-label{display:grid;gap:5px;margin-top:12px;font-weight:600}
.sg-input{border:1px solid #b5cbd5;border-radius:5px;padding:8px 10px;width:100%;min-height:64px;resize:vertical;color:var(--ink);font:normal .82rem/1.4 ui-monospace,monospace}
.sg-input:focus-visible{outline:3px solid #bd7c21;outline-offset:2px}
.sg-actions,.sg-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.sg-actions{margin:8px 0}
.sg-actions button,.sg-pick select,.sg-channel{font:inherit;font-size:.86rem;font-weight:620;border-radius:5px;cursor:pointer}
.sg-actions button,.sg-pick select{min-height:36px;padding:5px 12px}
.sg-primary{color:white;border:1px solid #23536f;background:#23536f}.sg-secondary,.sg-pick select{color:#275a74;background:white;border:1px solid #afc7d2}
.sg-status{font-weight:640;color:var(--teal)}.sg-status[data-error]{color:#9a351d}.sg-status:not(:empty){margin:10px 0}
.sg-result:not(:empty){padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fbfdfe}
.sg-pick select{margin-left:4px;max-width:100%}
.sg-single,.sg-pick{font-weight:640;color:var(--navy)}
.sg-legend{margin:8px 0}.sg-channel{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:white;border:1px solid var(--line);color:var(--ink)}
.sg-channel:before{content:"";width:20px;border-top:3px solid var(--channel)}.sg-channel:nth-child(n+2):before{border-top-style:dashed}.sg-channel[aria-pressed=false]{opacity:.55;text-decoration:line-through}
.sg-unit,.sg-time,.sg-x,.sg-y{font:500 .72rem/1.2 ui-monospace,monospace;color:#476373;font-variant-numeric:tabular-nums}
.sg-unit{margin:10px 0}.sg-frame{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:clamp(145px,25vw,215px) 22px auto;column-gap:6px}
.sg-y{position:relative;min-width:5.3ch;text-align:right}.sg-y span{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}
.sg-graph{width:100%;height:100%;border:1px solid #c8dadf;background:white;overflow:hidden}
.sg-grid{stroke:#dbe5e9;stroke-width:1}
.sg-x{position:relative;grid-area:2 / 2}.sg-x span{position:absolute;top:4px;transform:translateX(-50%);white-space:nowrap}.sg-x span:first-child:not(:only-child){transform:none}.sg-x span:last-child:not(:only-child){transform:translateX(-100%)}
.sg-time{grid-area:3 / 2;text-align:center}.sg-plot figcaption{margin-top:8px}
@container (max-width:420px){.sg-x span:nth-child(even){visibility:hidden}}
.sg-result{container-type:inline-size}
@media print{.sg-input,.sg-label,.sg-actions,.sg-help{display:none}.sg-result{break-inside:avoid}}