/* BLACK RUSSIA — Effects: shadows, gradients, the signature loading shimmer.
   All values from br-site-front + Wiki 2.0 source. */
:root {
  /* Shadows */
  --shadow-card-drop: 2px 2px 8.6px 0px rgba(0,0,0,0.25); /* marketing card drop */
  --shadow-card:      0 8px 25px rgba(0,0,0,0.30);        /* Wiki 2.0 card */
  --shadow-card-hover:0 12px 35px rgba(0,0,0,0.40);       /* Wiki 2.0 hover */

  /* Protection gradients (fade content into the page bg) */
  --fade-bottom: linear-gradient(180deg, rgba(23,23,23,0) 7.88%, #171717 33.27%); /* @kind other */
  --fade-top:    linear-gradient(182deg, rgba(23,23,23,0) 31.41%, #171717 73.71%); /* @kind other */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-page:     cubic-bezier(0.17, 0.67, 0.83, 0.67); /* @kind other */
  --dur-fast:  200ms; /* @kind other */
  --dur-base:  300ms; /* @kind other */
}

/* Skeleton / loading shimmer — the product's canonical loading state.
   Apply .br-load to any placeholder block. */
.br-load {
  position: relative;
  overflow: hidden;
  background: #202020;
}
.br-load::before {
  content: '';
  position: absolute;
  top: 0;
  left: -130px;
  width: 130px;
  height: 100%;
  background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 47.5%, rgba(255,255,255,0) 100%);
  animation: br-load 1s var(--ease-standard) infinite;
}
@keyframes br-load {
  from { left: -130px; }
  to   { left: 100%; }
}