/* The site's own stylesheet.
 *
 * Everything else under static/ came out of the Astro build and is a vendored
 * artifact: hashed filenames, no source, not ours to edit. This file is the
 * opposite — hand-written, for the few things that belong to a page's content
 * rather than to a widget.
 *
 * It is not fingerprinted, so it is served with the default cache policy
 * (revalidated) rather than the year-long immutable one _astro gets. Keep it
 * small enough that this stays true.
 *
 * The custom properties come from Base.css, so a theme change carries.
 */

/* A short standing notice under a widget — the kind of instruction that has to
 * be on the page whatever state the widget happens to be in. */
.sz-note {
  max-width: 560px;
  margin: 16px auto 0;
  padding: 12px 16px;
  border: 1px solid var(--border-muted);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.55;
}

/* The variant for something the reader loses money by ignoring. */
.sz-note-warn {
  border-color: var(--color-warn);
  background: var(--color-warn-bg);
}
.sz-note-warn strong { color: var(--color-warn); font-weight: 600; }