/* Bone Flow #017 Text HTML Functional Class entry / formal bf-text single class */
.bfhc-entry-panel{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:14px 16px;border:1px solid #38556f;border-radius:8px;background:#0d1d2d;color:#d9e8f5;font-family:Meiryo,"Yu Gothic",sans-serif}.bfhc-entry-panel>div:first-child{display:grid;gap:5px}.bfhc-entry-panel strong{color:#b7e7ff;font-size:16px}.bfhc-entry-panel span{color:#9db7cd;font-size:13px;line-height:1.55}.bfhc-entry-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bfhc-entry-actions code{padding:6px 9px;border:1px solid #31536e;border-radius:5px;background:#07131f;color:#ffd58b;font:14px Consolas,"Cascadia Mono",monospace}.bfhc-entry-actions button{border:1px solid #3b7298;border-radius:5px;background:#103653;color:#dff5ff;padding:9px 12px;font:13px Meiryo,"Yu Gothic",sans-serif;cursor:pointer}.bfhc-entry-actions button:hover{border-color:#6ac4f1;background:#174c70}@media(max-width:760px){.bfhc-entry-panel{align-items:flex-start;flex-direction:column}.bfhc-entry-actions{width:100%}}

/* DOC-0017 Joint: live #002 BoneJoint Runtime examples; no guide-only Joint renderer. */
.bone-text-guide-joint-live{display:grid;gap:12px;margin:10px 0 18px;padding:12px;border:1px solid #31536e;border-radius:8px;background:#091725}.bone-text-guide-joint-runtime{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-left:3px solid #68d6ff;background:#0d2133;color:#dff5ff}.bone-text-guide-joint-runtime span{color:#9fc4df;font:12px Consolas,"Cascadia Mono",monospace}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-test-grid{margin:0}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-test-card{padding:10px}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-usage-flow{min-height:150px;padding:18px 28px}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-node{width:112px;min-height:54px;font-size:12px}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-joint-diagnostic{font-size:11px}@media(max-width:760px){.bone-text-guide-joint-runtime{align-items:flex-start;flex-direction:column}.bone-doc-guide-content .bone-text-guide-joint-live .bone-text-usage-flow{padding-inline:14px}}