@import '../../network-basics/css/style.css?v=20260920-032225';

.ErrorScenarioChoices { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 18px; }
.ErrorScenarioChoice { padding:11px 15px; border:1px solid rgba(117,214,210,.4); background:transparent; color:var(--academy-muted); font:inherit; cursor:pointer; }
.ErrorScenarioChoice:hover, .ErrorScenarioChoice:focus-visible, .ErrorScenarioChoice.is-selected { border-color:var(--academy-lime); color:var(--academy-lime); }
.ErrorScenarioChoice:focus-visible { outline:2px solid var(--academy-coral); outline-offset:3px; }
.ErrorInspection { display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(230px, 1fr); gap:18px; align-items:stretch; }
.ErrorFrame, .ErrorEvidence { min-height:190px; padding:22px; border:1px solid rgba(117,214,210,.3); background:rgba(9,20,22,.45); }
.ErrorFrame { display:grid; grid-template-rows:auto 1fr auto; gap:14px; align-items:center; border-top:3px solid var(--academy-cyan); }
.ErrorFrameHeader, .ErrorEvidenceLabel { color:var(--academy-cyan); font-family:'Orbitron',sans-serif; font-size:.68rem; letter-spacing:.08em; }
.ErrorFramePayload { display:flex; align-items:center; justify-content:center; min-height:70px; padding:15px; border:1px dashed rgba(241,199,91,.7); color:var(--academy-paper); font-family:'Orbitron',sans-serif; font-size:1rem; letter-spacing:.14em; text-align:center; background:repeating-linear-gradient(135deg, rgba(241,199,91,.08) 0 10px, transparent 10px 20px); }
.ErrorFrameCheck { color:var(--academy-lime); font-family:'Orbitron',sans-serif; font-size:.78rem; text-align:right; }
.ErrorEvidence { display:grid; align-content:center; gap:10px; border-left:3px solid var(--academy-lime); }
.ErrorEvidence strong { color:var(--academy-paper); font-family:'Orbitron',sans-serif; font-size:1.2rem; font-weight:400; }
.ErrorEvidence p { margin:0; color:var(--academy-muted); line-height:1.6; }
.ErrorInspection.is-corrupt .ErrorFrame { border-top-color:var(--academy-coral); }
.ErrorInspection.is-corrupt .ErrorFramePayload { border-color:var(--academy-coral); color:var(--academy-coral); text-decoration:line-through; }
.ErrorInspection.is-corrupt .ErrorFrameCheck { color:var(--academy-coral); }
.ErrorInspection.is-corrupt .ErrorEvidence { border-left-color:var(--academy-coral); }
.ErrorInspection.is-lost .ErrorFrame { opacity:.38; border-top-color:var(--academy-coral); }
.ErrorInspection.is-lost .ErrorFramePayload::after { content:'NO FRAME RECEIVED'; color:var(--academy-coral); font-family:'Orbitron',sans-serif; font-size:.75rem; letter-spacing:.08em; }
.ErrorInspection.is-lost .ErrorFramePayload { font-size:0; border-color:var(--academy-coral); }
.ErrorInspection.is-lost .ErrorEvidence { border-left-color:var(--academy-coral); }
.CorrectionExperiment { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr); gap:18px; margin-top:24px; }
.CorrectionExperiment > div { padding:22px; border:1px solid rgba(117,214,210,.3); background:rgba(9,20,22,.45); }
.CorrectionCodeLabel { margin:18px 0 8px; color:var(--academy-muted); font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.CorrectionPositions, .CorrectionCode { display:grid; grid-template-columns:repeat(7, minmax(34px,1fr)); gap:7px; text-align:center; }
.CorrectionPositions span { color:var(--academy-muted); font-family:'Orbitron',sans-serif; font-size:.68rem; }
.CorrectionCode span { display:grid; place-items:center; min-height:54px; border:1px solid rgba(241,199,91,.7); color:var(--academy-paper); font-family:'Orbitron',sans-serif; font-size:1.1rem; background:rgba(241,199,91,.08); }
.CorrectionCode span.is-flipped { border-color:var(--academy-coral); color:var(--academy-coral); background:rgba(235,112,91,.12); }
.CorrectionControls { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.CorrectionChoice { padding:10px 12px; border:1px solid rgba(117,214,210,.4); background:transparent; color:var(--academy-muted); font:inherit; cursor:pointer; }
.CorrectionChoice:hover, .CorrectionChoice:focus-visible, .CorrectionChoice.is-selected { border-color:var(--academy-lime); color:var(--academy-lime); }
.CorrectionChoice:focus-visible { outline:2px solid var(--academy-coral); outline-offset:3px; }
.CorrectionEvidence { display:grid; align-content:center; gap:10px; border-left:3px solid var(--academy-lime) !important; }
.CorrectionEvidence strong { color:var(--academy-paper); font-family:'Orbitron',sans-serif; font-size:1.15rem; font-weight:400; }
.CorrectionEvidence p { margin:0; color:var(--academy-muted); line-height:1.6; }
@media (max-width:700px) { .ErrorInspection { grid-template-columns:1fr; } .ErrorFrame, .ErrorEvidence { min-height:0; } .ErrorFramePayload { font-size:.82rem; } }
@media (max-width:700px) { .CorrectionExperiment { grid-template-columns:1fr; } .CorrectionExperiment > div { padding:18px; } .CorrectionCode span { min-height:46px; } .CorrectionPositions, .CorrectionCode { gap:4px; } }