.supflow{--sf-line: #06283d;--sf-accent: #4a9ac8;--sf-pale: #dbeaf6;--sf-panel: #f2f8fc;--sf-border: #d3e4f1}.supflow-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.supflow-scroll:focus-visible{outline:2px solid var(--sf-accent);outline-offset:3px}.supflow-chart{min-width:940px}.supflow-phases{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;padding-top:38px;margin-bottom:14px}.supflow-phase{grid-column:var(--c) / span 2;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 5px;padding:14px 8px 12px;background:var(--sf-pale);border-radius:12px}.supflow-phase-icon{display:block;width:56px}.supflow-phase-name{font-size:14px;font-weight:700;line-height:1.3;color:var(--sf-line);text-align:center;letter-spacing:.02em;white-space:nowrap}.supflow-badge{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 14px;border:2px solid var(--sf-line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:var(--sf-line)}.supflow-panel{position:relative;display:flex;flex-direction:column;gap:22px;padding:24px 0;border:2px solid var(--sf-border);border-radius:14px;background:var(--sf-panel)}.supflow-guides{position:absolute;inset:10px 0;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}.supflow-guides i{grid-column:var(--c);border-left:1px dashed rgba(6,40,61,.16)}.supflow-lane{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(var(--rows, 1),auto);row-gap:6px;align-items:center;color:var(--sf-line)}.supflow-lane[data-tone=both]{color:var(--sf-accent)}.supflow-lane-label{grid-column:1;grid-row:1;align-self:center;width:calc(100% - 16px);margin:0 8px;padding:6px 0;border:2px solid var(--sf-line);border-radius:999px;background:#fff;color:var(--sf-line);font-size:14px;font-weight:700;letter-spacing:.08em;text-align:center}.supflow-lane[data-tone=both] .supflow-lane-label{border-color:var(--sf-accent);background:var(--sf-accent);color:#fff}.supflow-rule{grid-column:2 / -1;grid-row:1;align-self:center;justify-self:stretch;position:relative;z-index:0;height:2px;margin:0 16px 0 4px;background:currentColor}.supflow-rule:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);border-left:12px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.supflow-task{grid-column:var(--c) / span var(--s);grid-row:var(--r, 1);position:relative;z-index:1;margin:0 5px;padding:8px 10px;border-radius:8px;background:var(--sf-line);color:#fff;font-size:13px;font-weight:700;line-height:1.35;text-align:center;letter-spacing:.01em}.supflow-periods{display:grid;grid-template-columns:repeat(12,1fr);margin-top:16px}.supflow-period{grid-column:var(--c) / span var(--s);margin:0 4px;padding:9px 30px 9px 10px;background:var(--sf-line);color:#fff;font-size:14px;font-weight:700;text-align:center;letter-spacing:.02em;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}.supflow-hint{display:none}@media(max-width:1049px){.supflow-hint{display:block;margin:12px 0 0;font-size:13px;color:#6b7280;text-align:center}}.supflow-narrow{display:none}@media(max-width:767px){.supflow-scroll,.supflow-hint{display:none}.supflow-narrow{display:block}}.supflow-nperiod{margin:28px 0 14px;padding:8px 12px;background:var(--sf-line);color:#fff;border-radius:6px;font-size:13px;font-weight:700;text-align:center;letter-spacing:.02em}.supflow-nperiod:first-child{margin-top:0}.supflow-nphase{position:relative;padding:14px 14px 14px 16px;border-left:3px solid var(--sf-border)}.supflow-nhead{display:flex;align-items:center;gap:10px}.supflow-nicon{display:block;flex:0 0 auto;width:58px;padding:5px;background:var(--sf-pale);border-radius:10px}.supflow-nname{font-size:17px;font-weight:700;color:var(--sf-line);letter-spacing:.02em}.supflow-nbadge{margin:10px 0 0 68px;padding:4px 12px;display:inline-block;border:2px solid var(--sf-line);border-radius:999px;font-size:12px;font-weight:700;color:var(--sf-line);background:#fff}.supflow-ntasks{list-style:none;margin:10px 0 0;padding:0 0 0 68px}.supflow-ntasks li{display:flex;align-items:flex-start;gap:8px;margin-top:6px}.supflow-nlane{flex:0 0 auto;min-width:46px;padding:3px 0;border:2px solid var(--sf-line);border-radius:999px;background:#fff;color:var(--sf-line);font-size:12px;font-weight:700;text-align:center;letter-spacing:.04em}.supflow-ntasks li[data-tone=both] .supflow-nlane{border-color:var(--sf-accent);background:var(--sf-accent);color:#fff}.supflow-ntext{font-size:14px;font-weight:700;line-height:1.6;color:var(--sf-line)}.supflow-ntext em{display:block;font-size:12px;font-weight:400;font-style:normal;color:#6b7280}@media(max-width:479px){.supflow-ntasks{padding-left:0}.supflow-nbadge{margin-left:0}}.sup-intro-fig{flex:0 0 auto;width:100%;max-width:488px}@media(max-width:991px){.sup-intro{flex-wrap:wrap}.sup-intro-fig{max-width:536px;margin:0 auto 8px}.sup-intro .sub__flex__text--right{padding-left:0}}.sup-flow-lead{text-align:center}@media(max-width:767px){.sup-flow-lead{text-align:left}}