@keyframes rotateSquare {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.intro-pattern-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, currentColor 20px, currentColor 40px);
    opacity: 0.03;
    top: -20%;
    left: -30%;
    width: 100%;
    height: 100%;
    animation: rotateSquare 20s linear infinite;
}

.intro-pattern-content {
    max-width: 56rem;
}

.tips-numbered__card {
    max-width: 24rem;
}

.tips-numbered__thumb {
    width: 4rem;
    height: 4rem;
}

/* glossary folders — summary marker hide, folder hover */
.glossary-folders__sum::-webkit-details-marker {
    display: none;
}

.glossary-folders__sum {
    list-style: none;
}

.glossary-folders__folder {
    transition: transform 0.2s ease;
}

.glossary-folders__folder:hover {
    transform: translateY(-2px);
}

.filter-chip-grid__tile {
  min-width: 260px;
  max-width: 360px;
}

.filter-chip-grid__media {
  height: 11rem;
}

.filter-chip-grid__media-bg {
  z-index: 0;
}

.filter-chip-grid__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.filter-chip-grid__media--0::before {
  background-image:
    radial-gradient(circle at 50% 45%, rgba(var(--bs-primary-rgb), 0.22) 0, transparent 52%),
    radial-gradient(circle at 15% 85%, rgba(var(--bs-primary-rgb), 0.1) 0, transparent 35%);
}

.filter-chip-grid__media--1::before {
  background-image: repeating-linear-gradient(
    -35deg,
    transparent,
    transparent 10px,
    rgba(var(--bs-primary-rgb), 0.07) 10px,
    rgba(var(--bs-primary-rgb), 0.07) 11px
  );
}

.filter-chip-grid__media--2::before {
  background-image: radial-gradient(
    rgba(var(--bs-primary-rgb), 0.14) 1.5px,
    transparent 1.5px
  );
  background-size: 14px 14px;
  mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
  -webkit-mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
}

.filter-chip-grid__icon-tile {
  width: 5rem;
  height: 5rem;
  transition: transform 300ms ease;
}

.filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .filter-chip-grid__icon-tile {
    transition: none;
  }

  .filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
    transform: none;
  }
}

/* FAQ v11 — timeline layout helpers */
.faq-timeline__thumb {
    width: 4rem;
    height: 4rem;
}

.faq-timeline__line {
    left: 2rem;
    width: 0.125rem;
}

@media (min-width: 768px) {
    .faq-timeline__line {
        left: 50%;
        transform: translateX(-50%);
    }
}