/* "Summarize with AI" links on blog posts (assets/vv-ai-summary.js).
   Prefixed .vv-ais- so vv.css utilities and page-local .prose/.article-body
   rules don't reach in. Two-class selectors outrank `.prose p` / `.article-body a`.
   Empty (no JS) = hidden. Not a reveal target: no transitions on the box. */
.vv-ais:empty { display: none; }
.vv-ais.vv-ais {
  margin: 0 0 2rem;
  padding: 1rem 1.125rem;
  border: 1px solid rgba(156, 122, 60, .28);
  border-radius: 12px;
  background: #fbfaf7;
  font-family: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.vv-ais .vv-ais-label {
  margin: 0 0 .625rem;
  font-family: 'Playfair Display', 'Playfair Fallback', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0A2540;
}
.vv-ais .vv-ais-label .fas { color: #9C7A3C; font-size: .9em; margin-right: .2em; }
.vv-ais .vv-ais-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vv-ais .vv-ais-list li { margin: 0; padding: 0; }
.vv-ais .vv-ais-list li::before, .vv-ais .vv-ais-list li::marker { content: none; }
.vv-ais .vv-ais-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: .5rem .875rem;
  border: 1px solid #0A2540;
  border-radius: 999px;
  background: #fff;
  color: #0A2540;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.vv-ais .vv-ais-link:hover { background: #0A2540; color: #fff; text-decoration: none; }
.vv-ais .vv-ais-link--own { border-color: #C1440E; color: #C1440E; }
.vv-ais .vv-ais-link--own:hover { background: #C1440E; color: #fff; }
.vv-ais .vv-ais-link:focus-visible {
  outline: 3px solid #C1440E;
  outline-offset: 2px;
}
.vv-ais .vv-ais-note {
  margin: .625rem 0 0;
  font-size: .8125rem;
  line-height: 1.45;
  color: #5b6b7b;
}
@media (max-width: 480px) {
  .vv-ais.vv-ais { padding: .875rem; }
  .vv-ais .vv-ais-link { padding: .5rem .75rem; font-size: .8125rem; }
}