/* Bilah progres baca pada halaman artikel.

   Dipindahkan dari penyuntikan <style> di js/reading-progress.js. Menyuntikkan
   elemen <style> lewat JavaScript sama-sama diblokir style-src ketika
   'unsafe-inline' dicabut, jadi gayanya harus berada di stylesheet biasa.
   Skripnya kini hanya membuat elemennya dan mengatur lebar lewat CSSOM, yang
   memang tidak dibatasi Content-Security-Policy. */

#sikatin-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10000;
  background: transparent;
  pointer-events: none;
}

#sikatin-reading-progress > span {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #bff747 0%, #14b8a6 60%, #0891b2 100%);
  box-shadow: 0 0 12px rgba(191, 247, 71, 0.45);
  transition: width 0.08s linear;
}

@media (prefers-reduced-motion: reduce) {
  #sikatin-reading-progress > span { transition: none }
}