Line: Extend all horizontal lines into the gutter

Author: lamATnginx

assets/css/v2/style.css

@@ -1087,6 +1087,9 @@ blockquote ul {
   white-space: nowrap;
   position: relative;
 
+  width: calc(100% + 2rem);
+  margin-left: -1rem;
+
   &::after {
     content: "";
     position: absolute;
@@ -1190,6 +1193,11 @@ blockquote ul {
 .tab-content {
   border-bottom: 1px solid black;
   padding-bottom: 1rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  width: calc(100% + 2rem);
+  margin-left: -1rem;
 
   .tab-pane {
     display: none;
@@ -1332,7 +1340,10 @@ figure {
 
 /* HR Lines */
 hr {
-  width: 100%;
+  /* Move to gutter */
+  width: calc(100% + 2rem);
+  margin-left: -1rem;
+
   border: 1px solid var(--color-divider);
 }