/**
 * @file named-value.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A named value on one line: what it is called, the value, and a way to rename it. Drawn by
 *   components/NamedValue.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-named { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.poster-named-label { color: var(--text-dim); font-size: var(--text-base); }
.poster-named-value { font-size: var(--text-md); font-weight: var(--weight-heavy); }
.poster-named-rename { font-size: var(--text-note); }