/**
 * @file action-row.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A row of actions that becomes one per line on a phone. Drawn by components/ActionRow.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).
 */

.poster-actions { display: flex; gap: 0.7rem; flex-wrap: wrap; margin-top: 1.25rem; }
@media (max-width: 560px) {
  /* One full-width button per row: a half-width primary action on a phone reads as optional. */
  .poster-actions > * { width: 100%; }
}