
  
    <table class="side-by-side-diff">
  <thead>
    <th class="lineno"></th>
    <th>a</th>
    <th class="lineno"></th>
    <th>b/docs/resources/sections.svg</th>
  </thead>
<tr>
  <td class="lineno"></td>
  <td><pre></pre></td>
  <td class="lineno">1</td>
  <td class="diff-add"><pre>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;</pre></td>
</tr>
<tr>
  <td class="lineno"></td>
  <td><pre></pre></td>
  <td class="lineno">2</td>
  <td class="diff-add"><pre>&lt;!-- Do not edit this file with editors other than diagrams.net --&gt;</pre></td>
</tr>
<tr>
  <td class="lineno"></td>
  <td><pre></pre></td>
  <td class="lineno">3</td>
  <td class="diff-add"><pre>&lt;!DOCTYPE svg PUBLIC &quot;-//W3C//DTD SVG 1.1//EN&quot; &quot;http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd&quot;&gt;</pre></td>
</tr>
<tr>
  <td class="lineno"></td>
  <td><pre></pre></td>
  <td class="lineno">4</td>
  <td class="diff-add"><pre>&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; version=&quot;1.1&quot; width=&quot;321px&quot; height=&quot;501px&quot; viewBox=&quot;-0.5 -0.5 321 501&quot; content=&quot;&amp;lt;mxfile host=&amp;quot;Electron&amp;quot; modified=&amp;quot;2022-03-02T16:36:55.878Z&amp;quot; agent=&amp;quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.5.1 Chrome/96.0.4664.110 Electron/16.0.7 Safari/537.36&amp;quot; etag=&amp;quot;h0UhEWrc4iNlji1E6dQg&amp;quot; version=&amp;quot;16.5.1&amp;quot; type=&amp;quot;device&amp;quot;&amp;gt;&amp;lt;diagram id=&amp;quot;-2ixvQLXli8F0DJdPWCU&amp;quot; name=&amp;quot;Page-1&amp;quot;&amp;gt;3ZhPb5swGMY/DcdV/gOEHLcs3aRp6iGHTrtMDnbAisHIcZakn352sEkIREml0k5IkWI/fm3M73mNMQGeFftvilT5T0mZCBCg+wB/DRCCIUKB/QF6cApAUa1kilOnnYQFf2E+0KlbTtmmFailFJpXbTGVZclS3dKIUnLXDltJ0b5qRTLWERYpEV31mVOd12oSgZP+nfEs91eGwLUUxAc7YZMTKndnEp4HeKak1HWp2M+YsPQ8l7rf45XWZmKKlfqeDuTXvHx83uAqY0XxQ/x+Sf6AT7ge5S8RW3fDbrL64AmYeVe2WEpt/r7scq7ZoiKp1XbGdaPluhCmBk1xSdJ1puS2pE9bLXjJnE6JWj+ZXlzbTAAPIDLiprY7tAFuIkxptr96h7DhZjKOyYJpdTAhvkPsUB8u6ruTc9jbkZ+5FvpA4rIla8Y+ATUFx/QVfMPbfI+wmB0E3Ma74kLMpJDq2BfTiCU0tCS1kmt21pKgJY7jt+GKQJsrwl2usI8rHAprNEasGHSxJu9JNR4j1bCHKoTviXUySqzTj8aaDIyVsGSV9mGN04QtVwM9WqMuVpPCPVvWUFinY8Ta7Pq3sE6GwuqXwbi4hvdyHewFC8Ixco3gh+crGsOudXkiiMMu1z6sg21a8I4D1/+frs3j1GPF0V1Y0WBYu+esBUs1l6X9XsC1QXtJ2dy9bqNsIyulPbu2+DqJCJ6VpirYyo5gSfKUiM9OLjil4tpJue3tWzw54KUV3Qyf9liBB7OiezZrrBinBXhyaQF66K6H6bRnPUx84CtsMNXTR6Nj29m3Nzz/Bw==&amp;lt;/diagram&amp;gt;&amp;lt;/mxfile&amp;gt;&quot;&gt;&lt;defs/&gt;&lt;g&gt;&lt;path d=&quot;M 0 0 L 279 0 L 320 41 L 320 460 L 0 460 L 0 0 Z&quot; fill=&quot;rgb(255, 255, 255)&quot; stroke=&quot;rgb(0, 0, 0)&quot; stroke-miterlimit=&quot;10&quot; pointer-events=&quot;all&quot;/&gt;&lt;path d=&quot;M 279 0 L 279 41 L 320 41 Z&quot; fill-opacity=&quot;0.05&quot; fill=&quot;#000000&quot; stroke=&quot;none&quot; pointer-events=&quot;all&quot;/&gt;&lt;path d=&quot;M 279 0 L 279 41 L 320 41&quot; fill=&quot;none&quot; stroke=&quot;rgb(0, 0, 0)&quot; stroke-miterlimit=&quot;10&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;70&quot; width=&quot;120&quot; height=&quot;10&quot; fill=&quot;#d5e8d4&quot; stroke=&quot;#82b366&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;140&quot; width=&quot;80&quot; height=&quot;10&quot; fill=&quot;#d5e8d4&quot; stroke=&quot;#82b366&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;240&quot; width=&quot;110&quot; height=&quot;10&quot; fill=&quot;#d5e8d4&quot; stroke=&quot;#82b366&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;330&quot; width=&quot;110&quot; height=&quot;10&quot; fill=&quot;#d5e8d4&quot; stroke=&quot;#82b366&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;90&quot; width=&quot;240&quot; height=&quot;40&quot; fill=&quot;#dae8fc&quot; stroke=&quot;#6c8ebf&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;160&quot; width=&quot;240&quot; height=&quot;70&quot; fill=&quot;#dae8fc&quot; stroke=&quot;#6c8ebf&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;260&quot; width=&quot;240&quot; height=&quot;60&quot; fill=&quot;#dae8fc&quot; stroke=&quot;#6c8ebf&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;40&quot; y=&quot;350&quot; width=&quot;240&quot; height=&quot;70&quot; fill=&quot;#dae8fc&quot; stroke=&quot;#6c8ebf&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;0&quot; y=&quot;480&quot; width=&quot;40&quot; height=&quot;10&quot; fill=&quot;#d5e8d4&quot; stroke=&quot;#82b366&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;160&quot; y=&quot;475&quot; width=&quot;40&quot; height=&quot;20&quot; fill=&quot;#dae8fc&quot; stroke=&quot;#6c8ebf&quot; pointer-events=&quot;all&quot;/&gt;&lt;rect x=&quot;50&quot; y=&quot;470&quot; width=&quot;90&quot; height=&quot;30&quot; fill=&quot;none&quot; stroke=&quot;none&quot; pointer-events=&quot;all&quot;/&gt;&lt;g transform=&quot;translate(-0.5 -0.5)&quot;&gt;&lt;switch&gt;&lt;foreignObject pointer-events=&quot;none&quot; width=&quot;100%&quot; height=&quot;100%&quot; requiredFeatures=&quot;http://www.w3.org/TR/SVG11/feature#Extensibility&quot; style=&quot;overflow: visible; text-align: left;&quot;&gt;&lt;div xmlns=&quot;http://www.w3.org/1999/xhtml&quot; style=&quot;display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 88px; height: 1px; padding-top: 485px; margin-left: 52px;&quot;&gt;&lt;div data-drawio-colors=&quot;color: rgb(0, 0, 0); &quot; style=&quot;box-sizing: border-box; font-size: 0px; text-align: left;&quot;&gt;&lt;div style=&quot;display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;&quot;&gt;Section title&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/foreignObject&gt;&lt;text x=&quot;52&quot; y=&quot;489&quot; fill=&quot;rgb(0, 0, 0)&quot; font-family=&quot;Helvetica&quot; font-size=&quot;12px&quot;&gt;Section title&lt;/text&gt;&lt;/switch&gt;&lt;/g&gt;&lt;rect x=&quot;210&quot; y=&quot;472.5&quot; width=&quot;99&quot; height=&quot;27.5&quot; fill=&quot;none&quot; stroke=&quot;none&quot; pointer-events=&quot;all&quot;/&gt;&lt;g transform=&quot;translate(-0.5 -0.5)&quot;&gt;&lt;switch&gt;&lt;foreignObject pointer-events=&quot;none&quot; width=&quot;100%&quot; height=&quot;100%&quot; requiredFeatures=&quot;http://www.w3.org/TR/SVG11/feature#Extensibility&quot; style=&quot;overflow: visible; text-align: left;&quot;&gt;&lt;div xmlns=&quot;http://www.w3.org/1999/xhtml&quot; style=&quot;display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 97px; height: 1px; padding-top: 486px; margin-left: 212px;&quot;&gt;&lt;div data-drawio-colors=&quot;color: rgb(0, 0, 0); &quot; style=&quot;box-sizing: border-box; font-size: 0px; text-align: left;&quot;&gt;&lt;div style=&quot;display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;&quot;&gt;Section&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/foreignObject&gt;&lt;text x=&quot;212&quot; y=&quot;490&quot; fill=&quot;rgb(0, 0, 0)&quot; font-family=&quot;Helvetica&quot; font-size=&quot;12px&quot;&gt;Section&lt;/text&gt;&lt;/switch&gt;&lt;/g&gt;&lt;/g&gt;&lt;switch&gt;&lt;g requiredFeatures=&quot;http://www.w3.org/TR/SVG11/feature#Extensibility&quot;/&gt;&lt;a transform=&quot;translate(0,-5)&quot; xlink:href=&quot;https://www.diagrams.net/doc/faq/svg-export-text-problems&quot; target=&quot;_blank&quot;&gt;&lt;text text-anchor=&quot;middle&quot; font-size=&quot;10px&quot; x=&quot;50%&quot; y=&quot;100%&quot;&gt;Text is not SVG - cannot display&lt;/text&gt;&lt;/a&gt;&lt;/switch&gt;&lt;/svg&gt;</pre></td>
