@custom-variant dark (&:where(.dark, .dark *));
    .line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .line-clamp-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
    .glass-card{ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
    @media (prefers-color-scheme: dark){ .glass-card{ background: rgba(24,24,27,0.35); border-color: rgba(255,255,255,0.25);} }

/* /src/css/bg-seerw.css */
.bseerw {
  background-image: url("seerw-bg-light.svg");
  background-repeat: repeat;
  background-size: 320px 320px; /* tweak to taste: 240–360px work great */
  background-attachment: fixed; /* optional: nice on long pages */
  background-color: #F7F8FA;    /* fallback */
}
.dark .b-seerw {
  background-image: url("/src/seerw-bg-dark.svg");
  background-color: #0B0C0F;
}
    
}