docs(overall_status): enlarge status headings and add rollout progress bar

- Style 'Process Status' rubrics with new .status-heading class for larger,
  bolder appearance.
- Replace 'Implementation status: ...' rubrics with an inline 'Rollout status'
  row containing label, percentage, progress bar and detail text in one line.
- Add corresponding CSS in docs/_assets/custom.css (.status-heading,
  .impl-status-row and .impl-status-bar/.impl-status-fill).

Author: antonkri

.github/skills/overall-status/SKILL.md

@@ -354,7 +354,7 @@ COV_RE = re.compile(
 ### 4.2 PA5 — static / dynamic analysis CI table
 
 > **Reader notes (rendered in the RST as `.. note::` blocks placed
-> immediately after the PA5 `Implementation status:` rubric and before
+> immediately after the PA5 `Rollout status` row and before
 > the PA5 list-table — keep them in sync when regenerating):**
 >
 > 1. **C0/C1 Coverage source.** Coverage data comes from the
@@ -573,9 +573,14 @@ to read. All other PAs keep the default 720px width.
 
 ### 5.4 Pie chart row (Process Status)
 
-Each PA section starts with a pie chart row.
+Each PA section starts with a pie chart row. The section is introduced by a
+**Process Status** rubric that uses the `status-heading` class for an
+enlarged appearance (styles in `docs/_assets/custom.css`):
 
 ```rst
+.. rubric:: Process Status
+   :class: status-heading
+
 .. list-table::
    :header-rows: 1
    :class: compact-overview-table
@@ -620,17 +625,39 @@ Hard rules:
   `compact-overview-table`, fluid 33% per column, `!important` img override).
   Do not add explicit pixel sizes.
 
-### 5.4 Implementation status rubric
+### 5.4 Rollout status row
 
-Directly above the module tracker table:
+Directly above the module tracker table, render a **single-line row** with
+a label, percentage, an inline progress bar and a detail text. This
+replaces the older `.. rubric:: Implementation status: ...` line. Use a
+`raw:: html` block so the progress bar and the text sit on the same line:
 
 ```rst
-.. rubric:: Implementation status: 🔄 NN% (X/Y deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">NN%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:NN%"></div></div>
+     <span class="impl-status-detail">X/Y deliverables complete</span>
+   </div>
 ```
 
-`X` = number of `✅ Available` cells in the table; `Y` = number of cells in
-the table excluding the leftmost stub column. Both rubrics in a PA section
-(`Process Status` and `Implementation status`) are inline text, not headings.
+- `X` = number of `✅ Available` cells in the table.
+- `Y` = number of cells in the table excluding the leftmost stub column.
+- `NN` = `floor(100 * X / Y)`, clamped to `[0, 100]`. Use the **same**
+  value in both the `impl-status-percent` span and the
+  `style="width:NN%"` of `impl-status-fill`.
+- If `Y == 0`, render `NN = 0` (empty bar) and `0/0 deliverables complete`.
+- Keep the wording **"Rollout status"** — not "Implementation status"
+  (the term "implementation" is reserved for actual code).
+- Styling lives in `docs/_assets/custom.css` (`.impl-status-row`,
+  `.impl-status-bar`, `.impl-status-fill`). Do not inline additional
+  styles beyond the `width:NN%` on the fill div.
+- The `Process Status` rubric above the pie row uses the
+  `:class: status-heading` option (see §5.4 above) so both headings have
+  the same enlarged appearance.
 
 ---
 
@@ -841,9 +868,10 @@ Stop and investigate if:
 
 ### Step 6 — Write the RST
 
-Update each PA's module table and the `.. rubric:: Implementation status:`
-line. Source links as in §5.2. Pie-chart row stays unchanged unless the
-sphinx-needs tag changes.
+Update each PA's module table and the **Rollout status** `raw:: html`
+block above it (see §5.4). Source links as in §5.2. Pie-chart row and the
+`Process Status` rubric stay unchanged unless the sphinx-needs tag
+changes.
 
 ### Step 7 — Adding a new module
 

docs/_assets/custom.css

@@ -230,3 +230,66 @@ table .line-block .line {
     margin: 0;
     font-size: 1.1rem;
 }
+
+/* ---------------------------------------------------------------------------
+ * Process / Implementation status headings (overall_status.rst):
+ * make rubric headings visually larger, and render the implementation
+ * status as a single inline row with a progress bar.
+ * ---------------------------------------------------------------------------*/
+
+p.rubric.status-heading,
+.rubric.status-heading {
+    font-size: 1.35rem;
+    font-weight: 700;
+    margin-top: 1.2rem;
+    margin-bottom: 0.6rem;
+    color: #1a5fa8;
+}
+
+.impl-status-row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.6rem;
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: #1a5fa8;
+    margin: 1.2rem 0 0.8rem 0;
+}
+
+.impl-status-row .impl-status-label {
+    white-space: nowrap;
+}
+
+.impl-status-row .impl-status-icon {
+    font-size: 1.25rem;
+}
+
+.impl-status-row .impl-status-percent {
+    min-width: 3.5rem;
+    text-align: right;
+}
+
+.impl-status-row .impl-status-bar {
+    flex: 1 1 200px;
+    min-width: 160px;
+    max-width: 360px;
+    height: 14px;
+    background-color: #e3e8ef;
+    border: 1px solid #c0c8d4;
+    border-radius: 7px;
+    overflow: hidden;
+}
+
+.impl-status-row .impl-status-fill {
+    height: 100%;
+    background: linear-gradient(90deg, #1a5fa8 0%, #4a90d9 100%);
+    border-radius: 6px 0 0 6px;
+}
+
+.impl-status-row .impl-status-detail {
+    font-size: 1rem;
+    font-weight: 500;
+    color: #444;
+    white-space: nowrap;
+}

docs/s_core_v_1/roadmap/overall_status.rst

@@ -20,6 +20,7 @@ Process Area 1 — Change Management
 ----------------------------------
 
 .. rubric:: Process Status
+   :class: status-heading
 
 .. list-table::
    :header-rows: 1
@@ -58,7 +59,15 @@ Process Area 1 — Change Management
           :filter-func: needs_filters.area_verification_status(change_management)
 
 
-.. rubric:: Implementation status: 🔄 90% (10/11 deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">90%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:90%"></div></div>
+     <span class="impl-status-detail">10/11 deliverables complete</span>
+   </div>
 
 
 .. list-table::
@@ -118,6 +127,7 @@ Process Area 2 — Requirements Engineering
 -----------------------------------------
 
 .. rubric:: Process Status
+   :class: status-heading
 
 .. list-table::
    :header-rows: 1
@@ -163,7 +173,15 @@ Process Area 2 — Requirements Engineering
    Total Feature and Component Requirements across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
 
 
-.. rubric:: Implementation status: 🔄 39% (13/33 deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">39%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:39%"></div></div>
+     <span class="impl-status-detail">13/33 deliverables complete</span>
+   </div>
 
 
 .. list-table::
@@ -280,6 +298,7 @@ Process Area 3 — Architecture Design
 ------------------------------------
 
 .. rubric:: Process Status
+   :class: status-heading
 
 .. list-table::
    :header-rows: 1
@@ -325,7 +344,15 @@ Process Area 3 — Architecture Design
    Total Feature and Component Architecture elements across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
 
 
-.. rubric:: Implementation status: 🔄 24% (8/33 deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">24%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:24%"></div></div>
+     <span class="impl-status-detail">8/33 deliverables complete</span>
+   </div>
 
 
 .. list-table::
@@ -440,6 +467,7 @@ Process Area 4 — Implementation
 -------------------------------
 
 .. rubric:: Process Status
+   :class: status-heading
 
 .. list-table::
    :header-rows: 1
@@ -485,7 +513,15 @@ Process Area 4 — Implementation
    Estimated Lines of Code across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
 
 
-.. rubric:: Implementation status: 🔄 47% (21/44 deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">47%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:47%"></div></div>
+     <span class="impl-status-detail">21/44 deliverables complete</span>
+   </div>
 
 
 .. list-table::
@@ -613,6 +649,7 @@ Process Area 5 — Verification
 -----------------------------
 
 .. rubric:: Process Status
+   :class: status-heading
 
 .. list-table::
    :header-rows: 1
@@ -658,7 +695,15 @@ Process Area 5 — Verification
    Test counts and coverage across the 11 PA2 modules per release (v0.5.0-beta → v0.6.0 → v0.7.0 → current main).
 
 
-.. rubric:: Implementation status: 🔄 28% (25/88 deliverables complete)
+.. raw:: html
+
+   <div class="impl-status-row">
+     <span class="impl-status-label">Rollout status:</span>
+     <span class="impl-status-icon">🔄</span>
+     <span class="impl-status-percent">28%</span>
+     <div class="impl-status-bar"><div class="impl-status-fill" style="width:28%"></div></div>
+     <span class="impl-status-detail">25/88 deliverables complete</span>
+   </div>
 
 .. note::