/* The "Fully AI-Generated" disclosure.
 *
 * Its own stylesheet rather than a block inside player.css, because it now has
 * two homes: under the player, and in the site footer on every other page. The
 * footer variant must not drag the whole player stylesheet onto pages that have
 * no player, and one copy of the rules means the two cannot drift apart.
 *
 * A footnote, not a badge — quieter and smaller than anything around it, so it
 * reads as provenance rather than as something to interact with. */
.kadath-ai-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin: 0;
  color: #5a6a90;
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.kadath-ai-notice svg {
  /* flex: none — the mark is 10px and must stay 10px. As a flex item it would
     otherwise be squeezed when the text wraps on a narrow screen. */
  flex: none;
}

/* A vendored badge carries its own words, so it is sized by height and keeps
   whatever aspect ratio it ships with. */
.kadath-ai-notice img {
  height: 16px;
  width: auto;
}

/* Pull the player's copy out of the container's 1.5rem gap, which is spacing
   for controls and far too much between the status line and its own footnote. */
.kadath-player .kadath-ai-notice {
  margin-top: -1rem;
}

/* The footer copy has no container to sit inside, so it brings its own room. */
.kadath-ai-notice--footer {
  padding: 1.25rem 1rem;
}