ADD Create single revue CSS styles for enhanced layout and design consistency

resources/css/pages/single-revues.css

@@ -0,0 +1,45 @@
+.page--single-revue {
+  .single-revue__header {
+    @apply bg-carhop-green-700 text-white py-32;
+
+    h1 {
+      @apply text-white uppercase font-medium text-7xl;
+      line-height: 1.2;
+    }
+    &__inner {
+      @apply container mx-auto  grid grid-cols-1 md:grid-cols-2 gap-4;
+    }
+
+    .thumbnail-wrapper {
+      img {
+        max-height: 800px;
+        @apply object-contain;
+      }
+    }
+
+    .revue-meta {
+      @apply flex gap-28 mt-12;
+
+      &__label {
+        @apply uppercase font-bold text-lg;
+        letter-spacing: 0.2em;
+      }
+    }
+
+    .revue-issue {
+      @apply flex items-center gap-2;
+      .revue-issue-number {
+        @apply bg-white text-carhop-green-700 px-4 py-2 font-normal h-fit;
+      }
+    }
+  }
+  article {
+    @apply py-12 my-12;
+    .article-title {
+      @apply mb-8;
+    }
+    .article-tags {
+      @apply mb-12;
+    }
+  }
+}