Improve high-contrast accessibility

Transparent borders will render as black when forced-colors mode is active, allowing the elements to still be clearly distinguished when background colors are removed.

diff --git a/style.css b/style.css
index 82c4dce46b4a5356ed591bdebb3091af05f5523d..c7b37cc3c1572b1c3db9fdfc4b63edd093a91aa8 100644 (file)
--- a/style.css
+++ b/style.css
@@ -203,6 +203,7 @@ blockquote::before {
 }
 
 code {
+  border: 1px solid transparent;
   border-radius: 4px;
   background: hsl(0deg 0% 95%);
   padding: 1px 3px 2px;
@@ -341,6 +342,7 @@ td {
 .tag > a {
   padding-block: 4px;
   padding-inline: 6px;
+  border: 1px solid transparent;
   border-radius: 12px;
   text-decoration: none;
   font-weight: 500;