/* Real blueprint drawings for interactive engineering nodes — 2026-06-19 */
.real-engineering-module .live-head p{max-width:760px}
.real-engineering-panel{grid-template-columns:minmax(0,1.15fr) minmax(340px,.68fr);gap:22px}
.real-drawing-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#061a3c;box-shadow:inset 0 0 70px rgba(54,167,255,.08),0 24px 70px rgba(0,0,0,.22)}
.real-drawing-shell:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--node-x,50%) var(--node-y,45%),rgba(54,167,255,.18),transparent 28%);opacity:.35;transition:opacity .2s ease}
.real-drawing-shell:after{content:"";position:absolute;left:-18%;top:0;z-index:3;width:18%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),rgba(54,167,255,.18),transparent);transform:skewX(-12deg);animation:realBlueprintScan 8s linear infinite}
@keyframes realBlueprintScan{0%,26%{left:-20%;opacity:0}36%{opacity:.55}58%{left:110%;opacity:.18}100%{left:110%;opacity:0}}
.real-blueprint-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:contrast(1.02) saturate(1.03)}
.real-drawing-shell:hover .real-blueprint-img{filter:contrast(1.06) saturate(1.08)}
.real-hotspot{position:absolute;z-index:5;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.88);border-radius:999px;background:linear-gradient(180deg,#36a7ff,#075bd8);color:#fff;font:900 12px/1 Arial,sans-serif;box-shadow:0 0 0 7px rgba(54,167,255,.13),0 10px 26px rgba(0,0,0,.28);cursor:pointer}
.real-hotspot:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(54,167,255,.32);border-radius:inherit;animation:realNodePulse 2.9s ease-in-out infinite}
.real-hotspot:nth-of-type(2):before{animation-delay:.28s}.real-hotspot:nth-of-type(3):before{animation-delay:.56s}.real-hotspot:nth-of-type(4):before{animation-delay:.84s}.real-hotspot:nth-of-type(5):before{animation-delay:1.12s}.real-hotspot:nth-of-type(6):before{animation-delay:1.4s}
@keyframes realNodePulse{50%{transform:scale(1.26);opacity:.35}}
.real-tip{position:absolute;left:50%;bottom:calc(100% + 12px);width:250px;max-width:72vw;transform:translateX(-50%) translateY(4px);padding:11px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(1,19,44,.96);color:#d6e7ff;text-align:left;font:500 12px/1.36 Arial,sans-serif;box-shadow:0 18px 38px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.real-tip strong{display:block;margin-bottom:4px;color:#fff;font-size:13px}
.real-hotspot:hover .real-tip,.real-hotspot:focus-visible .real-tip{opacity:1;transform:translateX(-50%) translateY(0)}
.real-zoom{position:absolute;right:18px;bottom:18px;z-index:6;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(1,19,44,.72);backdrop-filter:blur(12px);color:#fff;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.real-zoom:hover{background:rgba(7,91,216,.9)}
.real-node-info{display:grid;gap:14px}
.real-node-card{border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);padding:22px;color:#d6e7ff;box-shadow:0 22px 58px rgba(0,0,0,.14)}
.real-node-card h3{margin:0 0 12px;color:#fff;font-size:24px;line-height:1.12}
.real-node-card p{margin:0;color:#d6e7ff;line-height:1.55;font-size:14px}
.real-node-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.real-node-spec{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(1,19,44,.36)}
.real-node-spec span{display:block;margin-bottom:5px;color:#8ecbff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.real-node-spec strong{display:block;color:#fff;font-size:14px;line-height:1.28}
.real-node-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.real-node-list li{position:relative;padding-left:24px;color:#d6e7ff;font-size:14px;line-height:1.45}
.real-node-list li:before{content:"";position:absolute;left:0;top:.52em;width:9px;height:9px;border-radius:50%;background:#36a7ff;box-shadow:0 0 0 5px rgba(54,167,255,.12)}
.real-node-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.real-node-actions .btn--white{background:rgba(255,255,255,.95);color:#075bd8;border-color:rgba(255,255,255,.72)}
.real-node-note{margin-top:18px}
@media(max-width:1100px){
  .real-engineering-panel{grid-template-columns:1fr}
  .real-node-info{grid-template-columns:repeat(2,minmax(0,1fr))}
  .real-node-card:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .real-drawing-shell{border-radius:20px}
  .real-blueprint-img{min-height:360px;object-position:center;object-fit:cover}
  .real-node-info,.real-node-specs{grid-template-columns:1fr}
  .real-hotspot{width:30px;height:30px;font-size:11px}
  .real-tip{left:auto;right:-8px;transform:translateY(4px);width:220px}
  .real-hotspot:hover .real-tip,.real-hotspot:focus-visible .real-tip{transform:translateY(0)}
  .real-zoom{left:14px;right:14px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .real-drawing-shell:after,.real-hotspot:before{animation:none!important}
}