/* HyTalk Connect: isolated visual elements layered over approved PoC Bridge style */
.tcx-page .tcx-visual{min-height:410px;padding:19px 21px 17px}
.tcx-page .tcx-diagram{padding:26px 5px 12px}
.tcx-page .tcx-hub{margin:auto;max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px solid #6dd3ea;border-radius:17px;background:linear-gradient(135deg,#1c5774,#113450);padding:20px 15px;box-shadow:0 15px 30px #0002}
.tcx-page .tcx-glyph{font-size:37px;line-height:1;color:#90e7f4}.tcx-page .tcx-hub strong{font-size:14px;color:#fff;letter-spacing:.065em}.tcx-page .tcx-hub small{font-size:10px;color:#acdce9;letter-spacing:.08em}
.tcx-page .tcx-stems{height:35px;display:flex;justify-content:space-around;margin:0 30px}.tcx-page .tcx-stems i{width:1px;background:#6bc8e0}
.tcx-page .tcx-endpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}.tcx-page .tcx-endpoints>div{min-width:0;border:1px solid #587d98;border-radius:12px;background:#ffffff10;padding:15px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:110px}
.tcx-page .tcx-endpoints span{font-size:27px;line-height:1;color:#86d9ec}.tcx-page .tcx-endpoints strong{font-size:10px;letter-spacing:.035em;color:#fff}.tcx-page .tcx-endpoints small{font-size:10px;color:#bed5e7;line-height:1.4}
.tcx-page .tcx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tcx-page .tcx-cards article{min-height:215px}.tcx-page .tcx-details{background:#eef3f8}.tcx-page .tcx-scenario{background:white}.tcx-page .tcx-mini{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:24px}.tcx-page .tcx-mini span{border:1px solid #b4d6e6;border-radius:10px;padding:11px 13px;background:#e9f6fa;color:#11799b;font-size:12px;font-weight:800}.tcx-page .tcx-mini b{color:#2398b9}
@media(max-width:900px){.tcx-page .tcx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.tcx-page .tcx-visual{min-height:0;padding:14px 11px}.tcx-page .tcx-diagram{padding:20px 0 6px}.tcx-page .tcx-hub{padding:15px 10px}.tcx-page .tcx-stems{height:26px;margin:0 17px}.tcx-page .tcx-endpoints{gap:5px}.tcx-page .tcx-endpoints>div{min-height:95px;padding:8px 3px}.tcx-page .tcx-endpoints strong{font-size:9px}.tcx-page .tcx-endpoints small{font-size:9px}.tcx-page .tcx-cards{grid-template-columns:1fr}.tcx-page .tcx-cards article{min-height:0}}