/**
 * @file settings-door.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A way out of a dialog to the full settings, as a row under the 3px ink rule. Drawn by
 *   components/SettingsDoor.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 door out: a row that is the thing, under the 3px ink rule (poster-row--thing). */
.poster-settings-door {
  display: flex; flex-direction: column; gap: 0.2rem;
  margin-top: 2rem; padding: 0.9rem 0 0;
  text-decoration: none; color: inherit;
}
.poster-settings-door:hover .poster-settings-door-title { color: var(--accent); }
.poster-settings-door-title { font-weight: var(--weight-heavy); color: var(--text); text-transform: uppercase; letter-spacing: .04em; font-size: var(--text-body-sm); }
.poster-settings-door-hint { font-size: var(--text-note); color: var(--text-dim); }