1 files changed, 91 insertions, 0 deletions
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index 2d09220..048b8e7 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -1648,6 +1648,21 @@ button,
 
 /* Legacy type-* classes for compatibility (with badge styling) */
 
+.type-life {
+  color: var(--type-life);
+  background-color: rgba(245, 158, 11, 0.1);
+}
+
+.type-quote {
+  color: var(--type-quote);
+  background-color: rgba(0, 255, 136, 0.1);
+}
+
+.type-link {
+  color: var(--type-link);
+  background-color: rgba(56, 189, 248, 0.1);
+}
+
 /* Card component */
 
 .card {
@@ -2409,6 +2424,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   margin-bottom: 0.25rem;
 }
 
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
 .mb-12 {
   margin-bottom: 3rem;
 }
@@ -2441,6 +2460,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   margin-left: 0.5rem;
 }
 
+.ml-auto {
+  margin-left: auto;
+}
+
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -2527,6 +2550,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: none;
 }
 
+.aspect-\[3\/2\] {
+  aspect-ratio: 3/2;
+}
+
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
@@ -2563,6 +2590,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   height: auto;
 }
 
+.h-full {
+  height: 100%;
+}
+
 .h-screen {
   height: 100vh;
 }
@@ -2705,6 +2736,12 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   cursor: pointer;
 }
 
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
 .resize-none {
   resize: none;
 }
@@ -2725,10 +2762,18 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   flex-wrap: wrap;
 }
 
+.items-start {
+  align-items: flex-start;
+}
+
 .items-center {
   align-items: center;
 }
 
+.items-stretch {
+  align-items: stretch;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -2757,6 +2802,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   gap: 1rem;
 }
 
+.gap-6 {
+  gap: 1.5rem;
+}
+
 .gap-8 {
   gap: 2rem;
 }
@@ -2803,6 +2852,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -3037,6 +3090,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   padding-left: 0.75rem;
 }
 
+.pl-4 {
+  padding-left: 1rem;
+}
+
 .pl-6 {
   padding-left: 1.5rem;
 }
@@ -3102,6 +3159,11 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   line-height: 1;
 }
 
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -5037,6 +5099,11 @@ html.theme-light .hero-name {
   line-height: 2.25rem;
 }
 
+.hover\:-translate-y-1:hover {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .hover\:bg-surface:hover {
   background-color: var(--surface);
 }
@@ -5207,6 +5274,14 @@ html.theme-light .hero-name {
     height: 12rem;
   }
 
+  .md\:h-64 {
+    height: 16rem;
+  }
+
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .md\:w-48 {
     width: 12rem;
   }
@@ -5219,6 +5294,14 @@ html.theme-light .hero-name {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
   .md\:gap-6 {
     gap: 1.5rem;
   }
@@ -5242,6 +5325,14 @@ html.theme-light .hero-name {
     font-size: 6rem;
     line-height: 1;
   }
+
+  .group\/header:focus-within .md\:group-focus-within\/header\:flex {
+    display: flex;
+  }
+
+  .group\/header:hover .md\:group-hover\/header\:flex {
+    display: flex;
+  }
 }
 
 @media (prefers-color-scheme: dark) {