@oiz/stzh-components 1.5.0-alpha → 2.0.0

package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css

@@ -172,7 +172,7 @@ the .has-focus class is used by the focus target */
   --stzh-color-truegreen: #008000;
   --stzh-color-shiraz: #c00d23;
   --stzh-color-error: #d0021b;
-  --stzh-color-warning: #F28B00;
+  --stzh-color-warning: #DB7E00;
   --stzh-color-active: #a4c400;
 
   --stzh-color-grey5: #F2F2F2;
@@ -645,6 +645,8 @@ the .has-focus class is used by the focus target */
 }
 
 .stzh-theme-ma {
+  --stzh-section-highlight-background-color: var(--stzh-color-white);
+
   background-color: var(--stzh-color-grey5);
 }
 
@@ -738,6 +740,7 @@ main {
   /* Lists */
   /* Figure */
   /* Blockquote */
+  /* Table */
   /* Links */
   /* Process Header */
   /* Links */
@@ -884,22 +887,14 @@ main h1,
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h1,
-main h2,
-main stzh-heading[level="1"],
-main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main h1,
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -907,108 +902,65 @@ main stzh-heading[level="2"] {
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main h1, main h2 {
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
-@media screen and (min-width: 600px) {
-  main h1, main h2 {
-    padding-bottom: var(--stzh-space-small);
-  }
-}
 @media screen and (min-width: 1024px) {
   main h1, main h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main h1, main h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main h1,
-main stzh-heading[level="1"] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+main stzh-heading[level="1"],
+main h2,
+main stzh-heading[level="2"] {
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxlarge);
+main stzh-heading[level="1"],
+main h2,
+main stzh-heading[level="2"] {
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxxxlarge);
-  }
-}
+main stzh-heading[level="1"],
 main h2,
-main stzh-heading[level="2"] {
-  margin-top: var(--stzh-space-xxlarge);
-}
-@media screen and (min-width: 600px) {
-  main h2,
 main stzh-heading[level="2"] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 1260px) {
-  main h2,
-main stzh-heading[level="2"] {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
 main h3,
-main stzh-heading[level="3"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-large);
-  }
-}
-@media screen and (min-width: 1024px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xxlarge);
-  }
-}
+main stzh-heading[level="3"],
 main h4,
 main stzh-heading[level="4"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h4,
-main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
-  main h4,
+  main h3,
+main stzh-heading[level="3"],
+main h4,
 main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  main h4,
+  main h3,
+main stzh-heading[level="3"],
+main h4,
 main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main p,
@@ -1030,6 +982,16 @@ main stzh-list {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main p,
+main stzh-text,
+main ul,
+main ol,
+main dl,
+main stzh-list {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main p,
 main stzh-text,
@@ -1040,6 +1002,16 @@ main stzh-list {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main p,
+main stzh-text,
+main ul,
+main ol,
+main dl,
+main stzh-list {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main ul ul,
 main ul ol,
 main ul dl,
@@ -1061,46 +1033,32 @@ main stzh-list stzh-list {
 }
 main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=hero],
-main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h1],
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h1],
-main stzh-heading[curve=h1],
-main stzh-text[curve=h2],
-main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h1],
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1108,23 +1066,17 @@ main stzh-heading[curve=h2] {
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h1],
 main stzh-heading[curve=h1] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h1],
