diff --git a/_config.yml b/_config.yml
index ff5a42b5..fd199779 100644
--- a/_config.yml
+++ b/_config.yml
@@ -50,7 +50,7 @@ socials_in_search: true
 bib_search: true
 
 # Dimensions
-max_width: 1200px
+max_width: 1500px
 
 # TODO: add layout settings (single page vs. multi-page)
 
diff --git a/_pages/blue-team.md b/_pages/blue-team.md
index 5c107dd5..f961f58f 100644
--- a/_pages/blue-team.md
+++ b/_pages/blue-team.md
@@ -6,8 +6,8 @@ permalink: /blue-team/
 nav: false
 ---
 
-<div class="row justify-content-center" markdown="1">
-  <div class="col-lg-10" markdown="1">
+<div class="row" markdown="1">
+  <div class="col-12" markdown="1">
 
 <p class="page-eyebrow">Overview</p>
 
diff --git a/_pages/cybersecurity-calendar.md b/_pages/cybersecurity-calendar.md
index af39c7f8..648c1627 100644
--- a/_pages/cybersecurity-calendar.md
+++ b/_pages/cybersecurity-calendar.md
@@ -7,8 +7,8 @@ nav: true
 nav_order: 6
 ---
 
-<div class="row justify-content-center">
-<div class="col-lg-11">
+<div class="row">
+<div class="col-12">
 
 <!-- Filter bar -->
 <div class="cal-filter-bar">
diff --git a/_pages/start-here.md b/_pages/start-here.md
index c9acd76d..91ce0c1e 100644
--- a/_pages/start-here.md
+++ b/_pages/start-here.md
@@ -7,8 +7,8 @@ nav: true
 nav_order: 2
 ---
 
-<div class="row justify-content-center">
-  <div class="col-lg-10">
+<div class="row">
+  <div class="col-12">
 
 <p class="page-eyebrow">Guided</p>
 
diff --git a/_pages/templates.md b/_pages/templates.md
index a6ea80d1..4c71dd12 100644
--- a/_pages/templates.md
+++ b/_pages/templates.md
@@ -6,8 +6,8 @@ description: Practical security artifacts — incident response, vulnerability t
 nav: false
 ---
 
-<div class="row justify-content-center">
-  <div class="col-lg-10">
+<div class="row">
+  <div class="col-12">
 
 <p class="page-eyebrow">Downloads</p>
 
diff --git a/_pages/tools.md b/_pages/tools.md
index 1192f376..a52a29c8 100644
--- a/_pages/tools.md
+++ b/_pages/tools.md
@@ -19,8 +19,8 @@ children:
     permalink: /ai-tools-prompts/
 ---
 
-<div class="row justify-content-center">
-  <div class="col-lg-10">
+<div class="row">
+  <div class="col-12">
 
 <p class="page-eyebrow">Toolkit</p>
 
diff --git a/_sass/_cards.scss b/_sass/_cards.scss
index 430a3cc8..16c0486a 100644
--- a/_sass/_cards.scss
+++ b/_sass/_cards.scss
@@ -21,21 +21,21 @@
   }
   &__date {
     font-family: $font-mono;
-    font-size: 0.6rem;
+    font-size: var(--text-2xs);
     color: var(--color-ink-muted);
     margin-bottom: 6px;
   }
   &__title {
     font-family: $font-display;
-    font-size: 1.05rem;
+    font-size: 1.2rem;
     font-weight: 700;
     color: var(--color-ink);
     margin-bottom: 6px;
-    line-height: 1.25;
+    line-height: 1.3;
     letter-spacing: -0.01em;
   }
   &__desc {
-    font-size: 0.82rem;
+    font-size: var(--text-sm);
     color: var(--color-ink-muted);
     line-height: 1.65;
   }
@@ -47,7 +47,7 @@
   border-color: rgba(0, 87, 255, 0.2);
 
   .djb-card__title {
-    font-size: 1.35rem;
+    font-size: 1.55rem;
   }
 }
 
