/* Small supplements on top of the Tailwind CDN. */
[x-cloak] { display: none !important; }

.badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
}

.secret-box {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-all;
}

/* Article body.
 *
 * Tailwind's preflight strips margins and list markers from every element, so
 * Markdown output arrives as one undifferentiated block of text. These few
 * rules put the structure back — cheaper than pulling in the typography plugin
 * for the one place on the site that renders authored prose. */
.prose-article > * + * { margin-top: 1rem; }
.prose-article h2 { font-size: 1.375rem; font-weight: 700; color: #0f172a; margin-top: 2rem; }
.prose-article h3 { font-size: 1.125rem; font-weight: 600; color: #0f172a; margin-top: 1.5rem; }
.prose-article ul, .prose-article ol { padding-left: 1.5rem; }
.prose-article ul { list-style: disc; }
.prose-article ol { list-style: decimal; }
.prose-article li + li { margin-top: 0.375rem; }
.prose-article a { color: #4f46e5; text-decoration: underline; }
.prose-article a:hover { color: #4338ca; }
.prose-article blockquote {
  border-left: 3px solid #e2e8f0;
  padding-left: 1rem;
  color: #475569;
}
.prose-article code {
  background: #f1f5f9;
  border-radius: 0.25rem;
  padding: 0.1rem 0.3rem;
  font-size: 0.875em;
}
.prose-article table { width: 100%; border-collapse: collapse; }
.prose-article th, .prose-article td {
  border: 1px solid #e2e8f0;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.prose-article th { background: #f8fafc; font-weight: 600; }