/* Технические чертежи-наброски для фона секций */

.section { position: relative; overflow: hidden; }
.section > * { position: relative; z-index: 2; }

.tech-bg {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  opacity: 0.35;
  color: var(--brand);
}
[data-theme="dark"] .tech-bg { opacity: 0.18; }
[data-theme="graphite"] .tech-bg { opacity: 0.22; }

.tech-bg svg { display: block; width: 100%; height: 100%; }
.tech-bg .stroke { stroke: currentColor; fill: none; stroke-width: 1; }
.tech-bg .stroke-dim { stroke: var(--muted); fill: none; stroke-width: 0.6; opacity: 0.6; }
.tech-bg .stroke-dash { stroke: currentColor; fill: none; stroke-width: 0.8; stroke-dasharray: 3 3; }
.tech-bg .fill-soft { fill: currentColor; fill-opacity: 0.04; stroke: currentColor; stroke-width: 0.8; }
.tech-bg text { fill: var(--muted); font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: 0.04em; }

/* Position helpers */
.tech-bg.tl { top: 40px; left: 40px; width: 280px; height: 200px; }
.tech-bg.tr { top: 60px; right: 40px; width: 320px; height: 240px; }
.tech-bg.br { bottom: 40px; right: 60px; width: 360px; height: 240px; }
.tech-bg.bl { bottom: 40px; left: 40px; width: 300px; height: 200px; }
.tech-bg.center-r { top: 50%; right: -60px; transform: translateY(-50%); width: 400px; height: 320px; }
.tech-bg.center-l { top: 50%; left: -40px; transform: translateY(-50%); width: 360px; height: 280px; }

@media (max-width: 900px) {
  .tech-bg { display: none; }
}