.c4it-branch-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-branch-sim *{box-sizing:border-box}
.c4it-branch-sim [hidden]{display:none!important}
.c4it-branch-sim__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.c4it-branch-sim__tab,.c4it-branch-sim button{border:1px solid #b9c2cf;background:#f6f8fa;color:#20242a;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer}
.c4it-branch-sim__tab.is-active,.c4it-branch-sim button:hover{background:#0f766e;border-color:#0f766e;color:#fff}
.c4it-branch-sim__layout{display:grid;grid-template-columns:minmax(220px,310px) minmax(280px,1fr);gap:18px;align-items:start}
.c4it-branch-sim__panel{border:1px solid #d8dee4;border-radius:8px;padding:14px;background:#f8fafc}
.c4it-branch-sim__heading{font-size:18px;margin:0 0 12px}
.c4it-branch-sim__controls{display:grid;gap:10px}
.c4it-branch-sim label{display:grid;gap:5px;font-weight:700}
.c4it-branch-sim input,.c4it-branch-sim select{width:100%;border:1px solid #b9c2cf;border-radius:6px;padding:8px;font-size:16px;background:#fff}
.c4it-branch-sim__note{margin:4px 0 0;color:#4b5563;font-size:14px;line-height:1.6}
.c4it-branch-sim__actions{display:grid;gap:8px;margin-top:14px}
.c4it-branch-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-branch-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-branch-sim__quiz.is-correct{border-color:#0f766e;color:#0f766e;background:#ecfdf5}
.c4it-branch-sim__quiz.is-wrong{border-color:#dc2626;color:#991b1b;background:#fff1f2}
.c4it-branch-sim__chart{overflow:visible;padding:8px;min-width:0}
.c4it-branch-chart{display:grid;justify-items:center;gap:8px;width:100%;max-width:520px;margin:0 auto;min-width:0}
.c4it-branch-svg{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;overflow:visible}
.c4it-branch-svg marker path{fill:#64748b}
.c4it-branch-svg-line,.c4it-branch-svg-join{fill:none;stroke:#64748b;stroke-width:3}
.c4it-branch-svg-line{marker-end:url(#c4it-branch-arrow)}
.c4it-branch-node rect,.c4it-branch-node polygon{fill:#f8fafc;stroke:#64748b;stroke-width:3}
.c4it-branch-node--term rect{fill:#eef6ff}
.c4it-branch-node text{fill:#20242a;font-size:17px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.c4it-branch-label{fill:#475569;font-size:15px;font-weight:700}
.c4it-branch-node.is-active rect,.c4it-branch-node.is-active polygon{fill:#fff1f2;stroke:#dc2626;stroke-width:4}
@media (max-width:900px){.c4it-branch-sim__layout{grid-template-columns:1fr}.c4it-branch-chart{max-width:440px}}