blocks
* (AutoAdoptPolicyPanel, AuditRetentionWindowPanel ×2, AuditPrunePreviewPanel,
* CommunityBrokers' decommission preview) have asked for this since they were
* written and no stylesheet ever defined it, so they rendered as UA definition
* lists — key on one line, value indented 40px beneath it.
*
* It is deliberately NOT an alias of `.wep-dl` above, and part I was right to
* decline `.wep-kv` while it was dead. `.wep-dl` is the DRAWER EVIDENCE list:
* uppercase 2xs keys and a mono, break-all value, because its values are
* digests and identifiers. Every `wep-kv` value here is a SENTENCE ("Enabled —
* newly Confident-recognized installs adopt automatically on ingest"), and
* `.wep-dl`'s treatment would set that prose in mono and break it mid-word.
* Same structure, different content, so: its own rule, keys sentence-case in
* fg-3, values in prose at fg-1. */
.wep-kv {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
gap: var(--wep-space-1) var(--wep-space-3);
margin: 0 0 var(--wep-space-3);
font-size: var(--wep-size-text-sm);
line-height: var(--wep-line-snug);
}
.wep-kv dt {
color: var(--wep-color-fg-3);
font-weight: var(--wep-weight-medium);
}
.wep-kv dd {
margin: 0;
color: var(--wep-color-fg-1);
overflow-wrap: anywhere;
}
/* #3479 — a value that opts into the muted utility gets it. `.wep-kv dd` above
* is (0,1,1) and the kit's `.wep-fg-3` is (0,1,0), so the rule that sets every
* value to fg-1 also outranked the one value marked muted: the halt row's
* public-index advisory (#3012) rendered at full strength on the page and on
* its board alike. This restates the utility at the list's own weight plus a
* class, (0,2,1). Every other value keeps fg-1; only a `dd` that carries
* `wep-fg-3` changes. UpdateHaltQueueTests resolves the cascade over this
* sheet on the rendered row and holds the advisory to fg-3. */
.wep-kv dd.wep-fg-3 { color: var(--wep-color-fg-3); }
/* ─── Section card (rare; only for evidence groupings) ─── */
.wep-section {
border-top: 1px solid var(--wep-color-border-1);
padding: var(--wep-space-4) 0;
}
/* #4561 U2 — the section that opens the page draws no top rule and no top
* padding of its own: the head's bottom rule is its edge and the head's
* margin its gap. Otherwise a page that opens on a section showed two rules a
* gap apart. The page puts it right after the head; a board, as the first
* child of the `.page-body` that follows the head. */
:where(.wep-page-head) + .wep-section,
:where(.wep-page-head) + * > .wep-section:first-child {
border-top: 0;
padding-top: 0;
}
/* A SECTION'S TITLE IS A SENTENCE (#4561 U3, Marc 2026-10-20): 16px semi-bold in
* the body ink, the approved #4256 drawing's card title (tokens.css names
* text-lg "section headings"). It was a 2xs uppercase eyebrow in fg-3. The words
* in the markup were always sentence case; only the transform goes.
*
* The heading's level is the title's level. A title one level down (an h3 or
* h4 under the section's h2: the endpoint page's "Covered by this catalog"
* under "Installed packages", the halt queue's "Holding a slot" under
* "In-flight slots") reads as `.wep-section-subtitle` below, so two levels
* still read apart at 16px. The outline the markup already gives a screen
* reader is the one the eye gets. */
.wep-section-title {
font-size: var(--wep-size-text-lg);
font-weight: var(--wep-weight-semi);
line-height: var(--wep-line-snug);
color: var(--wep-color-fg-1);
margin: 0 0 var(--wep-space-2);
}
:is(h3, h4, h5, h6).wep-section-title {
font-size: var(--wep-size-text-sm);
color: var(--wep-color-fg-2);
}
/* #1865 part M — a heading BELOW a section title, for a section that has more
* than one part (FleetCveEvaluationLimits' "What this record claims is
* affected" and "Pin a mapping from here"). Never defined, so both rendered as
* UA : ~16px bold with 1em margins, louder than the `.wep-section-title`
* they sit under. One step down in size and colour from the title, and the
* kit's own rhythm above/below. */
.wep-section-subtitle {
margin: var(--wep-space-4) 0 var(--wep-space-2);
font-size: var(--wep-size-text-sm);
font-weight: var(--wep-weight-semi);
color: var(--wep-color-fg-2);
}
/* The page-lead paragraph under a page head or section title: what this surface
is, in one measure-limited line. Sibling of .wep-empty-lead (same size, colour
and 60ch measure) but left-aligned in the flow rather than centred in an empty
state.
#1860 part K — added, not restyled: three pages (PolicyCedarAuthoring,
PolicyDenyList, PolicyGrants) have asked for `wep-section-intro` since they
were written and NO stylesheet has ever defined it, so the lead rendered at
body size across the full column width. A brand-new selector cannot regress
anything that renders today, which is why this one rule is in the kit rather
than duplicated into three scoped sheets.
#1865 part M — `wep-section-lead` joins the selector, it does not get a rule
of its own. Four call sites (CatalogRingSoakConfigPage, FleetGroups,
FleetGroupDetail ×2) are all the same thing this rule already describes: a
measure-limited lead
under a section title. Two names for one idiom is
the vocabulary debt this batch exists to pay down, so they share the ONE
place a future change has to be made. Declarations untouched. */
.wep-section-intro,
.wep-section-lead {
max-width: 60ch;
margin: 0 0 var(--wep-space-3);
font-size: var(--wep-size-text-sm);
line-height: 1.5;
color: var(--wep-color-fg-3);
}
/* ─── Secondary text (#1865 part M) ───
* `wep-meta` is the single biggest piece of dead vocabulary in the console: 59
* uses across 15 files (DivergenceFindingCard ×16, PublisherTrustCard ×10,
* BaselineGateWaiverCard ×7, CatalogEvidenceDrawer ×7, RollbackProposalQueue
* ×5, PromoteReadBackChecklist ×3, CatalogPackage ×2, CatalogDriftHealCard ×2,
* and seven more once each) and NO stylesheet has ever defined it. Every one of
* those 59 elements rendered at body colour and body size — the explanatory
* paragraph, the field label above an input and the primary evidence line all
* at the same weight, which is most of why these cards read as undesigned.
*
* All 59 were read before this rule was written. They are one idiom: small,
* muted, secondary text. The spread of ELEMENTS is what shapes the rule —
*
(explanations, status lines), (inline detail),