chore: css consolidation + tokens

src/assets/styles/pages/books.css

@@ -52,7 +52,7 @@
 .book-entry,
 .book-focus {
   & img {
-    border: 1px solid var(--accent-color);
+    border: var(--border-default);
   }
 
   & .book-meta {

src/assets/styles/pages/music.css

@@ -7,7 +7,7 @@
   margin-top: var(--sizing-base);
 
   & img {
-    border: 1px solid var(--accent-color);
+    border: var(--border-default);
     width: 100%;
     height: auto;
     aspect-ratio: var(--aspect-ratio-square);
@@ -58,11 +58,11 @@
 }
 
 @media screen and (min-width: 768px) {
-  .artist-focus img {
-    max-width: 240px;
-  }
-
   .artist-focus {
+    & img {
+      max-width: 240px;
+    }
+
     & .artist-display {
       flex-direction: row;
       gap: var(--sizing-md);

src/assets/styles/pages/post.css

@@ -1,4 +1,3 @@
-/* footnotes */
 .footnotes-list {
   margin-bottom: 0;
   padding-left: 0;
@@ -14,4 +13,17 @@
 
 .footnote-item > p {
   display: inline;
+}
+
+sup.footnote-ref {
+  line-height: var(--line-height-xs);
+}
+
+sup.footnote-ref a,
+.footnote-backref {
+  text-decoration: none;
+}
+
+.footnotes + .banner {
+  margin-top: 0 !important;
 }

src/assets/styles/pages/watching.css

@@ -1,6 +1,6 @@
 .watching {
   & img {
-    border: 1px solid var(--accent-color);
+    border: var(--border-default);
     width: 100%;
     height: auto;
   }

src/assets/styles/pages/webrings.css

@@ -4,8 +4,4 @@
   h3 {
     margin: var(--sizing-2xl) 0 var(--sizing-lg);
   }
-
-  & > .webring-centered {
-    justify-content: center;
-  }
 }