/* ==========================================================
   ULSE SILVER SPLIT
   - Polished silver plates per paragraph
   - Keeps the same sheen as the full Silver style
========================================================== */

@keyframes ulseSilverSplitSweep {
  0%   { transform: translateX(-120%); }
  100% { transform: translateX(200%); }
}

.ulse-silver-split {
  font-family: "Noto Sans", Arial, sans-serif;
  width: 100%;
  margin: 0 auto 32px;
  color: #2a2a2a;
}

.ulse-silver-split article {
  display: grid;
  gap: 18px;
  width: 100%;
}

.ulse-silver-split .ulse-para {
  position: relative;
  padding: 18px 20px 20px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 20%, #ffffff, #ededed 65%, #dcdcdc 100%),
    linear-gradient(135deg, rgba(255,255,255,0.6), rgba(220,220,220,0.5));
  border: 1px solid rgba(180,180,180,0.45);
  box-shadow:
    0 10px 26px rgba(0,0,0,0.1),
    inset 0 1px 3px rgba(255,255,255,0.9),
    inset 0 -3px 8px rgba(0,0,0,0.08);
  overflow: hidden;
}

.ulse-silver-split .ulse-para::before {
  content: "";
  position: absolute;
  top: 0; left: -50%;
  width: 60%; height: 100%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255,255,255,0.65) 50%,
    transparent 100%
  );
  animation: ulseSilverSplitSweep 6s infinite linear;
  pointer-events: none;
}

.ulse-silver-split .ulse-para p {
  margin: 0;
  line-height: 1.85;
  color: #232323;
  background: rgba(255,255,255,0.5);
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.9),
    inset 0 -2px 4px rgba(0,0,0,0.12);
}

.ulse-silver-split .ulse-para:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 28px rgba(0,0,0,0.12),
    inset 0 1px 3px rgba(255,255,255,1),
    inset 0 -3px 8px rgba(0,0,0,0.1);
}

.ulse-silver-split a {
  color: #1f1f1f;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dotted rgba(50,50,50,0.5);
}

.ulse-silver-split a:hover {
  opacity: 0.8;
}

@media (max-width: 640px) {
  .ulse-silver-split .ulse-para {
    padding: 16px 16px 18px;
  }
}
