diff --git a/static/styles.css b/static/styles.css
index e695221..874aa0d 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,35 +1,24 @@
-:root {
-  color-scheme: light dark;
-  --background: #fffaf2;
-  --text: #241c16;
-  --muted: #745f50;
-  --line: #e8d8c8;
-  --accent: #8f3d2f;
-  --panel: #fff3e3;
-}
-
 * {
   box-sizing: border-box;
 }
 
 body {
   margin: 0;
-  background: var(--background);
-  color: var(--text);
+  color: #111;
+  background: #fff;
   font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-  line-height: 1.6;
+  font-size: 18px;
+  line-height: 1.65;
 }
 
 a {
-  color: var(--accent);
-  text-decoration-thickness: 0.08em;
-  text-underline-offset: 0.18em;
+  color: inherit;
 }
 
 .site-header,
 .site-footer,
 main {
-  width: min(100% - 2rem, 760px);
+  width: min(100% - 2rem, 42rem);
   margin-inline: auto;
 }
 
@@ -37,71 +26,61 @@ main {
   display: flex;
   justify-content: space-between;
   gap: 1rem;
-  padding-block: 1.25rem;
-  border-bottom: 1px solid var(--line);
+  padding-block: 1rem;
+  border-bottom: 1px solid #ddd;
 }
 
 .site-title {
   font-weight: 700;
-  text-decoration: none;
 }
 
 .site-footer {
-  margin-top: 4rem;
-  padding-block: 2rem;
-  color: var(--muted);
-  border-top: 1px solid var(--line);
+  margin-top: 3rem;
+  padding-block: 1.5rem;
+  border-top: 1px solid #ddd;
 }
 
-.hero {
-  padding-block: 4rem 2rem;
+.hero,
+.post {
+  padding-block: 2rem;
 }
 
 h1,
 h2,
 h3 {
-  line-height: 1.15;
+  line-height: 1.2;
 }
 
 h1 {
-  font-size: clamp(2.25rem, 6vw, 4.5rem);
-  letter-spacing: -0.045em;
+  font-size: 2.25rem;
 }
 
 .eyebrow,
 .description,
 .back-link,
-.archive-note {
-  color: var(--muted);
+.archive-note,
+.site-footer {
+  color: #555;
 }
 
 .eyebrow {
   font-family: ui-sans-serif, system-ui, sans-serif;
-  font-size: 0.78rem;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
+  font-size: 0.85rem;
 }
 
 .post-list {
   display: grid;
-  gap: 1rem;
+  gap: 1.5rem;
 }
 
-.post-card,
-.archive-note {
-  border: 1px solid var(--line);
-  background: var(--panel);
-  border-radius: 1rem;
-  padding: 1rem;
+.post-card {
+  padding-block: 1rem;
+  border-top: 1px solid #ddd;
 }
 
-.post {
-  padding-block: 3rem;
-}
-
-.prose {
-  font-size: 1.08rem;
+.archive-note {
+  padding: 0.75rem 1rem;
+  border: 1px solid #ddd;
 }
 
 .prose img {
@@ -113,21 +92,23 @@ h1 {
   float: right;
   width: 80px;
   height: 80px;
-  margin: 0 0 1rem 1.5rem;
+  margin: 0 0 1rem 1rem;
   image-rendering: pixelated;
 }
 
 blockquote {
   margin-inline: 0;
-  padding: 0.75rem 1rem;
-  border-left: 0.25rem solid var(--accent);
-  background: var(--panel);
+  padding-left: 1rem;
+  border-left: 3px solid #ddd;
 }
 
 pre {
   overflow-x: auto;
   padding: 1rem;
-  border-radius: 0.75rem;
-  background: #1f1b18;
-  color: #fffaf2;
+  background: #f5f5f5;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.9em;
 }