.expanded-workspace.decoder-layout{display:block}.decoder-layout>.course-nav,.decoder-layout>.right{display:none}
#decoderView{font-size:1rem;line-height:1.6}.decode-controls{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin:1rem 0}.decode-controls label{font-size:.875rem;font-weight:600}.decode-controls select{display:block;min-height:46px;font-size:1rem;margin-top:.35rem}.decode-message{background:#173c48;color:#eefaff;border-radius:14px;padding:1.4rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem;line-height:2.2}.decode-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.25rem;align-items:start}.decode-work{background:white;border:1px solid #c9dce1;border-radius:14px;padding:1.3rem}.decode-empty{padding:1rem}
@media(max-width:900px){.decode-layout{grid-template-columns:1fr}}
.decode-note{font-size:.875rem;color:#4f6b74;margin:.6rem 0 1rem}.decode-token{display:inline;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;padding:.22rem .35rem;font:inherit;text-align:left;line-height:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.decode-token:hover{background:#2d5967}.decode-token[aria-pressed=true]{background:#c4ee80;color:#193d42}.decode-token.decode-passed{border-bottom-color:#a9d974}.decode-token.decode-needs-work{border-bottom-color:#ffb183}.decode-progress{font-weight:550;margin:.8rem 0}.decode-part-nav{display:flex;gap:.35rem;flex-wrap:wrap}.decode-part-button{padding:.4rem .6rem;font-size:.875rem;border:1px solid #bfcfd4;border-radius:6px;background:white;text-align:left;color:#274b58;line-height:1.4}.decode-part-button[aria-pressed=true]{border-color:#196a82;background:#e4f2f8}.decode-tools{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.7rem}.decode-tools button{font-size:.95rem}.decode-save-note,.decode-help{font-size:.875rem;line-height:1.55;color:#506b75}.decode-work h3{font-size:1.35rem;line-height:1.4;margin:.5rem 0 .8rem}.decode-active-code{display:block;padding:.8rem;background:#edf5f9;border-radius:7px;margin:0 0 1rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.6}.decode-label{display:block;font-size:1rem;font-weight:550;margin:.6rem 0 .3rem}.decode-work textarea{width:100%;resize:vertical;min-height:90px;border:1px solid #bacdd4;border-radius:7px;padding:.65rem;font:inherit;line-height:1.5}.decode-field{margin:.8rem 0;padding:.2rem 0}.decode-field input,.decode-field select{width:100%;font-size:1rem;min-height:44px;padding:.55rem;border:1px solid #b9ced5;border-radius:7px;background:white}.decode-field input:disabled,.decode-field select:disabled{color:#274653;opacity:1;background:#f4f7f9}.decode-field.decode-correct{border-left:3px solid #39763f;padding-left:.8rem}.decode-field.decode-incorrect{border-left:3px solid #b96532;padding-left:.8rem}.decode-check-result{font-size:.875rem;font-weight:550;margin:.35rem 0;line-height:1.4}.decode-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.decode-feedback{line-height:1.65}.decode-feedback:not(:empty){padding:1rem;background:#edf5f8;border-radius:8px}.decode-feedback:focus{outline:3px solid #608aa0;outline-offset:3px}.decode-explanation p{margin:.55rem 0}.decode-step-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.decode-step-buttons button{font-size:1rem}.decode-sources{border-top:1px solid #cedee3;padding-top:1rem;margin-top:1rem}.decode-sources>button,.decode-sources>a,.decode-sources>small{display:block;text-align:left;margin:.5rem 0;font-size:.875rem;line-height:1.5}.decode-sources small{font-size:.8125rem;color:#5d727b}.decode-sources summary,.decode-plain summary,.decode-supplement summary{font-weight:600;cursor:pointer}.decode-plain,.decode-supplement{margin:1rem 0;border:1px solid #cfdee4;border-radius:8px;padding:.9rem}.decode-plain pre,.decode-supplement pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}.decode-full{background:white;border:1px solid #cadbe2;border-radius:12px;padding:1.3rem;margin-top:1rem}.decode-full article{border-top:1px solid #d5e3e7;padding:.6rem 0 1rem}.decode-full code{font-size:1rem;overflow-wrap:anywhere}.decode-full h4{font-size:1rem;margin:.7rem 0}.decode-message-area{min-width:0}.decode-work{min-width:0}#decoderView button:focus-visible,#decoderView input:focus-visible,#decoderView select:focus-visible,#decoderView textarea:focus-visible{outline:3px solid #137ca0;outline-offset:3px}
@media(max-width:600px){.decode-controls{gap:.7rem}.decode-controls label{flex:1 1 180px}.decode-controls .primary{width:100%;justify-content:center}.decode-message{padding:.8rem;font-size:1rem}.decode-work{padding:1rem}}