/* Photoreal subjects stay visible; HTML carries every readable diagram label. */
.bc-dx-real{margin:16px 0 0;min-width:0;background:#031924;border-block:1px solid #316574}
.bc-dx-real-scene{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;background:#021622}
.bc-panel-visual .bc-dx-real-scene>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;margin:0}
.bc-dx-real-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px #001016)}
.bc-dx-real-arrows>path{fill:none;stroke:#8bf3df;stroke-width:4;stroke-linecap:round;marker-end:url(#bc-dx-real-arrow)}
.bc-dx-real-node{position:absolute;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:25%;padding:9px 10px;border:1px solid #76b5c5;background:#041b29ed;box-shadow:0 3px 16px #00101955;text-align:center}
.bc-dx-real-node b{font:700 clamp(16px,2vw,22px)/1.25 var(--font-grotesk,sans-serif);color:#d6f6fa;letter-spacing:.025em}
.bc-dx-real-node span{font-size:13px;line-height:1.5;color:#a4e8ee;white-space:nowrap}
.bc-dx-real-node--construction{left:3%;top:4%}
.bc-dx-real-node--web{right:4%;bottom:7%}
.bc-dx-real-node--it{left:4%;bottom:7%}
.bc-dx-real-core{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;width:48%;padding:9px 7px;border:1px solid #6fd8bc;background:linear-gradient(145deg,#05392ff2,#062733f5);box-shadow:0 0 30px #3dedc820;text-align:center;color:#dcfff5}
.bc-dx-real-core strong{display:block;color:#8df1d3;font:700 clamp(21px,2.5vw,29px)/1.1 var(--font-grotesk,sans-serif);letter-spacing:.05em}
.bc-dx-real-core>b{display:block;font-size:14px;line-height:1.6;white-space:nowrap}
.bc-dx-real-core>span{grid-column:1/-1;display:block;margin-top:7px;padding-top:6px;border-top:1px solid #497d73;color:#a0d8c9;font-size:11px;line-height:1.5}
.bc-dx-real-core em{grid-column:1/-1;display:block;color:#d1f9ed;font-size:13px;font-style:normal;font-weight:700;line-height:1.6}
.bc-dx-real figcaption{padding:19px 18px 14px;border-top:1px solid #285662}
.bc-dx-real-heading{margin:0 0 14px;color:#cff4f4;font-size:16px;font-weight:700;line-height:1.7}
.bc-dx-real-flow{list-style:none;padding:0;margin:0}
.bc-dx-real-flow li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-top:1px solid #234d5a}
.bc-dx-real-flow li>span{padding-top:3px;color:#8ee9df;font:600 12px/1.7 var(--font-grotesk,sans-serif);white-space:nowrap}
.bc-dx-real-flow i{font-style:normal;padding-inline:3px;color:#75b9c3}
.bc-dx-real-flow strong{display:block;font-size:14px;line-height:1.7;color:#d4eff1}
.bc-dx-real-flow p{font-size:13px;line-height:1.8;color:#a4c6d0;margin:3px 0 0}
.bc-dx-real-note{font-size:11px;line-height:1.8;color:#84a8b3;margin:12px 0 0}
@media(max-width:760px){.bc-dx-real{margin-top:14px}.bc-dx-real-node{padding:7px 8px}.bc-dx-real-node b{font-size:18px}.bc-dx-real-core{width:48%;top:46%;padding:8px 6px}.bc-dx-real-core strong{font-size:22px}.bc-dx-real-core>b{font-size:13px}.bc-dx-real-core>span{margin-top:5px;padding-top:4px}.bc-dx-real-core em{font-size:13px}.bc-dx-real-arrows>path{stroke-width:5}.bc-dx-real figcaption{padding:18px 18px 14px}}
@media(max-width:360px){.bc-dx-real-node{padding:6px}.bc-dx-real-node b{font-size:16px}.bc-dx-real-node span{font-size:12px}.bc-dx-real-core{grid-template-columns:minmax(0,1fr);width:56%;top:47%;padding:6px 5px}.bc-dx-real-core strong{font-size:20px}.bc-dx-real-core>b{font-size:12px;line-height:1.5;margin-top:2px}.bc-dx-real-core>span{font-size:12px;margin-top:4px;padding-top:3px}.bc-dx-real-core em{font-size:12px}.bc-dx-real-flow li{grid-template-columns:82px minmax(0,1fr);gap:9px}.bc-dx-real-flow li>span{font-size:11px}.bc-dx-real figcaption{padding-inline:14px}}