-main stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h1],
 main stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1135,7 +1087,7 @@ main stzh-heading[curve=h1] {
 }
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-  margin-top: var(--stzh-space-xxlarge);
+  margin-top: var(--stzh-space-xxxlarge);
 }
 @media screen and (min-width: 600px) {
   main stzh-text[curve=h2],
@@ -1143,6 +1095,12 @@ main stzh-heading[curve=h2] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main stzh-text[curve=h2],
+main stzh-heading[curve=h2] {
+    margin-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
@@ -1151,46 +1109,34 @@ main stzh-heading[curve=h2] {
 }
 main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h3],
-main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h4],
-main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=p1],
@@ -1208,6 +1154,14 @@ main stzh-heading[curve=p2] {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main stzh-text[curve=p1],
+main stzh-text[curve=p2],
+main stzh-heading[curve=p1],
+main stzh-heading[curve=p2] {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=p1],
 main stzh-text[curve=p2],
@@ -1216,6 +1170,14 @@ main stzh-heading[curve=p2] {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main stzh-text[curve=p1],
+main stzh-text[curve=p2],
+main stzh-heading[curve=p1],
+main stzh-heading[curve=p2] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main stzh-figure {
   margin-top: var(--stzh-space-xxlarge);
   margin-bottom: var(--stzh-space-xxlarge);
@@ -1229,7 +1191,7 @@ main blockquote {
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
   padding-left: var(--stzh-space-medium);
   padding-right: var(--stzh-space-medium);
-  margin: var(--stzh-space-large);
+  margin: var(--stzh-space-xxlarge);
   color: var(--stzh-richttext-blockquote-color);
   position: relative;
 }
@@ -1267,14 +1229,9 @@ main blockquote {
     padding-right: var(--stzh-space-xlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main blockquote {
-    margin: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main blockquote {
-    margin: var(--stzh-space-xxlarge);
+    margin: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1301,6 +1258,11 @@ main blockquote p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main blockquote p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main blockquote p::before, main blockquote p::after {
   display: inline-block;
 }
@@ -1327,6 +1289,150 @@ main blockquote footer::before {
   display: inline-block;
   margin-right: var(--stzh-space-xxxsmall);
 }
+main table {
+  --min-width: none;
+  --cell-padding: var(--stzh-table-cell-padding);
+  width: 100%;
+  border-spacing: 0;
+  min-width: var(--min-width);
+}
+main thead {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+main tr:hover td,
+main tr:hover th {
+  background-color: var(--stzh-color-grey5);
+}
+main td,
+main th {
+  font-size: var(--stzh-font-milli-font-size);
+  line-height: var(--stzh-font-milli-text-line-height);
+  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
+  text-align: left;
+  border: none;
+  vertical-align: top;
+  border: none;
+  border-bottom: 0.0625rem solid var(--stzh-base-border-color);
+  background-color: var(--stzh-color-white);
+  transition: background-color var(--stzh-base-transition-animation-speed);
+  padding: var(--cell-padding);
+  /* Horizontal alignment */
+  /* Vertical alignment */
+  /* Nowrap */
+  /* Sticky */
+}
+main td a,
+main th a {
+  color: var(--stzh-link-color);
+  transition: color var(--stzh-base-transition-animation-speed);
+  border-radius: var(--stzh-button-border-radius);
+}
+main td a:hover, main td a:focus,
+main th a:hover,
+main th a:focus {
+  color: var(--stzh-link-hover-color);
+}
+main td b, main td strong,
+main th b,
+main th strong {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: normal;
+}
+main td i, main td em,
+main th i,
+main th em {
+  font-family: var(--stzh-font-family-regular);
+  font-weight: var(--stzh-font-weight-regular);
+  font-style: normal;
+}
+main td.align-left,
+main th.align-left {
+  text-align: left;
+}
+main td.align-right,
+main th.align-right {
+  text-align: right;
+}
+main td.align-center,
+main th.align-center {
+  text-align: center;
+}
+main td.valign-auto,
+main th.valign-auto {
+  vertical-align: auto;
+}
+main td.valign-middle,
+main th.valign-middle {
+  vertical-align: middle;
+}
+main td.valign-bottom,
+main th.valign-bottom {
+  vertical-align: bottom;
+}
+main td.nowrap,
+main th.nowrap {
+  white-space: nowrap;
+}
+main td.is-sticky-left, main td.is-sticky-right,
+main th.is-sticky-left,
+main th.is-sticky-right {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1;
+}
+main td.has-sticked,
+main th.has-sticked {
+  z-index: 2;
+}
+main td.is-sticky-left,
+main th.is-sticky-left {
+  left: 0;
+}
+main td.is-sticky-right,
+main th.is-sticky-right {
+  right: 0;
+}
+main td.is-sticky-left::after, main td.is-sticky-right::after,
+main th.is-sticky-left::after,
+main th.is-sticky-right::after {
+  background: linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 0.375rem;
+  transform: translate(100%);
+  opacity: 0;
+  transition: opacity var(--stzh-base-transition-animation-speed);
+}
+main td.is-sticky-left::after,
+main th.is-sticky-left::after {
+  right: 0;
+}
+main td.is-sticky-right::after,
+main th.is-sticky-right::after {
+  left: 0;
+  transform: rotate(-180deg) translate(100%);
+}
+main td.has-sticked.is-sticky-left::after, main td.has-sticked.is-sticky-right::after,
+main th.has-sticked.is-sticky-left::after,
+main th.has-sticked.is-sticky-right::after {
+  opacity: 1;
+}
+main th {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: normal;
+  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));
+}
+main th.is-sortable {
+  padding: 0;
+}
 main a {
   color: var(--stzh-link-color);
   transition: color var(--stzh-base-transition-animation-speed);
@@ -1770,7 +1876,7 @@ main .process-header .process-header__container .process-header__info .heading2
   font-size: var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));
   line-height: var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-hecto-text-line-height));
   letter-spacing: var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));
-  margin-bottom: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-xlarge);
   margin-top: 0;
   border-bottom: none;
   padding-bottom: 0;