</tr>
</table>
 b/docs/resources/sections.svg
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than diagrams.net -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="321px" height="501px" viewBox="-0.5 -0.5 321 501" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2022-03-02T16:36:55.878Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.5.1 Chrome/96.0.4664.110 Electron/16.0.7 Safari/537.36&quot; etag=&quot;h0UhEWrc4iNlji1E6dQg&quot; version=&quot;16.5.1&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;-2ixvQLXli8F0DJdPWCU&quot; name=&quot;Page-1&quot;&gt;3ZhPb5swGMY/DcdV/gOEHLcs3aRp6iGHTrtMDnbAisHIcZakn352sEkIREml0k5IkWI/fm3M73mNMQGeFftvilT5T0mZCBCg+wB/DRCCIUKB/QF6cApAUa1kilOnnYQFf2E+0KlbTtmmFailFJpXbTGVZclS3dKIUnLXDltJ0b5qRTLWERYpEV31mVOd12oSgZP+nfEs91eGwLUUxAc7YZMTKndnEp4HeKak1HWp2M+YsPQ8l7rf45XWZmKKlfqeDuTXvHx83uAqY0XxQ/x+Sf6AT7ge5S8RW3fDbrL64AmYeVe2WEpt/r7scq7ZoiKp1XbGdaPluhCmBk1xSdJ1puS2pE9bLXjJnE6JWj+ZXlzbTAAPIDLiprY7tAFuIkxptr96h7DhZjKOyYJpdTAhvkPsUB8u6ruTc9jbkZ+5FvpA4rIla8Y+ATUFx/QVfMPbfI+wmB0E3Ma74kLMpJDq2BfTiCU0tCS1kmt21pKgJY7jt+GKQJsrwl2usI8rHAprNEasGHSxJu9JNR4j1bCHKoTviXUySqzTj8aaDIyVsGSV9mGN04QtVwM9WqMuVpPCPVvWUFinY8Ta7Pq3sE6GwuqXwbi4hvdyHewFC8Ixco3gh+crGsOudXkiiMMu1z6sg21a8I4D1/+frs3j1GPF0V1Y0WBYu+esBUs1l6X9XsC1QXtJ2dy9bqNsIyulPbu2+DqJCJ6VpirYyo5gSfKUiM9OLjil4tpJue3tWzw54KUV3Qyf9liBB7OiezZrrBinBXhyaQF66K6H6bRnPUx84CtsMNXTR6Nj29m3Nzz/Bw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 0 L 279 0 L 320 41 L 320 460 L 0 460 L 0 0 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 279 0 L 279 41 L 320 41 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/><path d="M 279 0 L 279 41 L 320 41" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="40" y="70" width="120" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="40" y="140" width="80" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="40" y="240" width="110" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="40" y="330" width="110" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="40" y="90" width="240" height="40" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="40" y="160" width="240" height="70" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="40" y="260" width="240" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="40" y="350" width="240" height="70" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="0" y="480" width="40" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="160" y="475" width="40" height="20" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><rect x="50" y="470" width="90" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 88px; height: 1px; padding-top: 485px; margin-left: 52px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Section title</div></div></div></foreignObject><text x="52" y="489" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Section title</text></switch></g><rect x="210" y="472.5" width="99" height="27.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 97px; height: 1px; padding-top: 486px; margin-left: 212px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Section</div></div></div></foreignObject><text x="212" y="490" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Section</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>