/* Unvarnish — AI transparency label (EU AI Act art. 50). Mode-aware via --unv tokens. rem only. */

/* Smooth scroll to the end-of-article disclosure (this CSS loads on single posts only) */
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }

.unv-ai-label{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  margin:2rem 0 1.25rem;
  scroll-margin-top:5rem;
  padding:.75rem .9rem;
  border:1px solid var(--unv-line);
  border-left:.1875rem solid var(--unv-red);
  border-radius:.25rem;
  background:rgba(226,0,26,.05);
  color:var(--unv-ink);
  font-size:.875rem;
  line-height:1.45;
}

.unv-ai-badge{
  flex:0 0 auto;
  display:flex;
  color:var(--unv-red);
  margin-top:.05rem;
}
.unv-ai-ico{display:block}

.unv-ai-text{margin:0}
.unv-ai-text strong{font-weight:700}

.unv-ai-more{
  color:var(--unv-red);
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.unv-ai-more:hover,
.unv-ai-more:focus-visible{text-decoration:underline}

/* Short in-header AI notice (links down to the end-of-article banner) */
.unv-ai-mini{display:inline-flex;align-items:center;gap:.3rem;margin-right:.55rem;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--unv-grey);text-decoration:none;vertical-align:middle}
.unv-ai-mini:hover,.unv-ai-mini:focus-visible{color:var(--unv-red)}
.unv-ai-mini-arr{font-size:.9em;line-height:1}

/* Cover caption (under the featured image) */
.unv-ai-mediacaption{
  box-sizing:border-box;
  margin:.4rem 0 0;
  color:var(--unv-grey);
  font-size:.8rem;
  font-style:italic;
  text-align:center;
}

/* NotebookLM CTA disclosure note (art. 50(1) — user talks to an AI assistant) */
.unv-ai-nblm-note{box-sizing:border-box;margin:.5rem 0 0;font-size:.75rem;line-height:1.4;color:var(--unv-grey);font-style:italic}

/* Dark mode: lift the red wash slightly for contrast on the dark paper */
:root[data-theme="dark"] .unv-ai-label{background:rgba(226,0,26,.12)}