.signal-station{max-width:1080px;margin:auto;color:#23372d;letter-spacing:0}
.signal-note{display:block;font-size:12px}
.signal-controls>button{align-self:start;justify-self:start}
.signal-status,.signal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.signal-status{justify-content:space-between;padding:14px 0;border-block:1px solid #a3bbae}
.signal-station button,.signal-station select{font:600 15px Arial,sans-serif;min-height:44px;max-width:100%;border:1px solid #587568;border-radius:5px;padding:10px 14px;color:#23372d;background:#fff;cursor:pointer;white-space:normal}.signal-station button:hover{background:#eef5f0}.signal-station button.primary-action{background:#176677;color:#fff;border-color:#176677;width:auto}.signal-station button:disabled{opacity:.55;cursor:default}
.signal-station :focus-visible{outline:3px solid #a24324;outline-offset:3px}.signal-station h2{font-size:24px;line-height:1.3}.signal-station h3{font-size:19px}.signal-station p{line-height:1.65}
.signal-cover{display:block;width:100%;aspect-ratio:5/2;max-height:320px;object-fit:contain}.signal-teach{padding:14px 18px;border-left:4px solid #287d8b;background:#eaf5f8}
.signal-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px;align-items:start}.signal-workspace figure{margin:0;min-width:0}.signal-workspace svg{display:block;width:100%;aspect-ratio:4/3;max-height:430px;background:#eef6f2;border:1px solid #a3bbae;border-radius:6px}.signal-workspace figcaption{margin-top:10px;font-size:15px;line-height:1.6}
.signal-controls{min-width:0}.signal-controls fieldset{border:0;border-bottom:1px solid #a3bbae;margin:0 0 12px;padding:0 0 12px;display:flex;gap:12px;flex-wrap:wrap}.signal-controls legend{font-weight:700;margin-bottom:8px}.signal-controls label{display:flex;gap:8px;align-items:center;min-height:44px}.signal-controls input{width:22px;height:22px;accent-color:#176677}
#signal-feedback{padding:14px 18px;background:#e7f3eb;border-left:4px solid #287643;min-height:70px;font-weight:600}#signal-feedback[data-error=true]{background:#fff0e9;border-color:#a94425;color:#842b16}
.signal-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:14px 0 24px}.signal-table caption{text-align:left;font-weight:700;margin-bottom:10px}.signal-table th,.signal-table td{padding:10px 5px;text-align:center;border:1px solid #a3bbae;overflow-wrap:anywhere}.signal-table th{background:#edf4f0;font-size:14px}.signal-table td{font-size:16px}.signal-table tr[data-current=true]{outline:2px solid #176677;outline-offset:-2px}.signal-table td[data-mismatch=true]{background:#fff0e9;color:#842b16;font-weight:700}
.signal-answers{display:grid;gap:10px}.signal-answers button{text-align:left}.signal-answers button[aria-pressed=true]{background:#deeee4;border-width:2px}#signal-hint-text{border:1px dashed #587568;padding:12px}.signal-station [hidden]{display:none!important}
@media(max-width:660px){.signal-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.signal-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signal-controls fieldset{display:block}.signal-controls label{flex-wrap:wrap}.signal-table th{font-size:12px}}
@media print{.signal-actions,.signal-controls,.signal-status button,#signal-start,#signal-again,#signal-answers{display:none}.signal-workspace{display:block}.signal-workspace figure{max-width:400px}.signal-table th,.signal-table td{color:#000;background:#fff}.signal-table{break-inside:avoid}}