Layout: replace card grid with simple list

styles.css

@@ -2,12 +2,8 @@
   --fg: #e6edf3;
   --muted: #9198a1;
   --bg: #0d1117;
-  --bg-elev: #161b22;
   --accent: #58a6ff;
   --border: #30363d;
-  --tag-bg: #1f2630;
-  --tag-fg: #8a929e;
-  --radius: 12px;
   --maxw: 64rem;
 }
 
@@ -16,11 +12,8 @@
     --fg: #1f2328;
     --muted: #57606a;
     --bg: #ffffff;
-    --bg-elev: #f6f8fa;
     --accent: #0969da;
     --border: #d0d7de;
-    --tag-bg: #eaeef2;
-    --tag-fg: #57606a;
   }
 }
 
@@ -90,69 +83,56 @@ body {
 }
 .section-link:hover { text-decoration: underline; }
 
-/* Cards grid */
-.cards {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
-  gap: 1.25rem;
+/* Projects — simple single-column list */
+.projects {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  max-width: 42rem;
 }
-
-.card {
-  display: flex;
-  flex-direction: column;
-  background: var(--bg-elev);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 1.5rem 1.4rem 1.4rem;
-  transition: border-color 0.15s ease;
+.project {
+  padding: 1.5rem 0;
+  border-bottom: 1px solid var(--border);
 }
-.card:hover { border-color: var(--accent); }
-.card:focus-within { border-color: var(--accent); }
-
-.card-name {
-  margin: 0 0 0.75rem;
-  font-size: 1.1rem;
+.project:last-child { border-bottom: none; }
+.project-name {
+  margin: 0 0 0.4rem;
+  font-size: 1.15rem;
   font-weight: 700;
   letter-spacing: -0.01em;
 }
-.card-story {
-  margin: 0.5rem 0 1.1rem;
+.project-name a {
+  color: var(--accent);
+  text-decoration: none;
+}
+.project-name a:hover { text-decoration: underline; }
+.project-story {
+  margin: 0 0 0.6rem;
   color: var(--fg);
   font-size: 1.02rem;
   line-height: 1.65;
-  flex: 1 1 auto;
 }
 
 /* Tags — small, muted detail */
 .tags {
   list-style: none;
-  margin: 0 0 0.85rem;
+  margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;
 }
 .tags li {
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   line-height: 1.4;
-  color: var(--tag-fg);
-  background: var(--tag-bg);
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  padding: 0.1rem 0.5rem;
-  white-space: nowrap;
-  opacity: 0.95;
-}
-
-/* Card link — subtle, sits below the story */
-.card-link {
-  align-self: flex-start;
   color: var(--muted);
-  text-decoration: none;
-  font-size: 0.82rem;
-  font-weight: 500;
+  white-space: nowrap;
+}
+.tags li:not(:last-child)::after {
+  content: "·";
+  margin-left: 0.35rem;
+  color: var(--border);
 }
-.card-link:hover { color: var(--accent); text-decoration: underline; }
 
 /* Footer */
 .site-footer {
@@ -189,9 +169,6 @@ a:focus-visible {
 
 /* Responsive tightening on small screens */
 @media (max-width: 30rem) {
-  .cards {
-    grid-template-columns: 1fr;
-  }
   .site-header { padding: 2rem 0 1.25rem; }
   .section { padding: 2rem 0 0.5rem; }
 }