fix: align TechLog article content widths

src/features/tech-log/presentation/styles/globals.css

@@ -795,14 +795,14 @@ a {
 }
 
 .code-block {
-  width: min(58rem, calc(100% + 12rem));
-  margin: 38px 0 39px 50%;
+  width: min(var(--body-copy), 100%);
+  margin: 38px auto 39px;
   overflow: hidden;
   border: 1px solid #242831;
   border-radius: 8px;
   background: var(--code-canvas);
   color: #e8ebf2;
-  transform: translateX(-50%);
+  transform: none;
 }
 
 .code-block figcaption {
@@ -872,12 +872,12 @@ a {
 }
 
 .data-table-wrap {
-  width: min(58rem, calc(100% + 12rem));
-  margin: 37px 0 40px 50%;
+  width: min(var(--body-copy), 100%);
+  margin: 37px auto 40px;
   overflow-x: auto;
   border-top: 1px solid var(--line-strong);
   border-bottom: 1px solid var(--line-strong);
-  transform: translateX(-50%);
+  transform: none;
 }
 
 .data-table-wrap table {
@@ -961,9 +961,9 @@ a {
 }
 
 .evidence-figure {
-  width: min(61rem, calc(100% + 15rem));
-  margin: 43px 0 42px 50%;
-  transform: translateX(-50%);
+  width: min(var(--body-copy), 100%);
+  margin: 43px auto 42px;
+  transform: none;
 }
 
 .evidence-image-button {
@@ -1429,19 +1429,6 @@ dialog::backdrop {
     display: none;
   }
 
-  .code-block,
-  .data-table-wrap {
-    width: min(58rem, calc(100vw - 64px));
-    margin-left: 50%;
-    transform: translateX(-50%);
-  }
-
-  .evidence-figure {
-    width: min(61rem, calc(100vw - 64px));
-    margin-left: 50%;
-    transform: translateX(-50%);
-  }
-
   .mobile-toc-wrap {
     display: block;
     margin-bottom: 62px;