/**
 * @file settings-account.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The account actions in a settings dialog, one per line, full-width headline. Drawn by
 *   components/SettingsAccount.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-settings-account { display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; }
.poster-settings-account > .poster-section-title { align-self: stretch; }
.poster-settings-account button, .poster-settings-account a { min-height: 44px; }
@media (max-width: 600px) {
  .poster-settings-account .poster-action { white-space: normal; text-align: left; }
}