.c4it-search-sim{border:1px solid #d8dee4;border-radius:8px;padding:16px;margin:24px 0;background:#fff;color:#20242a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.c4it-search-sim *{box-sizing:border-box}
.c4it-search-sim__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.c4it-search-sim__tab,.c4it-search-sim button{border:1px solid #b9c2cf;background:#f6f8fa;color:#20242a;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer}
.c4it-search-sim__tab.is-active,.c4it-search-sim button:hover{background:#0f766e;border-color:#0f766e;color:#fff}
.c4it-search-sim__layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(360px,1fr);gap:18px;align-items:start}
.c4it-search-sim__panel{border:1px solid #d8dee4;border-radius:8px;padding:14px;background:#f8fafc}
.c4it-search-sim__heading{font-size:18px;margin:0 0 12px}
.c4it-search-sim label{display:grid;gap:5px;margin-bottom:10px;font-weight:700}
.c4it-search-sim input,.c4it-search-sim select{width:100%;border:1px solid #b9c2cf;border-radius:6px;padding:8px;font-size:16px;background:#fff}
.c4it-search-sim__note{margin:4px 0 12px;color:#4b5563;font-size:14px;line-height:1.6}
.c4it-search-sim__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.c4it-search-sim__metrics div{border:1px solid #d8dee4;border-radius:6px;background:#fff;padding:8px;min-height:62px}
.c4it-search-sim__metrics dt{font-size:12px;color:#4b5563;font-weight:700}
.c4it-search-sim__metrics dd{margin:4px 0 0;font-size:18px;font-weight:800}
.c4it-search-sim__actions{display:grid;gap:8px;margin-top:14px}
.c4it-search-sim__status{min-height:4.5em;margin-top:12px;padding:10px;border-radius:6px;background:#fff;border:1px solid #d8dee4;line-height:1.6}
.c4it-search-sim__quiz{min-height:3.5em;margin-top:10px;padding:10px;border-radius:6px;background:#fff;border:1px solid #d8dee4;line-height:1.6;font-weight:700}
.c4it-search-sim__quiz.is-correct{border-color:#0f766e;color:#0f766e;background:#ecfdf5}
.c4it-search-sim__quiz.is-wrong{border-color:#dc2626;color:#991b1b;background:#fff1f2}
.c4it-search-sim__stage{min-width:0}
.c4it-search-array{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 0 14px}
.c4it-search-array__item{min-width:44px;border:2px solid #b9c2cf;border-radius:6px;padding:8px;text-align:center;font-weight:800;background:#fff}
.c4it-search-array__item.is-current{border-color:#dc2626;background:#fff1f2}
.c4it-search-array__item.is-range{border-color:#0f766e;background:#ecfdf5}
.c4it-search-array__item.is-found{border-color:#0f766e;background:#0f766e;color:#fff}
.c4it-search-chart{display:grid;justify-items:center;width:100%;max-width:640px;margin:0 auto;overflow:visible}
.c4it-search-svg{display:block;width:100%;max-width:560px;height:auto;overflow:visible}
.c4it-search-svg marker path{fill:#64748b}
.c4it-search-line{fill:none;stroke:#64748b;stroke-width:3;marker-end:url(#c4it-search-arrow)}
.c4it-search-node rect,.c4it-search-node polygon{fill:#f8fafc;stroke:#64748b;stroke-width:3}
.c4it-search-node--term rect{fill:#eef6ff}
.c4it-search-node text{fill:#20242a;font-size:17px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.c4it-search-label,.c4it-search-side-label{fill:#475569;font-size:15px;font-weight:700}
.c4it-search-node.is-active rect,.c4it-search-node.is-active polygon{fill:#fff1f2;stroke:#dc2626;stroke-width:4}
@media (max-width:980px){.c4it-search-sim__layout{grid-template-columns:1fr}.c4it-search-chart{max-width:520px}}
@media (max-width:520px){.c4it-search-sim{padding:12px}.c4it-search-sim__metrics{grid-template-columns:1fr}.c4it-search-array__item{min-width:38px;padding:6px}}