/**
 * @file error-note.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description What went wrong, in a danger frame, with a hint and a way forward. Drawn by
 *   components/ErrorNote.js. Reads only the tokens in theme.css and the shapes in poster.css; a page
 *   never styles it from outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* ── The error, which never clears the box ── */
.poster-error {
  margin-top: 1rem;
  border: 2px solid var(--danger);
  background: var(--bg-dim);
  padding: 0.85rem 1rem;
}
.poster-error-text { margin: 0 0 0.4rem; font-weight: var(--weight-heavy); color: var(--text); }
.poster-error-hint { margin: 0; font-size: var(--text-body-sm); color: var(--text-dim); line-height: 1.5; }
.poster-error-fallback { margin-top: 0.6rem; }