/* ============ CODEX (field manual / wiki) ============ */
  .codex{flex:1;display:flex;min-height:0;background:#0c1120}
  .cx-side{flex:none;width:180px;border-right:1px solid var(--edge);display:flex;flex-direction:column;min-height:0}
  .cx-search{margin:10px;padding:7px 10px;border-radius:8px;background:#0d1424;border:1px solid var(--edge);
    color:var(--ink);font-family:var(--sans);font-size:12px;outline:none}
  .cx-search:focus{border-color:var(--accent)}
  .cx-list{flex:1;overflow-y:auto;padding:0 8px 10px;display:flex;flex-direction:column;gap:2px}
  .cx-list button{text-align:left;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--ink-dim);
    font-family:var(--mono)}
  .cx-list button:hover{background:rgba(255,255,255,.05);color:var(--ink)}
  .cx-list button.on{background:rgba(var(--accent-rgb),.1);color:var(--accent)}
  .cx-list .cx-cat{font-size:9px;letter-spacing:.18em;color:var(--ink-faint);padding:10px 10px 4px;font-family:var(--sans)}
  .cx-main{flex:1;overflow-y:auto;padding:22px 26px;min-width:0}
  .cx-main h1{font-size:22px;font-family:var(--mono);color:var(--accent);margin-bottom:2px}
  .cx-main .tagline{color:var(--ink-dim);font-size:13px;margin-bottom:18px}
  .cx-main h4{font-size:11px;letter-spacing:.16em;color:var(--ink-faint);margin:20px 0 8px;text-transform:uppercase}
  .cx-main p{font-size:13.5px;line-height:1.65;color:var(--ink);margin-bottom:10px}
  .cx-main .box{background:#0a0e16;border:1px solid var(--edge);border-radius:9px;padding:12px 14px;
    font-family:var(--mono);font-size:13px;line-height:1.6;color:#d6e4da;white-space:pre-wrap;overflow-x:auto}
  .cx-main .box .cm{color:var(--ink-faint)} .cx-main .box .k{color:var(--accent2)}
  .cx-main .box .s{color:var(--amber)} .cx-main .box .o{color:var(--accent)}
  .cx-main ul{margin:0 0 10px 2px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
  .cx-main ul li{font-size:13px;color:var(--ink-dim);padding-left:16px;position:relative;line-height:1.5}
  .cx-main ul li::before{content:"▸";position:absolute;left:0;color:var(--accent)}
  .cx-main code{font-family:var(--mono);color:var(--amber);background:rgba(255,255,255,.05);padding:1px 5px;border-radius:4px}
  .cx-see{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .cx-see button{font-size:11px;font-family:var(--mono);border:1px solid var(--edge);border-radius:6px;
    padding:4px 9px;color:var(--accent2)}
  .cx-see button:hover{background:rgba(90,160,255,.1)}
  /* ============ AI LAB (Act 7) ============
     Deliberately colder than the rest of the OS: no accent on the chrome, a mark instead of a logo.
     The oracle is a tool the player is meant to distrust, and a friendly panel would undercut every
     mission in the act. */
  .ail{display:flex;flex-direction:column;height:100%;padding:14px;gap:10px;overflow:auto}
  .ail-top{display:flex;align-items:baseline;gap:10px}
  .ail-mark{font-family:var(--mono);font-size:15px;letter-spacing:.18em;color:var(--ink)}
  .ail-sub{font-size:11px;color:var(--ink-faint)}
  .ail-task{font-size:12.5px;color:var(--ink-dim)}
  .ail-in{min-height:78px;resize:vertical;padding:9px 11px;border-radius:8px;
    background:rgba(255,255,255,.04);border:1px solid var(--edge);color:var(--ink);
    font-family:var(--mono);font-size:12.5px;line-height:1.5}
  .ail-row{display:flex;gap:8px;flex-wrap:wrap}
  .ail-row button{padding:7px 12px;border-radius:7px;border:1px solid var(--edge);
    background:rgba(255,255,255,.05);color:var(--ink);font-size:12px}
  .ail-row button:disabled{opacity:.4}
  .ail-row .ail-go{border-color:var(--accent);color:var(--accent)}
  .ail-out{margin:0;padding:11px 13px;border-radius:8px;background:#0a0e15;border:1px solid var(--edge);
    font-family:var(--mono);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow:auto}
  .ail-empty{color:var(--ink-faint)}
  /* "confidence: high" says the same thing whatever it produced. That is the joke and the lesson. */
  .ail-conf{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:2px}
  .ail-flaw{margin-top:6px;padding:9px 11px;border-radius:8px;font-size:12.5px;line-height:1.6;
    background:rgba(255,95,87,.08);border:1px solid rgba(255,95,87,.3);color:var(--ink)}
  .ail-flaw b{display:block;margin-bottom:5px}
  .ail-ok{margin-top:6px;padding:9px 11px;border-radius:8px;font-size:12.5px;
    background:rgba(61,245,161,.08);border:1px solid rgba(61,245,161,.3)}