kokuho-zaisei.mdx: 国保の解説ページを追加

国民皆保険の加入対象、保険税と保険料、お金の流れ、繰り入れ・繰り越し・基金、国保運営協議会、ペナルティ、健診、人工透析を図解した。令和7年度決算と令和6年度・令和8年度予算の数値を反映し、東京都の国保会計決算から按分した国の負担額も注記した。

custom.css に mermaid のテーマ復元、帯グラフ、ホバー連動を追加し、astro.config.mjs に開発時のみ表示するサイドバー項目を追加した。

1 files changed, 143 insertions, 0 deletions

diff --git a/src/styles/custom.css b/src/styles/custom.css
index e1e455f..766e958 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -631,6 +631,144 @@ aside .title {
   text-align: center !important;
 }
 
+/* Mermaid diagrams: Astro's MDX pipeline drops mermaid's inline <style>, so the
+   theme CSS is restored in a generated block at the end of this file. Give the
+   SVGs a light card background so they stay readable in dark mode too. */
+.sl-markdown-content svg[id^="mermaid-"] {
+  display: block;
+  margin: 1.25rem auto;
+  padding: 0.75rem;
+  height: auto;
+  background: #ffffff;
+  border: 1px solid var(--sl-color-gray-5);
+  border-radius: 10px;
+  box-sizing: border-box;
+}
+
+/* Mermaid draws labels as HTML inside <foreignObject>. The site's paragraph styles
+   (text-indent, justify, bottom margin) leak into those labels and clip the text,
+   because the box size was measured without them. Reset them for mermaid labels. */
+.sl-markdown-content svg[id^="mermaid-"] foreignObject span,
+.sl-markdown-content svg[id^="mermaid-"] foreignObject p {
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  text-align: center;
+  text-justify: auto;
+  line-height: 1.5;
+  font-family: arial, sans-serif;
+  font-size: 16px;
+}
+
+/* mermaid の <br> は、このサイトのMDX経路で <br></br> に変換される。ブラウザは
+   </br> も改行と解釈するため二重改行になり、2行目が箱の外にはみ出して切れる。
+   連続する2つ目の br を無効化して、1つ分の改行に戻す。 */
+.sl-markdown-content svg[id^="mermaid-"] foreignObject br + br {
+  display: none;
+}
+
+/* ── 帯グラフ（四角の幅が割合を示す） ── */
+.kokuho-svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  margin: 1.25rem 0 0.75rem;
+}
+
+/* 図の中の文字は、下の図形のホバーを妨げないようにする */
+.kokuho-svg text {
+  pointer-events: none;
+}
+
+/* 帯グラフの区画にカーソルを載せると、対応する説明や凡例を強調する（JS不要） */
+.kokuho-svg:has(#kokseg1:hover) #kokleg1,
+.kokuho-svg:has(#kokseg2:hover) #kokleg2,
+.kokuho-svg:has(#kokseg3:hover) #kokleg3,
+.kokuho-svg:has(#kokseg4:hover) #kokleg4,
+.kokuho-svg:has(#kokseg5:hover) #kokleg5,
+.kokuho-svg:has(#kokseg6:hover) #kokleg6 {
+  fill: #b91c1c;
+  font-weight: 700;
+}
+#kokseg1:hover,
+#kokseg2:hover,
+#kokseg3:hover,
+#kokseg4:hover,
+#kokseg5:hover,
+#kokseg6:hover {
+  stroke: #b91c1c;
+  stroke-width: 3;
+  filter: brightness(0.95);
+}
+.kokuho-bar-callout {
+  position: relative;
+  margin: 0 0 0.5rem;
+  padding-right: 0.2rem;
+  font-size: 0.75rem;
+  line-height: 1.3;
+  text-align: right;
+}
+/* 「他」の箱への引き出し線 */
+.kokuho-bar-callout::after {
+  content: "";
+  position: absolute;
+  right: 2.5%;
+  bottom: -0.5rem;
+  width: 1px;
+  height: 0.5rem;
+  background: #64748b;
+}
+.kokuho-bar {
+  display: grid;
+  grid-auto-flow: column;
+  align-items: stretch;
+  width: 100%;
+  margin: 0;
+  font-size: 0.8rem;
+  line-height: 1.35;
+  text-align: center;
+}
+.kokuho-bar > div {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: 4.6rem;
+  padding: 0.5rem 0.4rem;
+  border: 1px solid;
+  border-left-width: 0;
+  color: #1e293b;
+  box-sizing: border-box;
+  min-width: 0;
+  overflow: hidden;
+}
+.kokuho-bar > div:first-child {
+  border-left-width: 1px;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.kokuho-bar > div:last-child {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  padding-left: 0;
+  padding-right: 0;
+}
+.kokuho-bar .name {
+  display: block;
+  font-weight: 700;
+}
+.kokuho-bar .ratio {
+  display: block;
+}
+@media (max-width: 640px) {
+  .kokuho-bar {
+    font-size: 0.68rem;
+  }
+  .kokuho-bar > div {
+    padding: 0.4rem 0.2rem;
+  }
+}
+
 /* ── Video container ── */
 .video-container {
   position: relative;
@@ -1602,3 +1740,8 @@ td.sanpi-open .sanpi-title {
 .sanpi-tip[hidden] {
   display: none;
 }
+
+/* == mermaid-theme-generated == */
+svg[id^="mermaid-"]{font-family:arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}svg[id^="mermaid-"] .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .error-icon{fill:#552222;}svg[id^="mermaid-"] .error-text{fill:#552222;stroke:#552222;}svg[id^="mermaid-"] .edge-thickness-normal{stroke-width:1px;}svg[id^="mermaid-"] .edge-thickness-thick{stroke-width:3.5px;}svg[id^="mermaid-"] .edge-pattern-solid{stroke-dasharray:0;}svg[id^="mermaid-"] .edge-thickness-invisible{stroke-width:0;fill:none;}svg[id^="mermaid-"] .edge-pattern-dashed{stroke-dasharray:3;}svg[id^="mermaid-"] .edge-pattern-dotted{stroke-dasharray:2;}svg[id^="mermaid-"] .marker{fill:#333333;stroke:#333333;}svg[id^="mermaid-"] .marker.cross{stroke:#333333;}svg[id^="mermaid-"] svg{font-family:arial,sans-serif;font-size:16px;}svg[id^="mermaid-"] p{margin:0;}svg[id^="mermaid-"] .label{font-family:arial,sans-serif;color:#333;}svg[id^="mermaid-"] .cluster-label text{fill:#333;}svg[id^="mermaid-"] .cluster-label span{color:#333;}svg[id^="mermaid-"] .cluster-label span p{background-color:transparent;}svg[id^="mermaid-"] .label text,svg[id^="mermaid-"] span{fill:#333;color:#333;}svg[id^="mermaid-"] .node rect,svg[id^="mermaid-"] .node circle,svg[id^="mermaid-"] .node ellipse,svg[id^="mermaid-"] .node polygon,svg[id^="mermaid-"] .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] .rough-node .label text,svg[id^="mermaid-"] .node .label text,svg[id^="mermaid-"] .image-shape .label,svg[id^="mermaid-"] .icon-shape .label{text-anchor:middle;}svg[id^="mermaid-"] .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}svg[id^="mermaid-"] .rough-node .label,svg[id^="mermaid-"] .node .label,svg[id^="mermaid-"] .image-shape .label,svg[id^="mermaid-"] .icon-shape .label{text-align:center;}svg[id^="mermaid-"] .node.clickable{cursor:pointer;}svg[id^="mermaid-"] .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}svg[id^="mermaid-"] .arrowheadPath{fill:#333333;}svg[id^="mermaid-"] .edgePath .path{stroke:#333333;stroke-width:1px;}svg[id^="mermaid-"] .flowchart-link{stroke:#333333;fill:none;}svg[id^="mermaid-"] .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}svg[id^="mermaid-"] .edgeLabel p{background-color:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .labelBkg{background-color:rgba(232, 232, 232, 0.5);}svg[id^="mermaid-"] .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}svg[id^="mermaid-"] .cluster text{fill:#333;}svg[id^="mermaid-"] .cluster span{color:#333;}svg[id^="mermaid-"] div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}svg[id^="mermaid-"] .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}svg[id^="mermaid-"] rect.text{fill:none;stroke-width:0;}svg[id^="mermaid-"] .icon-shape,svg[id^="mermaid-"] .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}svg[id^="mermaid-"] .icon-shape p,svg[id^="mermaid-"] .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}svg[id^="mermaid-"] .icon-shape .label rect,svg[id^="mermaid-"] .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}svg[id^="mermaid-"] .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}svg[id^="mermaid-"] .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}svg[id^="mermaid-"] .node .neo-node{stroke:#9370DB;}svg[id^="mermaid-"] [data-look="neo"].node rect,svg[id^="mermaid-"] [data-look="neo"].cluster rect,svg[id^="mermaid-"] [data-look="neo"].node polygon{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node path{stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] [data-look="neo"].node .outer-path{filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node .neo-line path{stroke:#9370DB;filter:none;}svg[id^="mermaid-"] [data-look="neo"].node circle{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node circle .state-start{fill:#000000;}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon{fill:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon-neo path{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] :root{--mermaid-font-family:arial,sans-serif;}
+svg[id^="mermaid-"]{font-family:arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}svg[id^="mermaid-"] .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .error-icon{fill:#552222;}svg[id^="mermaid-"] .error-text{fill:#552222;stroke:#552222;}svg[id^="mermaid-"] .edge-thickness-normal{stroke-width:1px;}svg[id^="mermaid-"] .edge-thickness-thick{stroke-width:3.5px;}svg[id^="mermaid-"] .edge-pattern-solid{stroke-dasharray:0;}svg[id^="mermaid-"] .edge-thickness-invisible{stroke-width:0;fill:none;}svg[id^="mermaid-"] .edge-pattern-dashed{stroke-dasharray:3;}svg[id^="mermaid-"] .edge-pattern-dotted{stroke-dasharray:2;}svg[id^="mermaid-"] .marker{fill:#333333;stroke:#333333;}svg[id^="mermaid-"] .marker.cross{stroke:#333333;}svg[id^="mermaid-"] svg{font-family:arial,sans-serif;font-size:16px;}svg[id^="mermaid-"] p{margin:0;}svg[id^="mermaid-"] .pieCircle{stroke:black;stroke-width:2px;opacity:0.7;}svg[id^="mermaid-"] .pieOuterCircle{stroke:black;stroke-width:2px;fill:none;}svg[id^="mermaid-"] .pieTitleText{text-anchor:middle;font-size:25px;fill:black;font-family:arial,sans-serif;}svg[id^="mermaid-"] .slice{font-family:arial,sans-serif;fill:#333;font-size:17px;}svg[id^="mermaid-"] .legend text{fill:black;font-family:arial,sans-serif;font-size:17px;}svg[id^="mermaid-"] .node .neo-node{stroke:#9370DB;}svg[id^="mermaid-"] [data-look="neo"].node rect,svg[id^="mermaid-"] [data-look="neo"].cluster rect,svg[id^="mermaid-"] [data-look="neo"].node polygon{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node path{stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] [data-look="neo"].node .outer-path{filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node .neo-line path{stroke:#9370DB;filter:none;}svg[id^="mermaid-"] [data-look="neo"].node circle{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node circle .state-start{fill:#000000;}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon{fill:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon-neo path{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] :root{--mermaid-font-family:arial,sans-serif;}
+svg[id^="mermaid-"]{font-family:arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}svg[id^="mermaid-"] .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}svg[id^="mermaid-"] .error-icon{fill:#552222;}svg[id^="mermaid-"] .error-text{fill:#552222;stroke:#552222;}svg[id^="mermaid-"] .edge-thickness-normal{stroke-width:1px;}svg[id^="mermaid-"] .edge-thickness-thick{stroke-width:3.5px;}svg[id^="mermaid-"] .edge-pattern-solid{stroke-dasharray:0;}svg[id^="mermaid-"] .edge-thickness-invisible{stroke-width:0;fill:none;}svg[id^="mermaid-"] .edge-pattern-dashed{stroke-dasharray:3;}svg[id^="mermaid-"] .edge-pattern-dotted{stroke-dasharray:2;}svg[id^="mermaid-"] .marker{fill:#333333;stroke:#333333;}svg[id^="mermaid-"] .marker.cross{stroke:#333333;}svg[id^="mermaid-"] svg{font-family:arial,sans-serif;font-size:16px;}svg[id^="mermaid-"] p{margin:0;}svg[id^="mermaid-"] .edge{stroke-width:3;}svg[id^="mermaid-"] .section--1 rect,svg[id^="mermaid-"] .section--1 path,svg[id^="mermaid-"] .section--1 circle,svg[id^="mermaid-"] .section--1 path{fill:hsl(240, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section--1 text{fill:#ffffff;}svg[id^="mermaid-"] .node-icon--1{font-size:40px;color:#ffffff;}svg[id^="mermaid-"] .section-edge--1{stroke:hsl(240, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth--1{stroke-width:17;}svg[id^="mermaid-"] .section--1 line{stroke:hsl(60, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:#ffffff;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-0 rect,svg[id^="mermaid-"] .section-0 path,svg[id^="mermaid-"] .section-0 circle,svg[id^="mermaid-"] .section-0 path{fill:hsl(60, 100%, 73.5294117647%);}svg[id^="mermaid-"] .section-0 text{fill:black;}svg[id^="mermaid-"] .node-icon-0{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-0{stroke:hsl(60, 100%, 73.5294117647%);}svg[id^="mermaid-"] .edge-depth-0{stroke-width:14;}svg[id^="mermaid-"] .section-0 line{stroke:hsl(240, 100%, 83.5294117647%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-1 rect,svg[id^="mermaid-"] .section-1 path,svg[id^="mermaid-"] .section-1 circle,svg[id^="mermaid-"] .section-1 path{fill:hsl(80, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-1 text{fill:black;}svg[id^="mermaid-"] .node-icon-1{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-1{stroke:hsl(80, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-1{stroke-width:11;}svg[id^="mermaid-"] .section-1 line{stroke:hsl(260, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-2 rect,svg[id^="mermaid-"] .section-2 path,svg[id^="mermaid-"] .section-2 circle,svg[id^="mermaid-"] .section-2 path{fill:hsl(270, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-2 text{fill:#ffffff;}svg[id^="mermaid-"] .node-icon-2{font-size:40px;color:#ffffff;}svg[id^="mermaid-"] .section-edge-2{stroke:hsl(270, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-2{stroke-width:8;}svg[id^="mermaid-"] .section-2 line{stroke:hsl(90, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:#ffffff;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-3 rect,svg[id^="mermaid-"] .section-3 path,svg[id^="mermaid-"] .section-3 circle,svg[id^="mermaid-"] .section-3 path{fill:hsl(300, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-3 text{fill:black;}svg[id^="mermaid-"] .node-icon-3{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-3{stroke:hsl(300, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-3{stroke-width:5;}svg[id^="mermaid-"] .section-3 line{stroke:hsl(120, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-4 rect,svg[id^="mermaid-"] .section-4 path,svg[id^="mermaid-"] .section-4 circle,svg[id^="mermaid-"] .section-4 path{fill:hsl(330, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-4 text{fill:black;}svg[id^="mermaid-"] .node-icon-4{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-4{stroke:hsl(330, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-4{stroke-width:2;}svg[id^="mermaid-"] .section-4 line{stroke:hsl(150, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-5 rect,svg[id^="mermaid-"] .section-5 path,svg[id^="mermaid-"] .section-5 circle,svg[id^="mermaid-"] .section-5 path{fill:hsl(0, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-5 text{fill:black;}svg[id^="mermaid-"] .node-icon-5{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-5{stroke:hsl(0, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-5{stroke-width:-1;}svg[id^="mermaid-"] .section-5 line{stroke:hsl(180, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-6 rect,svg[id^="mermaid-"] .section-6 path,svg[id^="mermaid-"] .section-6 circle,svg[id^="mermaid-"] .section-6 path{fill:hsl(30, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-6 text{fill:black;}svg[id^="mermaid-"] .node-icon-6{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-6{stroke:hsl(30, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-6{stroke-width:-4;}svg[id^="mermaid-"] .section-6 line{stroke:hsl(210, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-7 rect,svg[id^="mermaid-"] .section-7 path,svg[id^="mermaid-"] .section-7 circle,svg[id^="mermaid-"] .section-7 path{fill:hsl(90, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-7 text{fill:black;}svg[id^="mermaid-"] .node-icon-7{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-7{stroke:hsl(90, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-7{stroke-width:-7;}svg[id^="mermaid-"] .section-7 line{stroke:hsl(270, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-8 rect,svg[id^="mermaid-"] .section-8 path,svg[id^="mermaid-"] .section-8 circle,svg[id^="mermaid-"] .section-8 path{fill:hsl(150, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-8 text{fill:black;}svg[id^="mermaid-"] .node-icon-8{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-8{stroke:hsl(150, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-8{stroke-width:-10;}svg[id^="mermaid-"] .section-8 line{stroke:hsl(330, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-9 rect,svg[id^="mermaid-"] .section-9 path,svg[id^="mermaid-"] .section-9 circle,svg[id^="mermaid-"] .section-9 path{fill:hsl(180, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-9 text{fill:black;}svg[id^="mermaid-"] .node-icon-9{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-9{stroke:hsl(180, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-9{stroke-width:-13;}svg[id^="mermaid-"] .section-9 line{stroke:hsl(0, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-10 rect,svg[id^="mermaid-"] .section-10 path,svg[id^="mermaid-"] .section-10 circle,svg[id^="mermaid-"] .section-10 path{fill:hsl(210, 100%, 76.2745098039%);}svg[id^="mermaid-"] .section-10 text{fill:black;}svg[id^="mermaid-"] .node-icon-10{font-size:40px;color:black;}svg[id^="mermaid-"] .section-edge-10{stroke:hsl(210, 100%, 76.2745098039%);}svg[id^="mermaid-"] .edge-depth-10{stroke-width:-16;}svg[id^="mermaid-"] .section-10 line{stroke:hsl(30, 100%, 86.2745098039%);stroke-width:3;}svg[id^="mermaid-"] .lineWrapper line{stroke:black;}svg[id^="mermaid-"] .disabled,svg[id^="mermaid-"] .disabled circle,svg[id^="mermaid-"] .disabled text{fill:hsl(80, 100%, 96.2745098039%);}svg[id^="mermaid-"] .disabled text{fill:#aaaa33;}svg[id^="mermaid-"] .section-root rect,svg[id^="mermaid-"] .section-root path,svg[id^="mermaid-"] .section-root circle{fill:hsl(240, 100%, 46.2745098039%);}svg[id^="mermaid-"] .section-root text{fill:#ffffff;}svg[id^="mermaid-"] .icon-container{height:100%;display:flex;justify-content:center;align-items:center;}svg[id^="mermaid-"] .edge{fill:none;}svg[id^="mermaid-"] .eventWrapper{filter:brightness(120%);}svg[id^="mermaid-"] .node .neo-node{stroke:#9370DB;}svg[id^="mermaid-"] [data-look="neo"].node rect,svg[id^="mermaid-"] [data-look="neo"].cluster rect,svg[id^="mermaid-"] [data-look="neo"].node polygon{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node path{stroke:#9370DB;stroke-width:1px;}svg[id^="mermaid-"] [data-look="neo"].node .outer-path{filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node .neo-line path{stroke:#9370DB;filter:none;}svg[id^="mermaid-"] [data-look="neo"].node circle{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].node circle .state-start{fill:#000000;}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon{fill:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] [data-look="neo"].icon-shape .icon-neo path{stroke:#9370DB;filter:drop-shadow(1px 2px 2px rgba(185, 185, 185, 1));}svg[id^="mermaid-"] :root{--mermaid-font-family:arial,sans-serif;}