.graph-section{--graph-lane-width:18px;--graph-line-width:2px;--graph-main-color:teal;--graph-content-gap:12px;--section-node-size:8px;--section-label-size:11px;--section-spacing:16px}@media (prefers-color-scheme:dark){.graph-section{--graph-main-color:#20b2aa}}.history-graph--dark .graph-section{--graph-main-color:#20b2aa}@media (width<=640px){.graph-section{--graph-lane-width:12px}}.graph-section--sm{--section-node-size:18px;--section-label-size:1.25rem;--section-spacing:20px}.graph-section--md{--section-node-size:20px;--section-label-size:1.5rem;--section-spacing:24px}.graph-section--lg{--section-node-size:22px;--section-label-size:1.75rem;--section-spacing:28px}@media (width<=640px){.graph-section--sm{--section-node-size:16px;--section-label-size:1.125rem}.graph-section--md{--section-node-size:18px;--section-label-size:1.25rem}.graph-section--lg{--section-node-size:20px;--section-label-size:1.5rem}}.graph-section__spacer{height:var(--section-spacing);display:flex}.graph-section__spacer-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.graph-section__spacer-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.graph-section__header{align-items:center;min-height:28px;display:flex}.graph-section__line-area{width:var(--graph-lane-width);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.graph-section__line-area:before{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.graph-section__node{width:var(--section-node-size);height:var(--section-node-size);min-width:var(--section-node-size);min-height:var(--section-node-size);border:3px solid var(--graph-main-color);box-sizing:border-box;z-index:1;background:#f9fafb;border-radius:50%;flex-shrink:0;position:relative}@media (prefers-color-scheme:dark){.graph-section__node{background:#030712}}.graph-section__label{padding-left:var(--graph-content-gap);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--section-label-size);letter-spacing:.02em;color:var(--color-text-secondary);font-weight:600}.graph-section--lg .graph-section__label{letter-spacing:0;font-weight:700}@media (prefers-color-scheme:dark){.graph-section__label{color:var(--color-text-secondary-dark)}}.graph-section__label-suffix{align-items:center;margin-left:.75rem;display:flex}.graph-section__body{align-items:stretch;display:flex}.graph-section__line-extension{width:var(--graph-lane-width);flex-shrink:0;position:relative}.graph-section__line-extension:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.graph-section__content{min-width:0;padding-left:var(--graph-content-gap);flex:1}.graph-section__header-spacer{height:12px;display:flex}.graph-section__header-spacer-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.graph-section__header-spacer-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.graph-section__body-spacer{height:12px;display:flex}.graph-section__body-spacer-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.graph-section__body-spacer-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}