/* Squiggle underline animation with inline SVG */
      .squiggle-underline {
        position: relative;
        display: inline-block;
        text-decoration: underline; /* normal underline by default */
        text-decoration-thickness: 2px;
        text-underline-offset: 4px; /* spacing below text */
      }

      .squiggle-underline::after {
        content: "";
        position: absolute;
        bottom: -4px; /* adjust to align with text */
        left: 0;
        width: 100%;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0,3 Q2.5,0 5,3 T10,3 T15,3 T20,3' stroke='%236c62ff' stroke-width='2' fill='none'/%3E%3C/svg%3E");
        background-repeat: repeat-x;
        background-size: 20px 6px;
        opacity: 0;
        transform: translateY(3px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        pointer-events: none;
      }

      .squiggle-underline:hover {
        text-decoration: none; /* remove normal underline on hover */
      }

      .squiggle-underline:hover::after {
        opacity: 1;
        transform: translateY(0);
        animation: squiggle-wave 1.5s linear infinite;
      }

      @keyframes squiggle-wave {
        from {
          background-position-x: 0;
        }
        to {
          background-position-x: 20px;
        }
      }


/* === Neo-brutalist custom scrollbar === */

/* Firefox */
* {
  scrollbar-width: auto;                  /* thick and bold */
  scrollbar-color: #1570ef #fff;          /* thumb | track */
}

/* WebKit (Chrome/Edge/Safari/Opera) */
*::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
  border: 3px solid #000;                 /* strong brutalist outline */
}

*::-webkit-scrollbar-thumb {
  background: #1570ef;
  border: 3px solid #000;
  box-shadow: 4px 4px 0 #000;             /* harsh offset shadow */
}

*::-webkit-scrollbar-thumb:hover {
  background: #0f63d6;                    /* vivid hover */
  box-shadow: 6px 6px 0 #000;             /* exaggerated hover shadow */
}

*::-webkit-scrollbar-thumb:active {
  background: #0a55bd;
  box-shadow: 2px 2px 0 #000;             /* pressed look */
}