@@ -1802,25 +1908,18 @@ main .process-header .process-header__container .process-header__info .heading2
     letter-spacing: var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
-  main .card--full .process-header .process-header__container .process-header__info .card__title,
-main .process-header .process-header__container .process-header__info .card--full .card__title,
-main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .card--full .process-header .process-header__container .process-header__info .card__title,
 main .process-header .process-header__container .process-header__info .card--full .card__title,
 main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .card--full .process-header .process-header__container .process-header__info .card__title,
 main .process-header .process-header__container .process-header__info .card--full .card__title,
 main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .process-header .process-header__container {
@@ -2068,8 +2167,8 @@ main .clear.meeting-polls__button {
   color: var(--stzh-color-error);
 }
 main .wrapper {
-  padding-top: var(--stzh-space-xxlarge);
-  padding-bottom: var(--stzh-space-xxlarge);
+  padding-top: var(--stzh-space-xxxlarge);
+  padding-bottom: var(--stzh-space-xxxlarge);
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
@@ -2078,6 +2177,11 @@ main .wrapper {
     padding-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .wrapper {
+    padding-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .wrapper {
     padding-top: var(--stzh-space-xbig);
@@ -2088,6 +2192,11 @@ main .wrapper {
     padding-bottom: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .wrapper {
+    padding-bottom: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .wrapper {
     padding-bottom: var(--stzh-space-xbig);
@@ -2136,8 +2245,8 @@ main .heading1, main h1 {
   font-size: var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));
   line-height: var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));
   letter-spacing: var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));
-  margin-top: var(--stzh-space-large);
-  margin-bottom: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xlarge);
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
@@ -2162,14 +2271,9 @@ main .heading1, main h1 {
     letter-spacing: var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading1, main h1 {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading1, main h1 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2177,34 +2281,24 @@ main .heading1, main h1 {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading1, main h1 {
-    margin-bottom: var(--stzh-space-large);
-  }
-}
-@media screen and (min-width: 1024px) {
-  main .heading1, main h1 {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
+@media screen and (min-width: 1024px) {
   main .heading1, main h1 {
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1260px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-small);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .section-heading,
@@ -2215,7 +2309,7 @@ main .heading2, main h2 {
   line-height: var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h2-default-heading-letter-spacing);
   margin-top: var(--stzh-space-xxlarge);
-  margin-bottom: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-xlarge);
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
@@ -2243,52 +2337,40 @@ main .heading2, main h2 {
     letter-spacing: var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1024px) {
   main .section-heading,
 main .heading2, main h2 {
-    margin-top: var(--stzh-space-xxxxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
-@media screen and (min-width: 600px) {
-  main .section-heading,
-main .heading2, main h2 {
-    margin-bottom: var(--stzh-space-large);
+    margin-top: var(--stzh-space-xxxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .section-heading,
-main .heading2, main h2 {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main .section-heading,
 main .heading2, main h2 {
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-small);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .heading3, main h3 {
@@ -2297,7 +2379,7 @@ main .heading3, main h3 {
   font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));
   line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);
-  margin-top: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 600px) {
   main .heading3, main h3 {
@@ -2313,19 +2395,14 @@ main .heading3, main h3 {
     letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading3, main h3 {
-    margin-top: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading3, main h3 {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading3, main h3 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .heading4, main h4 {
@@ -2334,7 +2411,7 @@ main .heading4, main h4 {
   font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));
   line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);
-  margin-top: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xlarge);
   color: var(--stzh-base-color);
 }
 @media screen and (min-width: 1024px) {
@@ -2344,19 +2421,14 @@ main .heading4, main h4 {
     letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading4, main h4 {
-    margin-top: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading4, main h4 {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading4, main h4 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .heading4, main h4,
@@ -2370,16 +2442,11 @@ main #most-commented a {
   text-decoration: none;
 }
 main .section {
-  margin-bottom: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .section {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
+  margin-bottom: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .section {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2635,6 +2702,7 @@ main .ql-editor {
   /* Lists */
   /* Figure */
   /* Blockquote */
+  /* Table */
   /* Links */
 }
 main .ql-editor h1, main .ql-editor h2, main .ql-editor h3, main .ql-editor h4 {
@@ -2758,22 +2826,14 @@ main .ql-editor h1,
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h1,
-main .ql-editor h2,
-main .ql-editor stzh-heading[level="1"],
-main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor h1,
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2781,108 +2841,65 @@ main .ql-editor stzh-heading[level="2"] {
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor h1, main .ql-editor h2 {
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
-@media screen and (min-width: 600px) {
-  main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-small);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+main .ql-editor stzh-heading[level="1"],
+main .ql-editor h2,
+main .ql-editor stzh-heading[level="2"] {
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxlarge);
+main .ql-editor stzh-heading[level="1"],
+main .ql-editor h2,
+main .ql-editor stzh-heading[level="2"] {
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxxxlarge);
-  }
-}
+main .ql-editor stzh-heading[level="1"],
 main .ql-editor h2,
-main .ql-editor stzh-heading[level="2"] {
-  margin-top: var(--stzh-space-xxlarge);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h2,
 main .ql-editor stzh-heading[level="2"] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 1260px) {
-  main .ql-editor h2,
-main .ql-editor stzh-heading[level="2"] {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
 main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-large);
-  }
-}
-@media screen and (min-width: 1024px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xxlarge);
-  }
-}
+main .ql-editor stzh-heading[level="3"],
 main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h4,
-main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
-  main .ql-editor h4,
+  main .ql-editor h3,
+main .ql-editor stzh-heading[level="3"],
+main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  main .ql-editor h4,
+  main .ql-editor h3,
+main .ql-editor stzh-heading[level="3"],
+main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor p,
@@ -2904,6 +2921,16 @@ main .ql-editor stzh-list {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor p,
+main .ql-editor stzh-text,
+main .ql-editor ul,
+main .ql-editor ol,
+main .ql-editor dl,
+main .ql-editor stzh-list {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main .ql-editor p,
 main .ql-editor stzh-text,
@@ -2914,6 +2941,16 @@ main .ql-editor stzh-list {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor p,
+main .ql-editor stzh-text,
+main .ql-editor ul,
+main .ql-editor ol,
+main .ql-editor dl,
+main .ql-editor stzh-list {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor ul ul,
 main .ql-editor ul ol,
 main .ql-editor ul dl,
@@ -2935,46 +2972,32 @@ main .ql-editor stzh-list stzh-list {
 }
 main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=hero],
-main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h1],
-main .ql-editor stzh-heading[curve=h1],
-main .ql-editor stzh-text[curve=h2],
-main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2982,23 +3005,17 @@ main .ql-editor stzh-heading[curve=h2] {
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h1],
-main .ql-editor stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -3009,7 +3026,7 @@ main .ql-editor stzh-heading[curve=h1] {
 }
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-  margin-top: var(--stzh-space-xxlarge);
+  margin-top: var(--stzh-space-xxxlarge);
 }
 @media screen and (min-width: 600px) {
   main .ql-editor stzh-text[curve=h2],
@@ -3017,6 +3034,12 @@ main .ql-editor stzh-heading[curve=h2] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .ql-editor stzh-text[curve=h2],
+main .ql-editor stzh-heading[curve=h2] {
+    margin-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
@@ -3025,46 +3048,34 @@ main .ql-editor stzh-heading[curve=h2] {
 }
 main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h3],
-main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h4],
-main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=p1],
@@ -3082,6 +3093,14 @@ main .ql-editor stzh-heading[curve=p2] {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor stzh-text[curve=p1],
+main .ql-editor stzh-text[curve=p2],
+main .ql-editor stzh-heading[curve=p1],
+main .ql-editor stzh-heading[curve=p2] {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=p1],
 main .ql-editor stzh-text[curve=p2],
@@ -3090,6 +3109,14 @@ main .ql-editor stzh-heading[curve=p2] {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor stzh-text[curve=p1],
+main .ql-editor stzh-text[curve=p2],
+main .ql-editor stzh-heading[curve=p1],
+main .ql-editor stzh-heading[curve=p2] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor stzh-figure {
   margin-top: var(--stzh-space-xxlarge);
   margin-bottom: var(--stzh-space-xxlarge);
@@ -3103,7 +3130,7 @@ main .ql-editor blockquote {
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
   padding-left: var(--stzh-space-medium);
   padding-right: var(--stzh-space-medium);
-  margin: var(--stzh-space-large);
+  margin: var(--stzh-space-xxlarge);
   color: var(--stzh-richttext-blockquote-color);
   position: relative;
 }
@@ -3141,14 +3168,9 @@ main .ql-editor blockquote {
     padding-right: var(--stzh-space-xlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main .ql-editor blockquote {
-    margin: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .ql-editor blockquote {
-    margin: var(--stzh-space-xxlarge);
+    margin: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -3175,6 +3197,11 @@ main .ql-editor blockquote p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor blockquote p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor blockquote p::before, main .ql-editor blockquote p::after {
   display: inline-block;
 }
@@ -3201,6 +3228,150 @@ main .ql-editor blockquote footer::before {
   display: inline-block;
   margin-right: var(--stzh-space-xxxsmall);
 }
+main .ql-editor table {
+  --min-width: none;
+  --cell-padding: var(--stzh-table-cell-padding);
+  width: 100%;
+  border-spacing: 0;
+  min-width: var(--min-width);
+}
+main .ql-editor thead {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+main .ql-editor tr:hover td,
+main .ql-editor tr:hover th {
+  background-color: var(--stzh-color-grey5);
+}
+main .ql-editor td,
+main .ql-editor th {
+  font-size: var(--stzh-font-milli-font-size);
+  line-height: var(--stzh-font-milli-text-line-height);
+  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
+  text-align: left;
+  border: none;
+  vertical-align: top;
+  border: none;
+  border-bottom: 0.0625rem solid var(--stzh-base-border-color);
+  background-color: var(--stzh-color-white);
+  transition: background-color var(--stzh-base-transition-animation-speed);
+  padding: var(--cell-padding);
+  /* Horizontal alignment */
+  /* Vertical alignment */
+  /* Nowrap */
+  /* Sticky */
+}
+main .ql-editor td a,
+main .ql-editor th a {
+  color: var(--stzh-link-color);
+  transition: color var(--stzh-base-transition-animation-speed);
+  border-radius: var(--stzh-button-border-radius);
+}
+main .ql-editor td a:hover, main .ql-editor td a:focus,
+main .ql-editor th a:hover,
+main .ql-editor th a:focus {
+  color: var(--stzh-link-hover-color);
+}
+main .ql-editor td b, main .ql-editor td strong,
+main .ql-editor th b,
+main .ql-editor th strong {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: normal;
+}
+main .ql-editor td i, main .ql-editor td em,
+main .ql-editor th i,
+main .ql-editor th em {
+  font-family: var(--stzh-font-family-regular);
+  font-weight: var(--stzh-font-weight-regular);
+  font-style: normal;
+}
+main .ql-editor td.align-left,
+main .ql-editor th.align-left {
+  text-align: left;
+}
+main .ql-editor td.align-right,
+main .ql-editor th.align-right {
+  text-align: right;
+}
+main .ql-editor td.align-center,
+main .ql-editor th.align-center {
+  text-align: center;
+}
+main .ql-editor td.valign-auto,
+main .ql-editor th.valign-auto {
+  vertical-align: auto;
+}
+main .ql-editor td.valign-middle,
+main .ql-editor th.valign-middle {
+  vertical-align: middle;
+}
+main .ql-editor td.valign-bottom,
+main .ql-editor th.valign-bottom {
+  vertical-align: bottom;
+}
+main .ql-editor td.nowrap,
+main .ql-editor th.nowrap {
+  white-space: nowrap;
+}
+main .ql-editor td.is-sticky-left, main .ql-editor td.is-sticky-right,
+main .ql-editor th.is-sticky-left,
+main .ql-editor th.is-sticky-right {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1;
+}
+main .ql-editor td.has-sticked,
+main .ql-editor th.has-sticked {
+  z-index: 2;
+}
+main .ql-editor td.is-sticky-left,
+main .ql-editor th.is-sticky-left {
+  left: 0;
+}
+main .ql-editor td.is-sticky-right,
+main .ql-editor th.is-sticky-right {
+  right: 0;
+}
+main .ql-editor td.is-sticky-left::after, main .ql-editor td.is-sticky-right::after,
+main .ql-editor th.is-sticky-left::after,
+main .ql-editor th.is-sticky-right::after {
+  background: linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 0.375rem;
+  transform: translate(100%);
+  opacity: 0;
+  transition: opacity var(--stzh-base-transition-animation-speed);
+}
+main .ql-editor td.is-sticky-left::after,
+main .ql-editor th.is-sticky-left::after {
+  right: 0;
+}
+main .ql-editor td.is-sticky-right::after,
+main .ql-editor th.is-sticky-right::after {
+  left: 0;
+  transform: rotate(-180deg) translate(100%);
+}
+main .ql-editor td.has-sticked.is-sticky-left::after, main .ql-editor td.has-sticked.is-sticky-right::after,
+main .ql-editor th.has-sticked.is-sticky-left::after,
+main .ql-editor th.has-sticked.is-sticky-right::after {
+  opacity: 1;
+}
+main .ql-editor th {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: normal;
+  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));
+}
+main .ql-editor th.is-sortable {
+  padding: 0;
+}
 main .ql-editor a {
   color: var(--stzh-link-color);
   transition: color var(--stzh-base-transition-animation-speed);
@@ -3270,6 +3441,11 @@ main .accountability .intro .progress-level p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .accountability .intro .progress-level p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .accountability .categories .progress-figure {
   margin-top: 0;
 }
@@ -3310,7 +3486,7 @@ main .lead .ql-editor p {
   font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));
   line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
-  margin-bottom: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
   margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 600px) {
@@ -3332,6 +3508,11 @@ main .lead .ql-editor p {
     margin-bottom: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .lead .ql-editor p {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .lead .ql-editor p {
     margin-bottom: var(--stzh-space-xbig);