/* Typography styles */
h1, .h1 {
  font-size: clamp(1.875rem, 6vw, 6rem);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.08333;
  margin-block-end: 3.5rem;
}

@media (width >= 48em) {
  h1, .h1 {
    font-size: 3rem;
  }
}

h2, .h2 {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.14286;
}

@media (width >= 48em) {
  h2, .h2 {
    font-size: 3.5rem;
  }
}

body {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.5;
}

figcaption {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.33333;
}

/* Link styling */
a, .link {
  color: inherit;
  text-decoration-color: inherit;
  text-underline-offset: 6px;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
}

/* .body {
    -webkit-text-fill-color: inherit;
    background-color: #ededf3;
    background-image: url(../images/sando16.png), linear-gradient(#0074e040, #0074e040), linear-gradient(#fff, #1e213066), linear-gradient(#ededf3, #ededf3);
} */

.post-page {
    padding-bottom: 5rem; /* Adjust the value as needed */
}


@media (min-width: 1024px) {
  .lg\:w-\[28rem\] {
      width: 28rem;
  }
}

.saturate-0 {
  filter: saturate(0);
}

.opacity-50 {
  opacity: 0.5;
}

.grayscale-100-brightness-150 {
  filter: grayscale(100%) brightness(1.5);
}

.runic-text {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.runic-text:hover {
    opacity: 0.8;
}

.runic-text.revealed {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.highlight {
    color: theme('colors.success'); /* Use Tailwind's theme function to access the success color */
    position: relative;
    display: inline-block;
}

.highlight::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.58em; /* Adjust height as needed */
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" viewBox="0 0 418 42" class="absolute top-2/3 left-0 h-[0.58em] w-full fill-[rgb(51,247,217,0.7)]" preserveAspectRatio="none"><path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z"></path></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}