/**
 * @file skills-poster.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The Skills page in the poster face (sk- prefix; design canvas "AIMEAT Taidot-sivu",
 *   direction A). The shared parts come from organism.css's og- rules; this file carries what the
 *   page adds: the three shelves as rows (name, what it teaches, whom it serves, the doors), the
 *   panel that opens under a row with its facts, the agent picker, the visibility doors, the file
 *   list and the SKILL.md fold, the filter chips and the search line, the two roads to a new skill
 *   with the editor, and the AI rule box.
 *   NOTE: this file must be linked in spa.html.
 * @version-history
 *   v1.21.0 -- 2026-09-26 -- The page is on the component kit (page group G7): its rules go (the SKILL.md fold is the Box's folded tone in box.css); only the design lab's sample rules stay.
 *   v1.20.0 -- 2026-09-26 -- A road's title reads --shape-case-heading and the label spacing (* .2, .02em) (a move: the AIMEAT values equal the old ones).
 *   v1.19.0 -- 2026-09-26 -- "Pin to this version" is the Check line: its size goes, its row stays (a unification: Jouni's decision "Check line").
 *   v1.18.0 -- 2026-09-26 -- The request for an agent is the Code block (css/components/code-block.css): .sk-pre goes (a unification: Jouni's decision "Code block").
 *   v1.17.0 -- 2026-09-25 -- The count inside a filter's rules go: it is the Count (.poster-count, tally; dark on the sun in the chosen one), a unification: Jouni's decision "Count".
 *   v1.16.0 -- 2026-09-25 -- Dead declarations removed: .sk-editor's face, size and line height (the Text area's, linked later with the same weight, always won), a move.
 *   v1.15.0 -- 2026-09-25 -- Who may see a skill is a choice: the Tab (.poster-tab), a unification: Jouni's decision "Choice". The og-door rules that drew it (its size, its sun when chosen, its dimming) go.
 *   v1.14.0 -- 2026-09-25 -- The line under each shelf is the More line, css/components/more-line.css (a move): the rules of .sk-more go from here unchanged, under the part's name.
 *   v1.13.0 -- 2026-09-25 -- The facts under an opened row and in the AI section are the Facts (css/components/facts.css), a unification: the look most tabs use. The rules of sk-kv, sk-k, sk-v go; the code line in the AI section keeps its place.
 *   v1.12.0 -- 2026-09-25 -- The shelves and the file list are the Listing (css/components/listing.css), a unification: the look most tabs use. The rules of sk-pl, sk-p and their cells go; a tag beside a name keeps its place, and the file list keeps its typewriter face.
 *   v1.11.0 -- 2026-09-25 -- A search field over a list is the Search line (.search-line with the Text field); a place keeps only its layout (a unification: the look most tabs use).
 *   v1.11.0 -- 2026-09-25 -- Every drop-down is the Select field (.select-field, css/components/select-field.css); a place keeps only its width and margin (a unification: the look most tabs use).
 *   v1.10.0 -- 2026-09-25 -- Every drop-down is the Select field (.select-field, css/components/select-field.css); a place keeps only its width and margin (a unification: the look most tabs use).
 *   v1.9.0 -- 2026-09-25 -- A framed box's own frame and ground go: it is the Object box (.poster-box, css/poster.css); its place (margin, padding) stays here. The lead roads keep their own heavier look (Jouni's decision "Object box", a unification).
 *   v1.8.0 -- 2026-09-25 -- Every tag is the Tag (.poster-chip and its tones, .poster-chips for a row), a unification: Jouni's decision Tag.
 *   v1.7.0 -- 2026-09-25 -- The inline code rules go: code is the Code block's inline cut (css/components/code-block.css); the layout declarations of their places stay, on .code-inline (UI consolidation phase 5, a unification).
 *   v1.6.0 -- 2026-09-25 -- The lead and paragraph rules go: they are the og-lead (css/components/page-section.css); the layout declarations of their places stay, on .og-lead (UI consolidation phase 5, a unification).
 *   v1.5.0 -- 2026-09-25 -- The hint rules go: the hints are the Hint (css/components/hint.css); the layout declarations of their places stay, on .poster-hint (UI consolidation phase 5, a unification).
 *   v1.4.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).
 *   v1.3.0 -- 2026-09-25 -- The quiet ways on are the library's action link (Jouni's decision "Action
 *     link"): the rules that restyled og-door, the classic buttons and the text buttons here go; a
 *     place's layout value moves to the new class.
 *   2026-09-25 -- .sk-empty is the quiet sentence (.poster-quiet, Jouni's decision "Empty line"): its look goes, its place stays; its bold words take the sentence's colour.
 *   2026-09-25 -- The facets are the tab's filter tone (a unification: Jouni's decision "Tabs and filters"); the count keeps its rules, its margin now the tab's own gap.
 *   v1.2.0 -- 2026-09-13 -- Compose catalogue detail frames from poster.css.
 *   v1.1.0 -- 2026-09-13 -- V2: compose the agent rule with the shared ink frame.
 *   v1.0.0 — 2026-09-03 — Initial (replaces the .pf-skl-* rules in profile.css).
 */

/* The Skills page draws nothing of its own any more: every part is a component (page group G7).
   What stays is only for the design lab's samples (views/design-lab/decision-samples-conflicts.js
   draws .sk-road, .sk-road-t and .sk-rule as markup); these rules die when the lab moves. */
.sk-road { margin: 0; padding: .9rem 1rem 1rem; min-width: 0; }
.sk-road-t { display: block; margin-bottom: .4rem; font-family: var(--font-display, var(--font-heading)); font-size: 1.05rem; text-transform: var(--shape-case-heading); letter-spacing: calc(var(--shape-tracking-label) * .2); color: var(--text); }
.sk-rule { margin: .6rem 0 .2rem; padding: .9rem 1.1rem; }
.sk-rule .poster-label { display: block; margin-bottom: .3rem; }
.sk-rule .og-lead { margin-bottom: .6rem; }