fix cyber

static/styles.css

@@ -741,41 +741,6 @@ main {
     margin: 0;
 }
 
-/* ─── Attack table (cyber page) ─── */
-.attack-table {
-    width: 100%;
-    border-collapse: collapse;
-    font-size: 0.76rem;
-    margin: 2rem 0;
-}
-.attack-table thead th {
-    font-size: 0.6rem;
-    letter-spacing: 0.14em;
-    text-transform: uppercase;
-    color: var(--muted);
-    padding: 0.6rem 1rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border);
-}
-.attack-table tbody tr {
-    border-bottom: 1px solid var(--border);
-    transition: background 0.15s;
-}
-.attack-table tbody tr:hover {
-    background: var(--surface2);
-}
-.attack-table tbody td {
-    padding: 0.9rem 1rem;
-    color: #c8c8c0;
-    vertical-align: top;
-    line-height: 1.55;
-    text-align: left;
-}
-.attack-table td:first-child {
-    color: var(--red);
-    font-weight: 500;
-    white-space: nowrap;
-}
 .counter {
     color: var(--green);
     font-size: 0.72rem;
@@ -1049,3 +1014,65 @@ main.two-col {
     margin-bottom: 40px;
     padding-top: 6px;
 }
+
+/* ─── Attack table (cyber page) ─── */
+.attack-table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed; /* ← must be present */
+    font-size: 0.76rem;
+    margin: 2rem 0;
+}
+.attack-table thead th {
+    font-size: 0.6rem;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--muted);
+    padding: 0.6rem 1rem;
+    text-align: left;
+    border-bottom: 1px solid var(--border);
+    word-wrap: break-word;
+}
+.attack-table tbody tr {
+    border-bottom: 1px solid var(--border);
+    transition: background 0.15s;
+}
+.attack-table tbody tr:hover {
+    background: var(--surface2);
+}
+.attack-table tbody td {
+    padding: 0.9rem 1rem;
+    color: #c8c8c0;
+    vertical-align: top;
+    line-height: 1.55;
+    text-align: left;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}
+.attack-table td:first-child {
+    color: var(--red);
+    font-weight: 500;
+    width: 18%;
+}
+.attack-table td:nth-child(2) {
+    width: 40%;
+}
+.attack-table td:nth-child(3) {
+    width: 42%;
+    color: var(--green);
+    font-size: 0.72rem;
+}
+
+.attack-table tbody td {
+    white-space: normal; /* ← overrides the global tbody td rule */
+}
+
+.attack-table thead th:nth-child(1) {
+    width: 18%;
+}
+.attack-table thead th:nth-child(2) {
+    width: 42%;
+}
+.attack-table thead th:nth-child(3) {
+    width: 40%;
+}