Styling changes to be more compatible with website

Author: chrisglein

.jekyll-metadata

@@ -20,6 +20,10 @@
   margin: 1rem 0;
 }
 
+#album-ranker strong {
+  color: var(--ar-text);
+}
+
 #album-ranker *, #album-ranker *::before, #album-ranker *::after {
   box-sizing: border-box;
 }
@@ -44,7 +48,7 @@
 #album-ranker section {
   background: var(--ar-panel);
   border-radius: 12px;
-  padding: 1.5rem;
+  padding: 0.5rem;
 }
 
 #album-ranker h2 { margin: 0 0 1rem; font-size: 1.25rem; color: var(--ar-text); }
@@ -102,15 +106,15 @@
   background: #2f2f36;
   border: 2px solid transparent;
   border-radius: 10px;
-  padding: 1.5rem;
+  padding: 0.5rem;
   color: var(--ar-text);
   text-align: left;
   cursor: pointer;
   font: inherit;
   transition: all 0.15s ease;
   min-height: 130px;
   display: flex;
-  gap: 1rem;
+  gap: 0.5rem;
   align-items: center;
 }
 #album-ranker .card-art {
@@ -119,6 +123,7 @@
   border-radius: 6px;
   object-fit: cover;
   flex-shrink: 0;
+  margin: initial;
 }
 #album-ranker .card-text {
   flex: 1;
@@ -134,16 +139,22 @@
   transform: translateY(-2px);
 }
 #album-ranker .album-card .title {
-  font-size: 1.2rem;
+  font-size: 1.0rem;
   font-weight: 600;
   margin-bottom: 0.1rem;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-#album-ranker .album-card .artist { color: var(--ar-text); }
-#album-ranker .album-card .year { color: var(--ar-muted); font-size: 0.9rem; }
+#album-ranker .album-card .artist {
+  color: var(--ar-text);
+  font-size: 0.8rem;
+}
+#album-ranker .album-card .year {
+  color: var(--ar-muted);
+  font-size: 0.8rem;
+}
 
 #album-ranker .vs { font-weight: bold; color: var(--ar-accent); font-size: 1.25rem; }
 
@@ -175,6 +186,7 @@
   border-radius: 4px;
   object-fit: cover;
   flex-shrink: 0;
+  margin: initial;
 }
 #album-ranker .tier-group li:last-child { border-bottom: none; }