/* Reader feedback strip (website.announcement in _quarto.yml).
   Plain CSS, listed under format.html.css in _quarto.yml. Quarto renders the
   strip as .alert.alert-light inside the fixed header, so it stays pinned at
   the top while the page scrolls. White text on violet, one line at laptop
   widths, "Tell me how" in the yellow marker. The X hides it for the current
   page only (see styles/feedback-strip-v4.js).

   The colors live on :root so the Send feedback button on feedback.qmd uses
   the same violet. */
:root {
  --strip-bg: #6d28d9;
  --strip-fg: #ffffff;
  --strip-close: rgba(255, 255, 255, 0.85);
  --strip-cta-bg: #fde047;
  --strip-cta-fg: #1a1a1a;
}

#quarto-announcement.alert-light {
  background-color: var(--strip-bg);
  color: var(--strip-fg);
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0.6rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

#quarto-announcement.alert-light .quarto-announcement-content {
  flex-grow: 1;
  max-width: 90rem;
  margin: 0 auto;
}

#quarto-announcement.alert-light .quarto-announcement-content p {
  margin: 0;
}

#quarto-announcement.alert-light a.strip-cta {
  display: inline-block;
  margin-left: 0.35em;
  padding: 0.1em 0.45em;
  border-radius: 0.15rem;
  color: var(--strip-cta-fg);
  background-color: var(--strip-cta-bg);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

#quarto-announcement.alert-light a.strip-cta::after {
  content: " \2192";
}

#quarto-announcement.alert-light a.strip-cta:hover,
#quarto-announcement.alert-light a.strip-cta:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

#quarto-announcement.alert-light .quarto-announcement-action {
  color: var(--strip-close);
  cursor: pointer;
}

#quarto-announcement.alert-light .quarto-announcement-action:hover {
  color: var(--strip-fg);
}

@media (max-width: 767.98px) {
  #quarto-announcement.alert-light {
    padding: 0.45rem 0.8rem;
    font-size: 0.82rem;
    line-height: 1.4;
    text-align: left;
  }
}