/* intro v28 — Arc diagonal-split: clip split, floating rings, ransom-note words, grayscale hover, click burst */

/* Diagonal split zone */
.intro-arc2__split {
    clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%);
    opacity: 0.6;
}

/* Floating rings / donuts (fixed size — no BS w-N/h-N utility) */
.intro-arc2__ring { width: 10rem; height: 10rem; animation: intro-arc2-float 7s ease-in-out infinite; }
.intro-arc2__ring--2 { width: 6rem; height: 6rem; animation-duration: 9s; animation-delay: 1s; }
@keyframes intro-arc2-float {
    50% { transform: translateY(-1.2rem) rotate(20deg); }
}

/* Serif accent (paired with sans body) */
.intro-arc2__serif { font-family: ui-serif, Georgia, "Times New Roman", serif; }

/* Hero image grayscale → colour reveal on hover */
.intro-arc2__figure { aspect-ratio: 4 / 3; }
.intro-arc2__img {
    object-fit: cover;
    filter: grayscale(1);
    transition: filter 420ms ease;
}
.intro-arc2__figure:hover .intro-arc2__img { filter: grayscale(0); }

/* Ransom-note mixed letters: alternate rotation, weight, family (no colour) */
.intro-arc2__word {
    display: inline-block;
    margin-right: 0.25em;
}
.intro-arc2__word:nth-child(3n+1) { transform: rotate(-4deg); font-weight: 900; }
.intro-arc2__word:nth-child(3n+2) { transform: rotate(3deg);  font-family: ui-serif, Georgia, serif; font-style: italic; }
.intro-arc2__word:nth-child(3n+3) { transform: rotate(-1deg); font-weight: 700; text-transform: uppercase; }

/* Click burst spark (inherits the button's primary colour via currentColor) */
.intro-arc2__react { position: relative; overflow: visible; }
.intro-arc2__spark {
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
    animation: intro-arc2-burst 640ms ease-out forwards;
}
@keyframes intro-arc2-burst {
    to { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(0.4) rotate(160deg); }
}

@media (prefers-reduced-motion: reduce) {
    .intro-arc2__ring { animation: none; }
}

.content-margin-notes__aside {
    align-self: start;
}

@media (min-width: 992px) {
    .content-margin-notes__aside {
        position: sticky;
        top: 2rem;
    }
}

.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;
  }
}

/* glossary gazette — multi-column flow (not CSS grid), brick avoid breaks, footnote icon */
.glossary-gazette__columns {
    column-count: 1;
    column-gap: 1.25rem;
}

@media (min-width: 768px) {
    .glossary-gazette__columns {
        column-count: 2;
        column-gap: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .glossary-gazette__columns {
        column-count: 3;
    }
}

.glossary-gazette__brick {
    break-inside: avoid;
    margin-bottom: 1rem;
}

.glossary-gazette__note-ico {
    width: 3.25rem;
    height: 3.25rem;
}

.glossary-gazette__note-icon {
    font-size: 1.25rem;
    line-height: 1;
}

/* FAQ v13 — JS hooks */
.handbook-support-resolve-veiled {
    display: none;
}

.handbook-support-mark.handbook-support-mark-expand {
    transform: rotate(180deg);
}

.optin-bullet-row__shell {
    max-width: 48rem;
}

.optin-bullet-row__mark {
    width: 1.5rem;
    height: 1.5rem;
}