chore: less styles, if we can

src/assets/styles/index.css

@@ -443,10 +443,7 @@ code {
 }
 
 .pill--button.pill--button__small {
-  padding-top: .25rem;
+  padding: .25rem .5rem;
-  padding-bottom: .25rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
   margin-right: .5rem;
   margin-bottom: .5rem;
   font-size: var(--font-size-sm);
@@ -469,8 +466,7 @@ code {
 /* articles */
 article h2 {
   line-height: var(--line-height-2xl);
-  margin-top: 0;
+  margin: 0;
-  margin-bottom: 0;
 }
 
 article time {
@@ -531,25 +527,18 @@ article time {
   animation: spin 1s linear infinite;
 }
 
-.link--icon svg {
-  color: var(--gray-200);
-}
-
-.link--icon:hover svg {
-  color: var(--blue-200);
-}
-
-.link--icon svg,
-.pagination button > svg {
-  transition-property: stroke;
-}
-
 /* lists */
 ul, ol {
   padding-left: 1.25rem;
   list-style-position: inside;
 }
 
+ul li,
+ol li {
+  margin-top: .375rem;
+  margin-bottom: .5rem;
+}
+
 .footnotes-list {
   margin-bottom: 0 !important;
   padding-left: 0 !important;
@@ -559,15 +548,8 @@ ul, ol {
   margin-bottom: 0;
 }
 
-ul li,
-ol li {
-  margin-top: .375rem;
-  margin-bottom: .5rem;
-}
-
 /* images */
 .image__banner {
-  overflow: hidden;
   border: 1px solid var(--blue-600);
   border-radius: var(--rounded-lg);
 }
@@ -596,7 +578,6 @@ ol li {
   display: flex;
   padding: 1rem;
   background-color: var(--white);
-  overflow: hidden;
 }
 
 .avatar__wrapper .avatar__wrapper--interior > * {
@@ -674,7 +655,6 @@ article .now__section--header {
 
 .media__grid .item__wrapper {
   position: relative;
-  overflow: hidden;
   height: 100%;
   width: 100%;
   border: 1px solid var(--blue-600);
@@ -815,7 +795,6 @@ article .now__section--header {
   height: 3.5rem;
   margin-bottom: 0;
   border-radius: var(--rounded-full);
-  overflow: hidden;
   border: 4px solid var(--white);
 }
 
@@ -846,7 +825,6 @@ article .now__section--header {
 .author__wrapper > .avatar__wrapper > .avatar__wrapper--interior {
   border: 1px solid var(--blue-600);
   border-radius: var(--rounded-full);
-  overflow: hidden;
   margin-bottom: 1rem;
   margin-right: 0;
   padding: .25rem;
@@ -879,7 +857,6 @@ article .now__section--header {
 
 .progress-bar__wrapper {
   display: flex;
-  overflow: hidden;
   background-color: rgba(217, 222, 228, .6);
   border-radius: var(--rounded-lg);
   height: 1rem;
@@ -1007,6 +984,15 @@ footer .links__secondary {
   justify-content: center;
 }
 
+.image__banner,
+.avatar__wrapper .avatar__wrapper--interior,
+.media__grid .item__wrapper,
+.webmentions__wrapper .interaction__wrapper .avatar__wrapper,
+.author__wrapper > .avatar__wrapper > .avatar__wrapper--interior,
+.progress-bar__wrapper {
+  overflow: hidden;
+}
+
 /* screens: small */
 @media screen and (min-width: 640px) {
   main {