/* Direct, editable layer labels on desktop; numbered key on small screens. */
#pcap-stack .eng-layer-layout { display: block; position: relative; }
#pcap-stack .eng-layer-art { width: 64%; }
#pcap-stack .eng-layer-art .eng-layer-marker { display: none; }
#pcap-stack .eng-layer-key { position: absolute; inset: 0; }
#pcap-stack .eng-layer-key li { position: absolute; left: 72%; width: 28%; margin: 0; padding: 0; transform: translateY(-50%); }
#pcap-stack .eng-layer-key li::before, #pcap-stack .eng-layer-key li span { display: none; }
#pcap-stack .eng-layer-key strong { font-size: 16px; font-weight: 500; line-height: 1.35; }
.eng-pcap-leaders { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
@media (max-width: 700px) {
  #pcap-stack .eng-layer-art { width: 100%; }
  #pcap-stack .eng-layer-art .eng-layer-marker { display: grid; }
  #pcap-stack .eng-layer-key { position: static; margin-top: 20px !important; }
  #pcap-stack .eng-layer-key li { position: relative; left: auto; top: auto !important; width: auto; margin-bottom: 16px; padding-left: 34px; transform: none; }
  #pcap-stack .eng-layer-key li::before { display: grid; }
  #pcap-stack .eng-layer-key li span { display: block; }
  #pcap-stack .eng-layer-key strong { font-weight: 700; }
  .eng-pcap-leaders { display: none; }
}