.visual-explainer{container-type:inline-size;position:relative;padding:30px 0;margin:32px 0 38px;border-block:1px solid var(--line);color:var(--ink,#f3f3ee)}
.visual-explainer figcaption{max-width:60ch;margin:0 0 30px;font-size:1.35rem;line-height:1.4}
.visual-explainer figcaption strong{font-weight:600}
.visual-nodes{display:grid;grid-template-columns:repeat(var(--visual-count,3),minmax(0,1fr));gap:24px;list-style:none!important;padding:0!important;margin:0!important}
.visual-explainer[data-visual-count="4"]{--visual-count:4}
.visual-nodes>li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0!important;padding:0!important;list-style:none!important;font-size:1rem;line-height:1.65}
.visual-node-marker{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border:1px solid var(--green);color:var(--green);background:var(--bg,#202423);margin-bottom:16px;z-index:1}
.visual-node-marker svg{display:block;width:28px;height:28px}
.visual-node-number{font-size:.7rem;line-height:1;position:absolute;right:-7px;top:-7px;background:var(--bg,#202423);padding:3px;color:var(--muted)}
.visual-node-label{font-weight:600;line-height:1.4;font-size:1.05rem;overflow-wrap:break-word}
.visual-node-detail{display:block;margin-top:9px;color:var(--muted);font-size:1rem;line-height:1.7;overflow-wrap:break-word}
.visual-node-date{display:block;color:var(--green);font-weight:600;font-size:1.65rem;line-height:1.25;margin-bottom:12px}
.visual-kind-sequence .visual-nodes>li:not(:last-child)::after{content:"";position:absolute;top:26px;left:52px;width:calc(100% - 28px);border-top:1px solid var(--green);opacity:.55}
.visual-kind-sequence .visual-nodes>li:not(:last-child)::before{content:"";position:absolute;top:23px;right:-21px;width:6px;height:6px;border-top:1px solid var(--green);border-right:1px solid var(--green);transform:rotate(45deg)}
.visual-kind-timeline .visual-nodes{gap:0}
.visual-kind-timeline .visual-nodes>li{border-top:1px solid var(--green);padding:24px 24px 0 0!important}
.visual-kind-timeline .visual-nodes>li::before{content:"";position:absolute;width:7px;height:7px;background:var(--green);top:-4px;left:0;border:3px solid var(--bg,#202423)}
.visual-kind-timeline .visual-node-marker{width:36px;height:36px;margin-bottom:12px;border:0;background:transparent}
.visual-kind-timeline .visual-node-marker svg{width:28px;height:28px}
.visual-kind-comparison .visual-nodes>li:not(:first-child){border-left:1px solid var(--line);padding-left:24px!important}
.visual-readable{min-width:0}
.visual-readable>p,.visual-readable section>p,.visual-readable li{max-width:74ch;line-height:1.85}
.visual-readable p+p{margin-top:20px}
.visual-readable h2{line-height:1.35;margin-top:42px;scroll-margin-top:120px}
.visual-readable h3{line-height:1.4;scroll-margin-top:120px}
.restored-article.visual-readable{max-width:76ch}
.restored-article.visual-readable h2{padding-top:22px;border-top:1px solid var(--line)}
.restored-article.visual-readable img{max-width:100%;height:auto}
.visual-explainer+.restored-service-links{margin-top:32px}
@container(max-width:680px){
 .visual-nodes{grid-template-columns:1fr;gap:26px}
 .visual-nodes>li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;align-items:start}
 .visual-node-marker{grid-column:1;grid-row:1/span 3;margin:0}
 .visual-node-date,.visual-node-label,.visual-node-detail{grid-column:2}
 .visual-node-detail{margin-top:7px}
 .visual-kind-sequence .visual-nodes>li:not(:last-child)::after{top:52px;left:26px;width:0;height:calc(100% - 26px);border-top:0;border-left:1px solid var(--green)}
 .visual-kind-sequence .visual-nodes>li:not(:last-child)::before{top:auto;bottom:-23px;left:23px;right:auto;transform:rotate(135deg)}
 .visual-kind-timeline .visual-nodes{gap:0}
 .visual-kind-timeline .visual-nodes>li{border-top:0;border-left:1px solid var(--green);padding:0 0 30px 22px!important;grid-template-columns:36px minmax(0,1fr);gap:0 14px}
 .visual-kind-timeline .visual-nodes>li:last-child{padding-bottom:0!important}
 .visual-kind-timeline .visual-nodes>li::before{top:8px;left:-7px}
 .visual-kind-timeline .visual-node-marker{margin-top:2px}
 .visual-kind-comparison .visual-nodes>li:not(:first-child){border-left:0;border-top:1px solid var(--line);padding:24px 0 0!important}
}
@media(max-width:680px){
 .visual-explainer{padding-block:25px;margin-block:28px}
 .visual-explainer figcaption{font-size:1.25rem;margin-bottom:26px}
 .visual-readable h2{margin-top:30px}
}
@supports not (container-type:inline-size){@media(max-width:900px){.visual-nodes{grid-template-columns:1fr}.visual-kind-sequence .visual-nodes>li::before,.visual-kind-sequence .visual-nodes>li::after{display:none}.visual-kind-comparison .visual-nodes>li:not(:first-child){border-left:0;padding-left:0!important}}}