@@ -70,13 +70,15 @@
 
 // Mini CVE headline row (inside featured card right column)
 .cve-row {
-  font-size: 0.8rem;
+  font-size: 1rem;
+  font-weight: 500;
   color: var(--color-ink);
-  padding: 8px 10px;
+  padding: 10px 12px;
   border-left: var(--accent-stripe-width) solid var(--color-accent);
-  background: rgba(255, 255, 255, 0.5);
+  background: rgba(255, 255, 255, 0.6);
   border-radius: 0 3px 3px 0;
-  margin-bottom: 6px;
+  margin-bottom: 8px;
+  line-height: 1.45;
 
   html[data-theme="dark"] & {
     background: rgba(255, 255, 255, 0.05);
@@ -84,9 +86,10 @@
 
   &__meta {
     font-family: $font-mono;
-    font-size: 0.6rem;
+    font-size: var(--text-xs);
     color: var(--color-ink-muted);
-    margin-top: 2px;
+    margin-top: 4px;
+    letter-spacing: 0.02em;
   }
 }
 
@@ -99,31 +102,31 @@
 
   &__badge {
     font-family: $font-mono;
-    font-size: 0.62rem;
+    font-size: var(--text-2xs);
     color: var(--color-accent);
     border: 1px solid rgba(0, 87, 255, 0.3);
-    padding: 2px 7px;
+    padding: 3px 8px;
     border-radius: 2px;
     display: inline-block;
-    margin-bottom: 8px;
+    margin-bottom: 10px;
     letter-spacing: 0.06em;
   }
 
   &__name {
     font-family: $font-display;
-    font-size: 0.9rem;
+    font-size: var(--text-base);
     font-weight: 700;
     color: var(--color-ink);
     margin-bottom: 4px;
   }
   &__location {
-    font-size: 0.75rem;
+    font-size: var(--text-sm);
     color: var(--color-ink-muted);
     margin-bottom: 8px;
   }
   &__cost {
     font-family: $font-mono;
-    font-size: 0.68rem;
+    font-size: var(--text-xs);
     color: var(--color-ink-muted);
     border-top: 1px solid var(--color-surface-border);
     padding-top: 8px;
diff --git a/_sass/_home.scss b/_sass/_home.scss
index db7c5aa6..121d6f9a 100644
--- a/_sass/_home.scss
+++ b/_sass/_home.scss
@@ -54,7 +54,7 @@
 
   &__label {
     font-family: $font-mono;
-    font-size: 0.62rem;
+    font-size: var(--text-2xs);
     text-transform: uppercase;
     letter-spacing: 0.12em;
     color: var(--color-accent);
@@ -64,7 +64,7 @@
   }
 
   &__text {
-    font-size: 0.85rem;
+    font-size: var(--text-sm);
     color: var(--color-ink-muted);
     line-height: 1.8;
     margin-bottom: 16px;
@@ -85,15 +85,15 @@
 
   &__label {
     font-family: $font-mono;
-    font-size: 0.58rem;
+    font-size: var(--text-2xs);
     text-transform: uppercase;
     letter-spacing: 0.1em;
     color: var(--color-ink-muted);
-    margin-bottom: 2px;
+    margin-bottom: 4px;
   }
   &__value {
     font-family: $font-display;
-    font-size: 0.95rem;
+    font-size: var(--text-base);
     font-weight: 700;
     color: var(--color-ink);
   }
@@ -222,8 +222,8 @@
 
   &__tagline {
     font-family: $font-mono;
-    font-size: 0.62rem;
-    color: rgba(255, 255, 255, 0.35);
+    font-size: var(--text-xs);
+    color: rgba(255, 255, 255, 0.4);
     margin-top: 2px;
   }
 
@@ -235,8 +235,8 @@
     margin: 0;
 
     a {
-      font-size: 0.75rem;
-      color: rgba(255, 255, 255, 0.5);
+      font-size: var(--text-sm);
+      color: rgba(255, 255, 255, 0.55);
       text-decoration: none;
       &:hover {
         color: #fff;
@@ -246,8 +246,8 @@
 
   &__meta {
     font-family: $font-mono;
-    font-size: 0.62rem;
-    color: rgba(255, 255, 255, 0.3);
+    font-size: var(--text-xs);
+    color: rgba(255, 255, 255, 0.35);
     text-align: right;
   }
 }
diff --git a/_sass/_page.scss b/_sass/_page.scss
index c130f3e5..eac380ef 100644
--- a/_sass/_page.scss
+++ b/_sass/_page.scss
@@ -11,7 +11,7 @@
 
 .page-eyebrow {
   font-family: $font-mono;
-  font-size: 0.68rem;
+  font-size: var(--text-2xs);
   text-transform: uppercase;
   letter-spacing: 0.14em;
   color: var(--color-accent);
@@ -21,8 +21,9 @@
 
 .page-description {
   color: var(--color-ink-muted);
-  font-size: 0.95rem;
+  font-size: 1.05rem;
   line-height: 1.6;
+  max-width: 70ch;
 }
 
 .page-divider {
@@ -67,12 +68,37 @@
 
   .badge {
     font-family: $font-mono;
-    font-size: 0.6rem;
+    font-size: var(--text-2xs);
     letter-spacing: 0.06em;
     font-weight: 600;
   }
 }
 
+// Constrain long-form prose to a comfortable reading width inside wide pages.
+// Grid/table/card markup escapes via its own width. Anchor: .post > article > p,ul,ol.
+.post > article > p,
+.post > article > ul,
+.post > article > ol,
+.post > article > blockquote,
+.post > article > h1,
+.post > article > h2,
+.post > article > h3,
+.post > article > h4 {
+  max-width: 78ch;
+}
+
+// Opt-out: anything inside an explicit row/grid/card escapes the prose width.
+.post > article .row,
+.post > article .tools-grid,
+.post > article .learn-grid,
+.post > article .tools-toc,
+.post > article .tpl-toc,
+.post > article .news-grid,
+.post > article .table-responsive,
+.post > article table {
+  max-width: none;
+}
+
 // ── Chip secondary (neutral, for Learn sub-pages) ────────────────────────────
 // Used on Books, Podcasts, Maps, Platforms, Search Engines pages.
 .chip--secondary {
diff --git a/_sass/_tokens.scss b/_sass/_tokens.scss
index 04307368..09b38d95 100644
--- a/_sass/_tokens.scss
+++ b/_sass/_tokens.scss
@@ -16,12 +16,13 @@
   --color-warning: #d97706;
   --accent-stripe-width: 2px;
 
-  // Type scale — modular 1.25 ratio. Cap long-form body at 70ch.
-  --text-2xs: 0.625rem;
-  --text-xs: 0.75rem;
-  --text-sm: 0.875rem;
+  // Type scale — modular 1.2 ratio. Cap long-form body at 70ch.
+  // Bumped 2026-05-09: previous 0.625/0.75 felt unreadable on dense UI.
+  --text-2xs: 0.78rem;
+  --text-xs: 0.88rem;
+  --text-sm: 0.95rem;
   --text-base: 1rem;
-  --text-lg: 1.125rem;
+  --text-lg: 1.15rem;
 }
 
 html[data-theme="dark"] {