/* L2ET Research - mobile-performance.css v132
 * Same visual design, mobile runtime/rendering budget only.
 * Loaded with a mobile media query. No color, typography, layout identity or content changes.
 */

@media (max-width: 760px) {
  html {
    text-rendering: optimizeLegibility;
  }

  /* Render below-the-fold sections lazily in supporting browsers while preserving layout intent. */
  main > section:not(.page-hero),
  .section:not(.page-hero),
  .section-alt,
  .l2et-instrument-shell,
  .instrument-family-block,
  .news-grid,
  .instrument-related-grid {
    content-visibility: auto;
    contain-intrinsic-size: 1px 680px;
  }

  /* Isolate repeated cards so filtering and scroll painting do less work on mobile. */
  .instrument-card,
  .tool-launch-card,
  .news-card,
  .card {
    contain: layout paint style;
  }

  /* Keep the neural background visually present but lower compositor cost on touch devices. */
  .l2et-neural-field .ai-holo-canvas,
  .neural-observatory .ai-holo-canvas {
    opacity: .58;
    filter: saturate(112%) contrast(106%);
  }

  /* Prevent hidden mobile navigation and filtered tool cards from participating in paint. */
  [hidden],
  .l2et-filter-hidden,
  [data-tool-card][hidden],
  [data-tool-family-block][hidden] {
    display: none !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .l2et-neural-field .ai-holo-canvas,
  .neural-observatory .ai-holo-canvas {
    opacity: .34;
  }
}