/* Markdown alerts ("> [!WARNING]"), classed by layouts/_markup/render-blockquote.html.
 *
 * These are blockquotes, so hugo-xmin's own blockquote rule lands first and
 * .alert overrides it: same 5px left border as a quote, but tinted so a
 * warning does not read as an aside. The 5px corner radius matches .menu a
 * and .article-meta in the theme.
 *
 * Body text stays the default near-black on every tint, so contrast is well
 * clear of 4.5:1 in all five. The site has no dark mode (the theme sets no
 * body background), so there is no prefers-color-scheme block: adding one
 * would darken the callout while the page around it stayed white. */

.alert {
  padding: 0.75em 1em;
  border-left: 5px solid;
  border-radius: 0 5px 5px 0;
}

.alert > :first-child { margin-top: 0; }
.alert > :last-child { margin-bottom: 0; }

.alert-warning   { background: #fff8e1; border-left-color: #b26a00; }
.alert-caution   { background: #fdecea; border-left-color: #b3261e; }
.alert-note      { background: #eef4fb; border-left-color: #1a5fb4; }
.alert-tip       { background: #eef7ee; border-left-color: #2a7d2e; }
.alert-important { background: #f3eefb; border-left-color: #6b3fa0; }

/* Post dates in list pages: monospace so every date is the same width and the
 * titles beside them line up. Same stack as the theme's `code` rule. Scoped to
 * span.date, leaving the <h2 class="date"> byline on single pages. */

span.date {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 100%;
}

/* Figures, emitted by layouts/_markup/render-image.html as real <figure>
 * elements. A caption is the markdown title: ![alt](pic.png "caption"). */

figure {
  margin: 1.5em 0;
  text-align: center;
}

figcaption {
  margin-top: 0.4em;
  font-size: 0.9em;
  font-style: italic;
  color: #555;
}