fix(table of content): avoid breaks inside of list items

11ty/_includes/components/table-of-content-item.njk

@@ -1,4 +1,4 @@
-<li>
+<li class="toc__list-item">
   {{ definition.data.title | linkIfExistsInCollection(collections.definedWords) | safe  }}
   {%- if
     definition.data.flag and

11ty/_includes/components/table-of-content.njk

@@ -4,7 +4,7 @@
       {% for section in collections.tableOfContent %}
         <li>
           <span class="sub-headline">{{ section.title }}</span>
-        <ol>
+          <ol class="toc__list">
             {% for definition in section.definitions %}
               {% include 'components/table-of-content-item.njk' %}
             {% endfor %}

assets/css/base.scss

@@ -181,6 +181,7 @@ th {
   column-gap: var(--l-gap);
   column-width: var(--auto-grid-min-size);
 }
+@import './structures/table-of-content';
 
 .small-left-grid {
   display: grid;

assets/css/structures/_table-of-content.scss

@@ -0,0 +1,3 @@
+.toc__list-item {
+  page-break-inside: avoid;
+}