/* Interactive JJ Strategy Decision Tree, scoped to study chapter */
.jj-tree{border:1px solid var(--stroke);border-radius:10px;padding:14px;margin:10px 0 18px;background:var(--panel);min-width:0}
.jj-tree h3{font-size:16px;line-height:1.25;margin:0 0 5px}
.jj-tree-intro,.jj-tree-footnote{font-size:11px;line-height:1.55;color:var(--muted);margin:4px 0 11px}
.jj-tree-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.jj-tree-field{display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--muted);font-size:11px;font-weight:600}
.jj-tree-field select{background:var(--bg);color:var(--text);border:1px solid var(--stroke);border-radius:7px;padding:9px 10px;font-size:13px;line-height:1.4;min-height:40px;width:100%;min-width:0}
.jj-tree-field select:focus-visible,.jj-tree-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.jj-tree-reset{font-size:11px;color:var(--accent);border:1px solid var(--stroke);border-radius:7px;background:transparent;padding:8px 11px;margin-top:10px;cursor:pointer}
.jj-tree-reset:hover{background:var(--hover)}
.jj-tree-results{display:grid;gap:8px;margin-top:11px}
.jj-tree-outcome{font-size:12px;font-weight:800;border-top:1px solid var(--stroke);padding-top:10px}
.jj-tree-result{background:var(--bg);border:1px solid var(--stroke);border-left:3px solid var(--muted);border-radius:7px;padding:10px 11px;min-width:0}
.jj-tree-result.study{border-left-color:var(--accent)}
.jj-tree-result.verify{border-left-color:#c99b57}
.jj-tree-result.excluded{border-left-color:var(--muted)}
.jj-tree-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.jj-tree-result-head strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.jj-tree-status{font-size:10px;color:var(--muted);white-space:normal;text-align:right;flex:0 0 auto;max-width:120px}
.jj-tree-result p{margin:7px 0 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.jj-tree-result .jj-tree-reason{color:var(--muted)}
.jj-tree-source{display:inline-block;margin-top:7px;font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.jj-tree-footnote{margin-top:12px}
@media(max-width:750px){
 .jj-tree{padding:10px;margin:7px 0 13px}
 .jj-tree h3{font-size:14px}
 .jj-tree-fields{grid-template-columns:minmax(0,1fr);gap:8px}
 .jj-tree-field{font-size:11px}
 .jj-tree-field select{font-size:16px;min-height:43px;padding:7px 9px}
 .jj-tree-result-head{flex-wrap:wrap;gap:3px 9px}
 .jj-tree-status{font-size:10px;max-width:none}
 .jj-tree-result p{font-size:12px}
 .jj-tree-reset{min-height:40px}
}