.training-lab{margin:20px 0;border:1px solid #3b718a;border-radius:12px;overflow:hidden;background:linear-gradient(130deg,#111e32,#0a1727);box-shadow:0 12px 36px #020b1980,inset 0 1px #80d8ff20}.training-lab-head{padding:22px 24px 8px}.training-lab-head .eyebrow{color:#71ddec}.training-lab-head h4{margin:10px 0;font-size:19px;color:#edf9ff}.training-lab-head p{color:#b9d2df;font-size:13px;line-height:1.55}.training-lab-tabs{padding:12px 24px;display:flex;gap:8px;flex-wrap:wrap}.training-lab-tabs button{font-size:12px}.training-lab-tabs button[aria-expanded=true]{border-color:#87e6ef;background:#193e50;color:#e9feff}.training-lab-output{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;border-top:1px solid #315569;background:#08121e;padding:22px 24px;min-height:78px;color:#cbeff3;font:13px/1.65 Consolas,monospace}.training-switches{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0}.training-switches label{display:flex;align-items:center;gap:8px;min-width:210px}.training-switches input{width:auto;margin:0;accent-color:#bafd7d}#training-message{color:#bafd7d;min-height:1.2em}@media(max-width:700px){.training-lab-head,.training-lab-tabs,.training-lab-output{padding-left:16px;padding-right:16px}.training-lab-tabs button{flex:1 1 140px}}
.http-lab{border-top:1px solid #315569;padding:16px 24px}.http-lab h5{margin:0 0 8px;color:#e9feff}.http-console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.http-console label{display:grid;gap:6px;min-width:0;font-size:12px;color:#cbeff3}.http-console input,.http-console select{width:100%;min-width:0;box-sizing:border-box;background:#08121e;color:#e9feff;border:1px solid #527487;border-radius:7px;padding:10px}.http-console button{align-self:end}.http-lab .training-lab-output{margin:12px -24px -16px}@media(max-width:700px){.http-lab{padding:16px}.http-console{grid-template-columns:1fr}.http-lab .training-lab-output{margin-left:-16px;margin-right:-16px}}
.training-scenario{margin:18px 0;padding:20px;border:1px solid #416178;border-radius:10px;background:#0d1b2a}.training-scenario-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.training-scenario-head h4{margin:8px 0;font-size:18px;color:#e7f4ff}.training-scenario h5{margin:18px 0 6px;font-size:14px;color:#82d7e8}.training-view{padding:12px 16px;margin:10px 0;border:1px solid #345064;border-radius:8px;background:#102238}.training-view textarea{font-family:Consolas,monospace;min-height:110px}.training-view button{margin:6px 0 10px}.training-scenario textarea{min-height:72px}.training-scenario .field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.training-scenario .field-grid{grid-template-columns:1fr}.training-scenario-head{flex-direction:column}}
.answer-format{display:block;margin:12px 0 16px;padding:14px 16px;border:1px solid #426976;border-left:3px solid #85dfe7;border-radius:8px;background:#102531;color:#d9edf1;font-size:12px;line-height:1.6}.answer-format strong,.answer-format summary{color:#a9f1f0;font-weight:700}.answer-format summary{cursor:pointer}.answer-format p{margin:8px 0 0}.answer-format code{color:#f3dc9d;font-family:Consolas,monospace;white-space:normal;overflow-wrap:anywhere}.answer-format .muted{color:#a8c5ce}

/* Challenge instructions remain readable on classroom laptops and dark screens. */
#mission-content{font-size:15px;line-height:1.65}
#mission-content .flag-title+p,#mission-content .challenge-brief p,#mission-content .mission-help p{font-size:16px;line-height:1.7;color:#edf6ff}
#mission-content .challenge-solution:not([hidden]){margin-top:12px;padding:14px 18px;border:1px solid #6faa8a;background:#102b29;border-radius:8px;line-height:1.6}
#mission-content .challenge-solution code{color:#e3f5ba;overflow-wrap:anywhere}
#mission-content .fine,#mission-content .muted{font-size:13px;color:#bfd2e3}
#mission-content .answer-format{font-size:14px;line-height:1.65}
#mission-content .answer-format p{font-size:14px;color:#d9edf1}
#mission-content .training-lab-head p{font-size:15px;line-height:1.65;color:#d6eaf3}
#mission-content .training-lab-output{font-size:14px;line-height:1.7;color:#e0f6f7}
#mission-content .http-console label{font-size:14px;color:#e0f6f7}
#mission-content .secondary,#mission-content .primary{font-size:14px}
#mission-content .challenge-picker button{min-height:44px}
.visual-evidence{margin:1rem 0}.visual-evidence figure{margin:0;overflow:hidden;border:1px solid rgba(120,210,255,.42);border-radius:18px;background:#0b1322}.visual-evidence img{display:block;width:100%;max-height:520px;object-fit:contain;background:#09111d}.visual-evidence figcaption{padding:.8rem 1rem;color:#c7d6e8;font-size:.9rem}
.topic-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:1.5rem 0}.topic-coverage article{padding:14px 16px;border:1px solid rgba(136,204,237,.22);border-radius:12px;background:rgba(14,25,44,.72)}.topic-coverage strong,.topic-coverage small{display:block}.topic-coverage small{margin-top:5px;color:#aab9ce;line-height:1.4}
.training-overview{margin-top:18px}.competition-category.training-category{border-color:#335b5a;background:linear-gradient(145deg,#142529,#101a23)}.competition-category.training-category:nth-child(even){background:linear-gradient(145deg,#18242c,#111b25)}.training-category .competition-category-glyph{border-color:#75d7cf77;background:#75d7cf19;color:#8ce4d8}.training-category .competition-category-number,.training-category .competition-challenge-index{color:#8ce4d8}.competition-challenge.training-challenge{width:100%;text-align:left;color:#edf8f7;cursor:pointer;background:radial-gradient(circle at 95% 0,#36776a38,transparent 45%),#101d27}.training-challenge:hover,.training-challenge:focus-visible{border-color:#82ddcf;box-shadow:0 12px 28px #0006}.training-challenge:focus-visible{outline:2px solid #9af0e4;outline-offset:3px}.training-challenge .competition-challenge-foot{color:#8ce4d8}
.training-exit{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}.training-exit .training-back{margin:0}
