diff --git a/config/style/purdue-cascade.css b/config/style/purdue-cascade.css
new file mode 100644
index 0000000..1055d9b
--- /dev/null
+++ b/config/style/purdue-cascade.css
@@ -0,0 +1,30 @@
+#main-content #app header:is(.flex) {
+    /* Cascade has its own page header, so hide the TaxonPages header.
+     * Even if we remove the header from the Vue app, a placeholder will be added. */
+    display: none;
+}
+
+#main-content #app .h-screen {
+    /* TaxonPages takes over the screen, but that's not good behavior inside a Cascade page. */
+    height: unset;
+    min-height: 30rem;
+}
+
+#app {
+    /* Cascade has some opinions about spacing, color, and size that don't work well for TaxonPages. */
+    color: black;
+    h1, h2, h3, h4, h5, h6 {
+        font-family: United Sans, Impact, sans-serif;
+        text-transform: unset;
+        font-size: unset;
+        color: black;
+        margin: unset;
+        line-height: unset;
+    }
+    li, p {
+        font-weight: 400;
+    }
+    a {
+        text-decoration: unset;
+    }
+}