/* Shared, decorative PCB layers; existing page backgrounds stay intact. */
body{
  isolation:isolate;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-repeat:repeat;
}
body::before{
  opacity:.22;
  background-size:640px 520px;
  background-position:var(--circuit-x, 0px) var(--circuit-y, 0px);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='520' viewBox='0 0 640 520'%3E%3Cg fill='none' stroke='%232d858b' stroke-width='1'%3E%3Cpath d='M0 86H92L122 116V206L158 242H232M640 346H550L518 314V236L482 200H414M62 520V436L94 404H178L214 368V312M356 0V62L322 96V152H270M640 46H592L560 78V132M344 520V462L378 428H430'/%3E%3Ccircle cx='236' cy='242' r='4'/%3E%3Ccircle cx='410' cy='200' r='4'/%3E%3Ccircle cx='214' cy='308' r='4'/%3E%3Ccircle cx='266' cy='152' r='4'/%3E%3Ccircle cx='560' cy='136' r='4'/%3E%3Ccircle cx='434' cy='428' r='4'/%3E%3C/g%3E%3C/svg%3E");
}
body::after{
  opacity:.12;
  background-size:860px 680px;
  background-position:calc(var(--circuit-x, 0px) * -.45) calc(var(--circuit-y, 0px) * -.45);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='860' height='680' viewBox='0 0 860 680'%3E%3Cg fill='none' stroke='%23b87b3d' stroke-width='1'%3E%3Cpath d='M0 356H84L112 328V252L140 224H188M860 104H754L718 140V194M348 680V582L382 548H468L498 518V472'/%3E%3Ccircle cx='192' cy='224' r='3'/%3E%3Ccircle cx='718' cy='198' r='3'/%3E%3Ccircle cx='498' cy='468' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
@media (hover:none), (pointer:coarse){
  body::before{opacity:.15}
  body::after{opacity:.08}
}
@media (prefers-reduced-motion:reduce){
  body::before,
  body::after{background-position:0 0}
}