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

web/public/assets/editorial/2027/performance-capstone-2027-critical-path-contract.svg

@@ -1,7 +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="#081525"/><text x="70" y="92" fill="#f4f8ff" font-family="Arial, sans-serif" font-size="42" font-weight="700">Договор о критическом пути</text><text x="70" y="132" fill="#a9bfd7" font-family="Arial, sans-serif" font-size="23">P112 · план/сценарий 2027-06 · source cutoff 2026-07-31</text>
-  <path d="M185 330H1015" stroke="#43617e" stroke-width="8" stroke-linecap="round"/><path d="M1015 330l-28-18v36z" fill="#43617e"/>
-  <g font-family="Arial, sans-serif"><g><circle cx="190" cy="330" r="75" fill="#123a5b" stroke="#69d3ff" stroke-width="3"/><text x="190" y="323" text-anchor="middle" fill="#fff" font-size="25" font-weight="700">Навигация</text><text x="190" y="355" text-anchor="middle" fill="#b9d9ec" font-size="18">граница старта</text></g><g><circle cx="455" cy="330" r="75" fill="#173e55" stroke="#72e2c1" stroke-width="3"/><text x="455" y="323" text-anchor="middle" fill="#fff" font-size="25" font-weight="700">Ресурсы</text><text x="455" y="355" text-anchor="middle" fill="#c0e6d8" font-size="18">видимые условия</text></g><g><circle cx="720" cy="330" r="75" fill="#3d3455" stroke="#c9a7ff" stroke-width="3"/><text x="720" y="323" text-anchor="middle" fill="#fff" font-size="25" font-weight="700">Главный поток</text><text x="720" y="355" text-anchor="middle" fill="#ddd0fa" font-size="18">отдельный слой</text></g><g><circle cx="985" cy="330" r="75" fill="#214647" stroke="#9ce0a2" stroke-width="3"/><text x="985" y="323" text-anchor="middle" fill="#fff" font-size="25" font-weight="700">Действие</text><text x="985" y="355" text-anchor="middle" fill="#d0efd3" font-size="18">future question</text></g></g>
-  <rect x="150" y="510" width="900" height="115" rx="18" fill="#102438" stroke="#6de0ad" stroke-width="3"/><text x="600" y="557" text-anchor="middle" fill="#effff7" font-family="Arial, sans-serif" font-size="29" font-weight="700">synthetic-plan-hand-off</text><text x="600" y="594" text-anchor="middle" fill="#b9d9c9" font-family="Arial, sans-serif" font-size="22">productionEffect: not-attempted · без benchmark, telemetry и profile</text>
+<svg xmlns="http://www.w3.org/2000/svg" width="750" height="480" viewBox="0 0 750 480" role="img" aria-labelledby="title desc">
+  <title id="title">Критический путь страницы</title>
+  <desc id="desc">Временная линия отделяет TTFB, HTML, блокирующие ресурсы и отрисовку.</desc>
+  <rect width="750" height="480" rx="24" fill="#f8fafc"/>
+  <text x="40" y="52" font-family="Arial,sans-serif" font-size="26" font-weight="700" fill="#172033">Один экран — четыре участка</text>
+  <line x1="80" y1="245" x2="680" y2="245" stroke="#64748b" stroke-width="6"/>
+  <g font-family="Arial,sans-serif">
+    <circle cx="110" cy="245" r="18" fill="#0284c7"/><rect x="50" y="105" width="130" height="92" rx="14" fill="#e0f2fe" stroke="#0284c7" stroke-width="3"/><text x="115" y="140" text-anchor="middle" font-size="22" font-weight="700" fill="#075985">TTFB</text><text x="115" y="171" text-anchor="middle" font-size="18" fill="#0c4a6e">сервер</text>
+    <circle cx="280" cy="245" r="18" fill="#7c3aed"/><rect x="220" y="285" width="130" height="92" rx="14" fill="#ede9fe" stroke="#7c3aed" stroke-width="3"/><text x="285" y="320" text-anchor="middle" font-size="22" font-weight="700" fill="#5b21b6">HTML</text><text x="285" y="351" text-anchor="middle" font-size="18" fill="#4c1d95">передача</text>
+    <circle cx="450" cy="245" r="18" fill="#d97706"/><rect x="390" y="105" width="130" height="92" rx="14" fill="#fef3c7" stroke="#d97706" stroke-width="3"/><text x="455" y="140" text-anchor="middle" font-size="22" font-weight="700" fill="#92400e">CSS / JS</text><text x="455" y="171" text-anchor="middle" font-size="18" fill="#78350f">блокировка</text>
+    <circle cx="620" cy="245" r="18" fill="#16a34a"/><rect x="560" y="285" width="130" height="92" rx="14" fill="#dcfce7" stroke="#16a34a" stroke-width="3"/><text x="625" y="320" text-anchor="middle" font-size="22" font-weight="700" fill="#166534">Paint</text><text x="625" y="351" text-anchor="middle" font-size="18" fill="#14532d">экран</text>
+  </g>
+  <text x="40" y="430" font-family="Arial,sans-serif" font-size="20" fill="#475569">Каждый участок требует собственного измерения.</text>
 </svg>