feat(playground-design-system): v0.4.0 — root-cause fix for kanban/expansion/matrix-bubble [skip-docs]

Bugfixes (B-DS-1, B-DS-2, B-DS-3 fra V1.14.0-AUDIT):
- .kanban-card__name (tier3-supplement): word-break: break-all → break-word
  + overflow-wrap: anywhere. Knekket midt i ord ("Tekn isk dokumen tasjon").
- .expansion__title-main, .expansion__title-sub (tier3-supplement): legg
  til display: block. Begge er <span> som flyter inline by default —
  resultat: "dokumentertKilde: Art. 9" på samme linje.
- .matrix__bubble (components.css): legg til cursor: pointer, hover-scale
  og focus-visible. Antas rendret som <button> i konsumenter — gir
  visuell + keyboard-fokus-feedback.

Re-syncet til plugins/ms-ai-architect/playground/vendor/ via
sync-design-system.mjs. Slettet 3 lokal-overrides i playground HTML
(matrix-bubble, expansion-title, kanban-card-name). Style-blokk:
191 → 182 linjer.

Smoke-tester: validate-plugin 219 PASS, e2e --playground 272 PASS,
statisk struktur 202 PASS.

Andre plugins (llm-security, voyage, okr, config-audit) påvirkes IKKE
— beholder gammel vendored DS inntil de selv re-syncer.

Sesjon 2 av 6 i v1.14.0 root-cause-multi-sesjons-løp.
ms-ai-architect plugin-versjon ikke bumpet (sesjon 6 ship-er v1.14.0).
[skip-docs]: docs oppdateres i sesjon 6 ved v1.14.0 plugin-ship.

Refs V1.14.0-AUDIT.local.md sub-batch 1 + 4.

plugins/ms-ai-architect/playground/ms-ai-architect-playground.html

@@ -185,18 +185,13 @@
        ikke skubber innhold utenfor viewport. */
     .recommendation-card__body { overflow-wrap: anywhere; word-break: break-word; }
 
-    /* v1.13.0 fix (B3): matrix-bobler i ROS-matrise skal være klikkbare.
-       DS har hover på cellene, men bobler er <span> uten cursor. Klikk-handler
-       scroller til tilsvarende rad i Trusler-tabellen. */
-    .matrix__bubble { cursor: pointer; transition: transform var(--duration-fast) var(--ease-default); }
-    .matrix__bubble:hover { transform: scale(1.15); }
-    .matrix__bubble:focus-visible { outline: 2px solid var(--color-primary-500); outline-offset: 2px; }
-
     /* v1.13.1 fix (B7): .report-meta er ikke definert i vendored DS — vi bruker
        <section class="report-meta"> som outer-wrapper i flere rendrere. Browser-
        defaults for <dl><dd><ul> gir uforutsigbare indents (Forpliktelser-bullet-
        liste i renderAiActPyramid, expansion__body-dl i renderRequirements).
-       Lokal reset gir konsistent venstre-justering uavhengig av nestelse. */
+       Lokal reset gir konsistent venstre-justering uavhengig av nestelse.
+       MERKNAD: .report-meta-mønsteret fjernes i sesjon 4 (V1.14.0) — erstattes
+       av <aside class="card"> + <dl class="adr-meta"> per renderer. */
     .report-meta { display: block; margin-block: var(--space-4); }
     .report-meta > h4 { margin: 0 0 var(--space-2); font-size: var(--font-size-md); font-weight: var(--font-weight-semibold); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.04em; }
     .report-meta dl { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-1) var(--space-3); margin: 0; }
@@ -205,15 +200,11 @@
     .report-meta > ul { padding-left: var(--space-5); margin: 0; }
     .report-meta > ul > li { margin-bottom: var(--space-1); color: var(--color-text-primary); }
 
-    /* v1.13.1 fix (B8b): .expansion__title-main og __title-sub er <span>'ene som
-       DS lar flyte inline. Resultat: "dokumentertKilde: Art. 9" uten linjebrytning.
-       Tving block-display så de stables vertikalt med riktig spacing. */
-    .expansion__title-main, .expansion__title-sub { display: block; }
-
-    /* v1.13.1 fix (B10): DS' .kanban-card__name har word-break:break-all som knekker
-       midt i ord ("Tekn isk dokumen tasjon"). Erstatt med break-word så ordskjøt
-       respekteres. Override krever spesifisitet pga. cascade-orden. */
-    .kanban-card .kanban-card__name { word-break: break-word; }
+    /* B-DS-1, B-DS-2, B-DS-3 (v1.14.0 sesjon 2): tre lokal-overrides slettet.
+       Fixes nå i shared/playground-design-system/ v0.4.0:
+         - .kanban-card__name (break-word + overflow-wrap)
+         - .expansion__title-main/sub (display: block)
+         - .matrix__bubble (cursor + hover + focus) */
 
     /* v1.13.1 fix (B12, B13, B15): defensive block-layout for sibling-rapport-
        seksjoner som kan ha overflow-issues mot foregående grid-elementer