From eb64092294f0f131fdc38707ad21a9b930bac259 Mon Sep 17 00:00:00 2001
From: Keith Casko <kcasko@wgu.edu>
Date: Fri, 2 Oct 2026 10:12:55 -0400
Subject: [PATCH] Fix capability card and mobile topology overflow

---
 style.css | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index 5a2772f..592afe8 100644
--- a/style.css
+++ b/style.css
@@ -361,10 +361,12 @@ h1 {
 }
 
 .metric strong {
-  display: inline-block;
+  display: block;
+  max-width: 100%;
   margin-top: 16px;
-  font: 500 clamp(1.7rem, 2.3vw, 2.8rem)/1 var(--mono);
-  letter-spacing: -.06em;
+  font: 500 clamp(1rem, 1.3vw, 1.45rem)/1.1 var(--mono);
+  letter-spacing: -.035em;
+  overflow-wrap: anywhere;
 }
 
 .metric small {
@@ -1210,11 +1212,18 @@ footer {
   }
 
   .system-map {
-    overflow-x: auto;
+    overflow: hidden;
   }
 
   .system-map a {
-    min-width: 740px;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .system-map img {
+    display: block;
+    width: 100%;
+    height: auto;
   }
 
   .evidence figcaption,