feat: migrate to native details element for quickfacts component

src/scss/base.scss

@@ -131,9 +131,15 @@
   --header-margin: 1rem var(--container-spacing-right-safe) 1rem
     var(--container-spacing-left-safe);
   --navigation-justify-content: flex-start;
+
   --quickfacts-background: var(--theme-b-page-background-light);
+  --quickfacts-cols-double: auto;
+  --quickfacts-cols-triple: auto;
+  --quickfacts-cols-quadruple: auto;
+
   --modal-background: var(--theme-b-modal-background-light);
   --modal-width: 100%;
+
   --welcome-header-headings-flex-basis: 100%;
   --welcome-header-headings-margin: 1.5rem 0 0 0;
   --welcome-header-mainline-font-size: 2rem;
@@ -215,6 +221,10 @@
     --welcome-header-headings-margin: 0;
     --welcome-header-mainline-font-size: var(--font-size-h1);
 
+    --quickfacts-cols-double: 2 auto;
+    --quickfacts-cols-triple: 3 auto;
+    --quickfacts-cols-quadruple: 4 auto;
+
     --section-max-width: 34rem;
 
     --button-group-flex: 0 0 auto;

src/scss/main.scss

@@ -113,22 +113,6 @@ blockquote {
   padding: 1rem;
 }
 
-ul {
-  margin: 1rem 0;
-
-  &.col-2 {
-    columns: 2 auto;
-  }
-
-  &.col-3 {
-    columns: 3 auto;
-  }
-
-  &.col-4 {
-    columns: 4 auto;
-  }
-}
-
 .social {
   > * {
     &:before {