/**
 * @file memory.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The Memory page's one rule of its own (the root is .og-mp: SettingsPage name="mp").
 *   Every other part of the page is a component with its own sheet: the search line, the stored
 *   value (StoredValue, stored-value.css), the facts, the lists, the rails, the head.
 *   NOTE: this file must be linked in spa.html (useViewCSS is a no-op).
 * @version-history
 *   v1.12.0 -- 2026-09-26 -- The page is on the components (G3 page migration): the rules for .mp-sort,
 *     .mp-title--key (now PageHead asKey, .og-title--key), .mp-meta (Note kind="meta" mono), .mp-value,
 *     .mp-prose and .mp-raw (StoredValue), .mp-side (SettingsPage's list of rails), .mp-tags,
 *     .mp-file-kind (Avatar size large), .mp-agent (Select fit), .mem-page, .mp-fig and the listing
 *     places (the List's cells) go, because no file writes those classes any more. Only the narrow
 *     screen's event rows stay.
 *   v1.11.0 -- 2026-09-26 -- A stored value as written is the Code block (css/components/code-block.css): the frame goes, the place and height stay (a unification: Jouni's decision "Code block").
 *   v1.10.0 -- 2026-09-26 -- A framed box is the Object box (.poster-box), the one that stands out (an opened row, the way to take first) its raised tone; a page rule keeps only its place (a unification: Jouni's decision "Box").
 *   v1.9.0 -- 2026-09-26 -- A key is the Key (.key-name, css/components/key-name.css): .mp-key and the history rows' key rule go (a unification: the look most tabs use).
 *   v1.8.0 -- 2026-09-26 -- The agent drop-down beside the tags is the Select field (.select-field): .mp-agent and its select rule go, it keeps only its width (a unification: the look most tabs use).
 *   v1.7.0 -- 2026-09-25 -- A file's mark is the avatar box (.poster-box--avatar, small): .mp-file-kind keeps only its size (a unification: the look most tabs use).
 *   v1.6.0 -- 2026-09-25 -- The key-space order is the Tab and "show all" the action link: .mp-sort keeps only its place (a unification: Jouni's decisions "Tabs and filters" and "Action link").
 *   v1.5.0 -- 2026-09-25 -- A record's flat value is the Facts (css/components/facts.css, the wide cut), a unification: the look most tabs use. The mp-kv rules go; a value keeps its line breaks.
 *   v1.4.0 -- 2026-09-25 -- The tables of key spaces, the keys of a space, the file rows, the stale rows, who else sees and a record's shares are the Listing (css/components/listing.css), a unification: the look most tabs use. The name rule of the fold rows goes; a size keeps its small grey type, a tag its place beside a name.
 *   v1.3.0 -- 2026-09-25 -- The row labels' look is .poster-label; their rules here keep only their place (Jouni's decision "Row label", a unification).
 *   2026-09-25 -- The visibility and import choices lose their rule: the tab (.poster-tab) now draws them (a unification: Jouni's decision "Tabs and filters").
 *   v1.2.0 -- 2026-09-25 -- Dead rules removed: selectors whose classes no file writes (UI consolidation phase 5, a move; the browser's reading proves only those went).
 *   v1.1.0 -- 2026-09-13 -- Compose the record value's top rule from poster.css.
 *   v1.0.0 — 2026-08-29 — Initial.
 */

@media (max-width: 1100px) {
  /* An event row wraps on a narrow screen, and a search hit's tag goes under the key. */
  .og-mp .og-fold { flex-wrap: wrap; row-gap: .35rem; }
  .og-mp .og-fold-r { white-space: normal; margin-left: 0; flex-basis: 100%; }
}