.kb-stage{gap:12px;font-size:16px}.kb-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kb-heading strong{color:#27556b}.kb-board{flex-shrink:0;grid-template-columns:minmax(200px,.7fr) minmax(0,2fr);gap:18px;display:grid}.kb-board section{background:#f4f7f4;border:1px solid #cbd8dc;border-radius:12px;padding:14px 18px}.kb-board h3{color:#28566b;margin:0 0 10px;font-size:15px}.kb-board ul,.kb-board ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kb-board li{font-size:15px;line-height:1.5}.kb-board code,.kb-derived code{overflow-wrap:anywhere;font-family:Consolas,monospace}.kb-rules li{border-left:3px solid #0000;gap:12px;padding:2px 6px;transition:background .25s,border-color .25s;display:flex}.kb-rules li>strong{color:#42748b;font-size:13px}.kb-rules li[data-used=true]{background:#e1eee1;border-color:#31805d}.kb-query{background:#e8f0f4;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.kb-query strong{overflow-wrap:anywhere;font-size:19px}.kb-query span{background:#fffefa;border-radius:20px;padding:4px 9px;font-size:13px}.kb-derived{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.kb-derived code{background:#dfefdf;border-radius:5px;padding:4px 8px}.kb-feedback{background:#f0f5ed;border-left:3px solid #4c7e67;padding:8px 12px;font-size:16px;line-height:1.5}.kb-feedback p{margin:4px 0}.kb-feedback strong{font-size:17px}.kb-feedback strong,.kb-derived{animation:.3s ease-out kb-result}.kb-prediction{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.kb-prediction legend{margin-bottom:6px;font-size:15px}.kb-prediction button{font:inherit;cursor:pointer;text-align:left;background:#fffefa;border:1px solid #a8bcc7;border-radius:7px;padding:9px 12px;font-size:14px}.kb-prediction button[aria-pressed=true]{color:#fff;background:#24597c}.kb-stage .logic-controls label{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px;display:flex}.kb-stage select{border:1px solid #b7cbd6;border-radius:7px;max-width:100%;padding:8px}.kb-clause{background:#e8f0f4;border-radius:10px;margin:0;padding:18px 22px;font-size:clamp(24px,3vw,38px)}.kb-literals{flex-wrap:wrap;gap:14px;padding:16px 0;display:flex}.kb-literals>span{border:2px solid #bbccd3;border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:90px;padding:16px;transition:background .25s;display:flex}.kb-literals strong{font-size:30px}.kb-literals small{font-size:14px}.kb-literals [data-positive=true]{background:#dcecdb;border-color:#518464}.kb-literals [data-positive=false]{background:#e7edf3;border-color:#698398}.kb-architecture{flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.kb-architecture>div{background:#eff4f3;border:2px solid #b7cbd4;border-radius:16px;padding:25px}.kb-architecture>span{color:#27617d;font-size:34px}.kb-architecture strong{color:#27617d;font-size:14px}.kb-architecture p{margin-top:12px;font-size:20px}@keyframes kb-result{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kb-feedback strong,.kb-derived{animation:none}.kb-rules li,.kb-literals>span{transition:none}}@media (max-width:700px){.kb-board{grid-template-columns:1fr;gap:8px}.kb-board section{padding:10px}.kb-board li{font-size:13px}.kb-facts ul{flex-wrap:wrap;gap:6px 12px;display:flex}.kb-query strong{font-size:16px}.kb-architecture{grid-template-columns:1fr;gap:8px}.kb-architecture>span{text-align:center;transform:rotate(90deg)}.kb-architecture>div{padding:15px}.kb-prediction{display:grid}.kb-feedback{font-size:14px}.kb-clause{padding:14px;font-size:25px}}.kb-board h3 small{color:#3d7456;margin-top:4px;font-size:12px;font-weight:400;display:block}
