/* Shared animated particle/triangle-mesh background. */
.particle-mesh-layer {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.72;
}

body > *:not(.particle-mesh-layer):not(.glow-dot) {
    position: relative;
    z-index: 1;
}

/* Keep decorative glow blobs out of flex/grid layout. */
body > .glow-dot {
    position: absolute;
    z-index: -1;
}

/* These pages use a flex body; keep the main content centered independently
   from the fixed canvas layer. */
body > .container {
    width: min(100%, 1280px);
    margin-left: auto;
    margin-right: auto;
    flex: 0 1 auto;
}