/**
 * @file day-group.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description One day of a record: the day as a small coral heading over its rows. Drawn by
 *   components/DayGroup.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.1.0 — 2026-09-26 — The day's capitals, spacing and rule read --shape-case-label, --shape-tracking-label, --shape-frame-heavy and --shape-rule-colour (a move: the AIMEAT values equal the old ones).
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

.poster-day-list { display: flex; flex-direction: column; gap: 1.4rem; }
.poster-day { display: flex; flex-direction: column; gap: 0.2rem; }
/* The day heading is the structure of this page. It is quiet, but it is the thing being scanned,
   so it sits apart from its rows rather than on top of them. */
.poster-day-title {
  font-size: var(--text-xs); text-transform: var(--shape-case-label); letter-spacing: var(--shape-tracking-label);
  color: var(--accent); font-weight: var(--weight-heavy); margin: 0 0 0.3rem;
  padding-bottom: 0.35rem; border-bottom: var(--shape-frame-heavy) solid var(--shape-rule-colour);
}
/* The quiet heading: the same heading in grey, over a list that is a record rather than the page's
   structure (the chat's work log). */
.poster-day-title--quiet { color: var(--text-dim); }
.poster-day .poster-timeline-list { border-top: 0; }