/*
Bone Flow Formal Style Header
Component ID : 047
File         : bone-list.css
Version      : 1.0.11
Status       : Development
Standard     : Bone Flow Development Standard v1.0
Description  : Bone List runtime and formal test-page styles.
*/
:root{color-scheme:dark;--bf-bg:#0b111b;--bf-panel:#111a27;--bf-panel2:#162234;--bf-line:#31425a;--bf-text:#eaf2ff;--bf-sub:#9eafc4;--bf-accent:#5ba6ff;--bf-ok:#55e6a5;--bf-warn:#ffc857;--bf-error:#ff7b8a}
*{box-sizing:border-box}body{margin:0;background:var(--bf-bg);color:var(--bf-text);font-family:Meiryo,"Yu Gothic",system-ui,sans-serif}.bf-page{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.bf-header{margin-bottom:18px}.bf-header h1{margin:0;font-size:30px}.bf-header p{margin:6px 0;color:var(--bf-sub)}.bf-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bf-badge{padding:5px 9px;border:1px solid var(--bf-line);border-radius:999px;background:#0f1724;font-size:12px}.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bf-card{min-width:0;padding:16px;border:1px solid var(--bf-line);border-radius:12px;background:var(--bf-panel)}.bf-card--wide{grid-column:1/-1}.bf-card h2,.bf-card h3{margin:0 0 10px}.bf-card p{color:var(--bf-sub);line-height:1.65}.bf-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bf-field{display:grid;gap:6px}.bf-field.is-full{grid-column:1/-1}.bf-field label{font-size:13px;color:#c8d5e7}.bf-field input[type="text"],.bf-field input[type="number"],.bf-field select,.bf-field input:not([type]){width:100%;padding:9px 10px;border:1px solid #50627d;border-radius:8px;background:#0c1420;color:var(--bf-text)}.bf-check{display:flex;align-items:center;gap:8px}.bf-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{padding:9px 13px;border:1px solid #4f6f9c;border-radius:8px;background:#17304f;color:#eef6ff;cursor:pointer}button:hover{background:#21456e}button:disabled{opacity:.45;cursor:not-allowed}.is-primary{border-color:#276eb9;background:#154b82}.is-danger{border-color:#7d3544;background:#3a1f28}.is-pass{color:var(--bf-ok)}.is-fail{color:var(--bf-error)}
.bf-dependencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.bf-dependency{padding:10px;border:1px solid var(--bf-line);border-radius:8px;background:#0f1724}.bf-dependency b{display:block}.bf-dependency span{color:var(--bf-sub);font-size:12px}.bf-language-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;border:1px solid var(--bf-line);border-radius:8px;background:#0d1623}.bf-language-button.is-active{border-color:#68d6ff;background:#1d4664;box-shadow:0 0 0 2px rgba(104,214,255,.14) inset}.bf-effect-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #30445f;border-radius:9px;background:#0d1724}.bf-effect-settings h3{grid-column:1/-1}.bf-background-controls{display:grid;grid-template-columns:minmax(110px,1fr) minmax(128px,auto);gap:7px}.bf-color-trigger{display:flex;align-items:center;justify-content:flex-start;gap:8px}.bf-color-trigger__swatch{width:22px;height:22px;border-radius:5px;border:1px solid #64748b;background:#000}.bf-color-trigger__value{font-family:Consolas,monospace;font-size:12px}
.bf-preview-stage{display:grid;gap:14px;padding:18px;border:1px dashed #52637b;border-radius:10px;background:#0c1420}.bf-code{margin:0;max-height:340px;overflow:auto;padding:12px;border:1px solid var(--bf-line);border-radius:8px;background:#09101a;color:#cfe1fa;white-space:pre-wrap;word-break:break-word}.bf-api-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.bf-api-meta>div{padding:10px;border:1px solid var(--bf-line);border-radius:8px;background:#0d1623}.bf-api-meta span{display:block;color:var(--bf-sub);font-size:11px}.bf-api-meta strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.bone-list{display:block;box-sizing:border-box;overflow:auto;min-width:40px;min-height:32px;color:var(--bone-list-text,#dce8f8);background:var(--bone-list-bg,#0c1420);border:1px solid var(--bone-list-border,#3c5978);border-radius:8px;padding:8px;outline:none}.bone-list[data-theme="light"]{--bone-list-text:#182233;--bone-list-bg:#f7fafc;--bone-list-border:#9eb1c5}.bone-list[data-theme="dark"]{--bone-list-text:#dce8f8;--bone-list-bg:#0c1420;--bone-list-border:#3c5978}.bone-list[data-theme="neon"]{--bone-list-text:#e9fdff;--bone-list-bg:#07151c;--bone-list-border:#35f4ff;box-shadow:0 0 14px rgba(53,244,255,.2)}.bone-list[data-appearance="flat"]{border-color:transparent;box-shadow:none}.bone-list[data-appearance="borderless"]{border:0;box-shadow:none}.bone-list__items{display:grid;gap:0;margin:0;padding:0;list-style:none;border-radius:inherit}.bone-list__item{position:relative;display:block;min-width:0;padding:0;border-bottom:1px solid rgba(130,160,195,.22);white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;background:transparent}
.bone-list__item-hover-target{display:block;box-sizing:border-box;width:100%;min-height:100%;padding:8px 10px;color:inherit;background:transparent;border-radius:6px}.bone-list__item:last-child{border-bottom:0}.bone-list__empty{display:block;padding:14px 10px;color:#8ea7bf;font-style:italic}.bone-list[data-text-align="center"] .bone-list__item{text-align:center}.bone-list[data-text-align="right"] .bone-list__item{text-align:right}.bone-list[data-inherit-parent="true"]{width:100%!important;height:100%!important;background:transparent!important;border-color:transparent!important;border-radius:inherit;color:inherit;box-shadow:none}
.bf-list-preview-parent{position:relative;min-height:220px;display:flex;padding:16px;border:1px dashed #35506f;border-radius:10px;background:#0a1421;overflow:auto}.bf-list-preview-parent[data-pos="top-left"]{align-items:flex-start;justify-content:flex-start}.bf-list-preview-parent[data-pos="top-center"]{align-items:flex-start;justify-content:center}.bf-list-preview-parent[data-pos="top-right"]{align-items:flex-start;justify-content:flex-end}.bf-list-preview-parent[data-pos="middle-left"]{align-items:center;justify-content:flex-start}.bf-list-preview-parent[data-pos="center"]{align-items:center;justify-content:center}.bf-list-preview-parent[data-pos="middle-right"]{align-items:center;justify-content:flex-end}.bf-list-preview-parent[data-pos="bottom-left"]{align-items:flex-end;justify-content:flex-start}.bf-list-preview-parent[data-pos="bottom-center"]{align-items:flex-end;justify-content:center}.bf-list-preview-parent[data-pos="bottom-right"]{align-items:flex-end;justify-content:flex-end}
.bf-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bf-security-result{margin-top:10px;padding:10px;border:1px solid var(--bf-line);border-radius:8px;background:#0b1421;min-height:52px;white-space:pre-wrap;overflow-wrap:anywhere}.bf-security-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.bf-security-detail-grid>div{padding:9px;border:1px solid #2b435d;border-radius:7px;background:#07121d}.bf-security-detail-grid b{display:block;color:#8bc9ef;font-size:11px}.bf-security-detail-grid pre{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.bf-security-preview{margin-top:10px;padding:10px;border:1px solid #355272;border-radius:8px;background:#081624;min-height:80px}
.bf-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bf-connection-card{position:relative;min-height:245px;border:1px solid #334d6a;border-radius:9px;background:#091725;padding:12px;overflow:hidden}.bf-connection-card.is-wide{grid-column:1/-1}.bf-connection-card h3{margin:0 0 8px}.bf-connection-canvas{position:relative;height:135px}.bf-connection-node{position:absolute;display:flex;align-items:center;justify-content:center;min-width:94px;min-height:38px;padding:6px 9px;border:1px solid #507093;border-radius:7px;background:#10253a;font-weight:800;z-index:2}.bf-connection-node.source{left:8px;top:48px}.bf-connection-node.component{left:50%;top:48px;transform:translateX(-50%)}.bf-connection-node.target{right:8px;top:48px}.bf-connection-port{position:absolute;width:12px;height:12px;border-radius:50%;background:#8bdfff;z-index:3}.bf-connection-node.source .bf-connection-port{right:-7px}.bf-connection-node.component .in{left:-7px}.bf-connection-node.component .out{right:-7px}.bf-connection-node.target .bf-connection-port{left:-7px}.bf-connection-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.bf-connection-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;font-size:12px}.bf-connection-meta div{padding:6px;border:1px solid #263e58;border-radius:5px;background:#07121d}.bf-connection-meta b{display:block;color:#88bfe5;font-size:10px}.bone-text-joint-legend-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.bone-text-joint-legend-items>div{padding:8px;border:1px solid #2c415c;border-radius:7px;background:#0c1724}
.bf-delivery-stage{position:relative;min-height:160px;margin:12px 0;border:1px solid #334d6a;border-radius:9px;background:#081624;overflow:hidden}.bf-delivery-node{position:absolute;top:52px;z-index:2;min-width:126px;padding:9px;border:1px solid #507093;border-radius:7px;background:#10253a;text-align:center}.bf-delivery-node--source{left:18px}.bf-delivery-node--target{right:18px}.bf-delivery-node small{display:block;margin-top:4px;color:#aeb9c9}.bf-delivery-stage svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.bf-delivery-overlay{z-index:3!important;pointer-events:none}.bf-delivery-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bf-delivery-pill{padding:5px 10px;border-radius:999px;border:1px solid #36516e;background:#0c1d2b;font-weight:800}.bf-delivery-pill.is-wait{border-color:#d79d3c;color:#ffd18a}.bf-delivery-pill.is-block{border-color:#ad4657;color:#ff9aa9}.bf-delivery-pill.is-ready{border-color:#2c805f;color:#74e7b4}.bf-target-log{padding:9px;border:1px solid #29425e;border-radius:6px;background:#050d16;min-height:38px;white-space:pre-wrap}.bf-visual-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid #425a78;border-radius:8px;background:#111722}
.bone-label-test-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bone-label-overall-summary{display:grid;grid-template-columns:minmax(145px,1.2fr) repeat(4,minmax(100px,1fr));align-items:center;margin:0 0 18px;border:1px solid #33445c;border-radius:8px;background:#0e1724;overflow:hidden}.bone-label-overall-summary>div{display:grid;gap:4px;place-items:center;min-height:66px;padding:8px 12px;border-left:1px solid #33445c;text-align:center}.bone-label-overall-summary>div span{font-size:.78rem;color:#98a9bf}.bone-label-overall-summary>div strong{font-size:1rem;color:#eef4ff}.bone-label-overall-summary .bf-overall{display:grid;place-items:center;min-height:42px;margin:12px;border-radius:6px;background:#172438;font-size:1.1rem;font-weight:800}.bone-label-result-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bone-label-result-layout>section{padding:12px;border:1px solid #30425b;border-radius:8px;background:#0c1522}.bone-label-result-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;margin:6px 0;padding:8px;border:1px solid #2c3a50;border-radius:7px;background:#111b2a}.bone-label-result-item.is-pass b{color:#67efb1}.bone-label-result-item.is-fail{border-color:#7a3844;background:#21151d}.bone-label-result-item.is-fail b{color:#ff7d8d}.bone-label-result-item small{grid-column:2;color:#aebbd0}
.bf-list-sample-row{display:flex;gap:8px;flex-wrap:wrap}.bf-list-live-sandbox{margin-top:12px;padding:12px;border:1px solid #355272;border-radius:8px;background:#07121d}.bf-list-live-host{min-height:100px;padding:10px;border:1px dashed #3d5774;border-radius:7px}.bf-list-live-result{margin-top:8px;white-space:pre-wrap;overflow:auto}.bf-list-guide-overlay[hidden]{display:none!important}.bf-list-guide-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.78);backdrop-filter:blur(3px)}.bf-list-guide-dialog{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px));overflow:hidden;border:1px solid #355272;border-radius:10px;background:#0b1725;color:#dcecff;box-shadow:0 24px 70px rgba(0,0,0,.48)}.bf-list-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid #2d4865;background:#102a42}.bf-list-guide-header h2,.bf-list-guide-header p{margin:0}.bf-list-guide-header p{margin-top:3px;color:#9fc0d8;font-size:12px}.bf-list-guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1}.bf-list-guide-nav{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-right:1px solid #2d4865;background:#0d2032}.bf-list-guide-nav button{padding:10px 14px;border:0;border-radius:0;background:transparent;color:#a8c7de;text-align:left;cursor:pointer}.bf-list-guide-nav button.is-active{background:#173750;color:#e8f7ff;font-weight:800}.bf-list-guide-content{min-width:0;overflow:auto;padding:18px 20px 26px;background:#081722}.bf-list-guide-content [data-guide-panel][hidden]{display:none!important}.bf-list-api-list{display:grid;gap:8px}.bf-list-api-card{padding:11px;border:1px solid #2f4865;border-radius:8px;background:#0c1d2b}.bf-list-api-card code{color:#dff4ff;font-weight:800}.bf-list-api-card p{margin:6px 0;color:#a8c7de}.bf-list-api-card pre{overflow:auto;margin:8px 0 0;padding:9px;border:1px solid #29425e;border-radius:6px;background:#050d16;color:#dff4ff}
@media(max-width:900px){.bf-grid,.bf-property-grid,.bone-label-result-layout{grid-template-columns:1fr}.bf-card--wide{grid-column:auto}.bf-effect-settings{grid-template-columns:1fr 1fr}.bf-dependencies{grid-template-columns:1fr 1fr}.bone-label-overall-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-connection-grid{grid-template-columns:1fr}.bf-connection-card.is-wide{grid-column:auto}.bone-text-joint-legend-items{grid-template-columns:1fr 1fr}}@media(max-width:620px){.bf-page{width:min(100% - 20px,1280px);padding-top:14px}.bf-header h1{font-size:24px}.bf-dependencies,.bf-effect-settings,.bf-security-grid,.bf-security-detail-grid,.bf-connection-meta,.bone-text-joint-legend-items{grid-template-columns:1fr}.bf-list-guide-layout{grid-template-columns:1fr}.bf-list-guide-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #2d4865}.bf-delivery-node{min-width:100px;font-size:12px}.bf-delivery-node--source{left:8px}.bf-delivery-node--target{right:8px}}
.bone-list[data-inherit-parent="true"] .bone-list__item{text-align:inherit}.bf-security-stage{position:relative;min-height:170px;margin-top:12px;border:1px solid #35435a;border-radius:10px;background:#0a1019;overflow:hidden}.bf-security-stage svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}.bf-security-stage .bf-delivery-overlay{z-index:7}.bf-security-node{position:absolute;z-index:3;top:48px;width:28%;min-height:76px;display:grid;place-items:center;padding:8px;border:1px solid #50627d;border-radius:8px;background:#172337;text-align:center}.bf-security-node span,.bf-security-node small{color:#9fb4cc;font-size:11px}.bf-security-node--source{left:2%}.bf-security-node--gate{left:50%;transform:translateX(-50%)}.bf-security-node--list{right:2%}


/* v1.0.11 #027 TextBox v1.0.35 formal Connection Image layout, adapted only for #047 List center label. */
#connection-images .bone-list-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#connection-images .bone-list-test-card{background:#101827;border:1px solid #31425a;border-radius:8px;padding:12px;min-width:0}
#connection-images .bone-list-test-card--wide{grid-column:1/-1}
#connection-images .bone-list-test-card h3{margin:0 0 4px;color:#f5f8fc;font-size:1rem}
#connection-images .bone-list-usage-flow{position:relative;min-height:168px;display:flex;align-items:center;justify-content:space-around;gap:28px;padding:24px;overflow:hidden}
#connection-images .bone-list-usage-flow>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}
#connection-images .bone-list-node{position:relative;z-index:2;min-width:96px;padding:12px;border:1px solid #4c6584;border-radius:7px;text-align:center;background:#172235;color:#f5f8fc}
#connection-images .bone-list-node strong{color:#55e6a5}
#connection-images .bone-list-node--source strong{color:#65aaff}
#connection-images .bone-list-node--list strong,#connection-images .bone-list-node--target strong{color:#67e487}
#connection-images .bone-list-joint-diagnostic{display:grid;gap:5px;margin-top:8px}
#connection-images .bone-list-joint-diagnostic>div{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;border-radius:5px;background:#1a2331;font-size:.78rem}
#connection-images .bone-list-joint-diagnostic strong{text-align:right;overflow-wrap:anywhere;color:#eef4ff}
#connection-images .bone-list-usage-flow--in-missing,#connection-images .bone-list-usage-flow--in-mismatch,#connection-images .bone-list-usage-flow--out-missing,#connection-images .bone-list-usage-flow--out-mismatch{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center}
#connection-images .bone-list-usage-flow--out-missing .bone-list-node--list{grid-column:1}
#connection-images .bone-list-usage-flow--in-missing .bone-list-node--source{grid-column:1}
#connection-images .bone-list-usage-flow--in-missing .bone-list-node--list{grid-column:2}
#connection-images .bone-list-joint-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#connection-images .bone-list-joint-line{pointer-events:stroke}
#connection-images .bone-list-joint-legend{margin-top:12px;border:1px solid #31425a;border-radius:8px;padding:10px;color:#cbd8e8}
#connection-images .bone-list-joint-legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#connection-images .bone-list-joint-legend-line{display:inline-block;width:40px;height:3px;margin-right:8px;vertical-align:middle}
#connection-images .bone-list-joint-legend-line.is-blue{background:#5ba6ff}
#connection-images .bone-list-joint-legend-line.is-green{background:#4be06b}
#connection-images .bone-list-joint-legend-line.is-orange{background:#f5a623}
#connection-images .bone-list-joint-legend-line.is-red{background:#ff5b73}
#connection-images .bf-joint-path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#connection-images .bf-joint-path--straight{stroke-linejoin:miter}
#connection-images .bf-joint-marker{transform-box:fill-box;transform-origin:center}
#connection-images .bf-joint-marker-shape{fill:#111722;stroke:#68d6ff;stroke-width:4;vector-effect:non-scaling-stroke}
#connection-images .bf-joint-start--filled-circle .bf-joint-marker-shape,#connection-images .bf-joint-start--filled-square .bf-joint-marker-shape,#connection-images .bf-joint-end--filled-circle .bf-joint-marker-shape,#connection-images .bf-joint-end--filled-square .bf-joint-marker-shape{fill:#68d6ff}
#connection-images .bf-joint-start--error .bf-joint-marker-shape{stroke:#ff697a}
#connection-images .bf-joint-end-error line{stroke:#ff475d;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}
#connection-images .bf-joint-end-error-text{fill:#ff475d;font-size:22px;font-weight:900}
#connection-images .bf-joint-label{pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
#connection-images .bf-joint-label rect{vector-effect:non-scaling-stroke}
#connection-images .bf-joint-label text{font-family:Meiryo,"Yu Gothic",sans-serif;font-weight:700;dominant-baseline:alphabetic;pointer-events:none}
#connection-images .bf-joint-label-tail{stroke:#7f93ad;stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}
#connection-images .bf-joint-label-anchor{fill:#0e1622;stroke:#8bdfff;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.bf-visual-status{margin-top:8px;color:#aebbd0;font-size:12px}
.bf-visual-confirm.is-confirmed{border-color:#3b936b;background:#123126}
.bf-delivery-pill.is-waiting{border-color:#d79d3c;color:#ffd166;background:#352b12}
.bf-delivery-pill.is-blocked{border-color:#ad4657;color:#ff8a98;background:#3c171d}
.bf-list-class-list{display:grid;gap:10px}
.bf-list-class-card{padding:12px;border:1px solid #304762;border-radius:8px;background:#0c1b2a}
.bf-list-class-card h3,.bf-list-class-card p{margin:0 0 8px}
.bf-list-class-methods{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.bf-list-class-methods code{padding:5px 7px;border:1px solid #355272;border-radius:6px;background:#081722;overflow-wrap:anywhere}
.bf-list-class-sample{margin-top:12px;padding:14px;border:1px solid #3f668a;border-radius:9px;background:#0d2032}
.bf-list-class-sample h3{margin:0 0 8px;color:#b9e6ff}
.bf-list-class-sample-host{min-height:100px;display:flex;align-items:center;padding:12px;border:1px dashed #355272;border-radius:8px;background:#07121d;overflow:auto}
.bf-list-class-sample-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.bf-list-class-sample-actions strong{margin-left:auto;color:#69d8a6}
.bf-list-class-sample-output{max-height:220px;overflow:auto;padding:10px 12px;border:1px solid #29425e;border-radius:6px;background:#050d16;color:#dff4ff;white-space:pre-wrap}
.bf-list-class-sample-code>summary{cursor:pointer;color:#9fdcff;font-weight:800}
.bf-list-class-sample-code pre{overflow:auto;padding:10px 12px;border:1px solid #29425e;border-radius:6px;background:#050d16;color:#dff4ff}
@media(max-width:760px){#connection-images .bone-list-test-grid{grid-template-columns:1fr}#connection-images .bone-list-test-card--wide{grid-column:auto}#connection-images .bone-list-joint-legend-items{grid-template-columns:1fr}}