/* Shared "liquid glass" title/panel treatment for OSINT Cabal pages — keep this
   identical everywhere it's used so page titles feel consistent site-wide. */
.title-glass {
  display: inline-block;
  max-width: 100%;
  padding: 22px 30px;
  border-radius: 20px;
  background: rgba(20, 18, 34, .38);
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 16px 46px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .06);
  box-sizing: border-box;
}
.title-glass.block {
  display: block;
}

/* Mobile performance: backdrop blur over the animated WebGL background forces an
   expensive GPU readback every frame. On mobile, drop the blur site-wide (covers
   pages' inline <style> backdrop-filters too) and compensate the glass panel with
   a slightly more opaque solid background so text stays legible. */
@media (max-width: 768px), (pointer: coarse) {
  * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .title-glass {
    background: rgba(20, 18, 34, .85);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
  }
}