rewrite 2026-09 and 2027 articles for reader-facing quality

web/public/assets/editorial/2027/performance-capstone-2027-evidence-boundary-matrix.svg

@@ -1,6 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="720" viewBox="0 0 1200 720" role="img" aria-labelledby="title desc">
-  <title id="title">Матрица границ доказательств</title><desc id="desc">Матрица показывает четыре слоя будущего исследования и правило остановки при незаполненных условиях.</desc>
-  <rect width="1200" height="720" fill="#101022"/><text x="65" y="82" fill="#fbf7ff" font-family="Arial, sans-serif" font-size="40" font-weight="700">Сравнимость до evidence</text><text x="65" y="121" fill="#c2bddb" font-family="Arial, sans-serif" font-size="23">P112 · не результат, а матрица проверяемого будущего вопроса</text>
-  <g font-family="Arial, sans-serif" font-size="22"><rect x="65" y="175" width="1070" height="390" rx="12" fill="#1b1b38" stroke="#5f5d8c" stroke-width="2"/><path d="M65 255h1070M65 335h1070M65 415h1070M65 495h1070M340 175v390M660 175v390M900 175v390" stroke="#5f5d8c" stroke-width="2"/><text x="92" y="225" fill="#fff" font-weight="700">Слой</text><text x="370" y="225" fill="#fff" font-weight="700">Нужно назвать</text><text x="690" y="225" fill="#fff" font-weight="700">Опрокидывает claim</text><text x="930" y="225" fill="#fff" font-weight="700">Статус</text><text x="92" y="305" fill="#d8d6ff">Intent</text><text x="370" y="305" fill="#d8d6ff">доступное действие</text><text x="690" y="305" fill="#ffccb7">другое действие</text><text x="930" y="305" fill="#ffd879">not-collected</text><text x="92" y="385" fill="#d8d6ff">Boundary</text><text x="370" y="385" fill="#d8d6ff">старт и конец</text><text x="690" y="385" fill="#ffccb7">смена границы</text><text x="930" y="385" fill="#ffd879">not-collected</text><text x="92" y="465" fill="#d8d6ff">Conditions</text><text x="370" y="465" fill="#d8d6ff">browser · cache · route</text><text x="690" y="465" fill="#ffccb7">разные условия</text><text x="930" y="465" fill="#ffd879">not-collected</text><text x="92" y="545" fill="#d8d6ff">Evidence</text><text x="370" y="545" fill="#d8d6ff">разрешённый artefact</text><text x="690" y="545" fill="#ffccb7">нет provenance</text><text x="930" y="545" fill="#ffd879">not-attempted</text></g>
-  <rect x="250" y="615" width="700" height="62" rx="15" fill="#4b252e" stroke="#ff8494" stroke-width="2"/><text x="600" y="656" text-anchor="middle" fill="#ffe4e8" font-family="Arial, sans-serif" font-size="25" font-weight="700">Незаполненный слой → stop, не вывод о winner</text>
+<svg xmlns="http://www.w3.org/2000/svg" width="750" height="500" viewBox="0 0 750 500" role="img" aria-labelledby="title desc">
+  <title id="title">Матрица resource timing</title>
+  <desc id="desc">Для каждого ресурса сопоставлены инициатор, время, блокировка и потребитель.</desc>
+  <rect width="750" height="500" rx="24" fill="#f8fafc"/>
+  <text x="38" y="50" font-family="Arial,sans-serif" font-size="26" font-weight="700" fill="#172033">Waterfall → зависимость</text>
+  <g font-family="Arial,sans-serif" font-size="19">
+    <rect x="38" y="82" width="674" height="58" rx="10" fill="#1e293b"/>
+    <text x="56" y="119" fill="#fff" font-weight="700">Ресурс</text><text x="190" y="119" fill="#fff" font-weight="700">Инициатор</text><text x="330" y="119" fill="#fff" font-weight="700">Время</text><text x="430" y="119" fill="#fff" font-weight="700">Ждёт</text><text x="565" y="119" fill="#fff" font-weight="700">Действие</text>
+    <rect x="38" y="150" width="674" height="78" rx="8" fill="#e0f2fe"/><text x="56" y="185" fill="#075985">style.css</text><text x="190" y="185" fill="#075985">parser</text><text x="330" y="185" fill="#075985">0–180ms</text><text x="430" y="185" fill="#075985">layout</text><text x="565" y="185" fill="#075985">разделить</text>
+    <rect x="38" y="238" width="674" height="78" rx="8" fill="#fef3c7"/><text x="56" y="273" fill="#92400e">app.js</text><text x="190" y="273" fill="#92400e">parser</text><text x="330" y="273" fill="#92400e">40–240ms</text><text x="430" y="273" fill="#92400e">DOM</text><text x="565" y="273" fill="#92400e">defer</text>
+    <rect x="38" y="326" width="674" height="78" rx="8" fill="#dcfce7"/><text x="56" y="361" fill="#14532d">analytics</text><text x="190" y="361" fill="#14532d">script</text><text x="330" y="361" fill="#14532d">250ms+</text><text x="430" y="361" fill="#14532d">ничего</text><text x="565" y="361" fill="#14532d">отложить</text>
+  </g>
+  <text x="38" y="455" font-family="Arial,sans-serif" font-size="20" fill="#475569">Размер полосы не равен её влиянию на экран.</text>
 </svg>