.ipi-sequence{margin:30px 0;padding:20px 0;border:0;border-radius:0;background:transparent;color:#172b3c}
.ipi-sequence figcaption{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;font-size:1rem;line-height:1.5}
.ipi-sequence figcaption strong{font-size:1.15rem;color:#103a57}
.ipi-sequence figcaption span{color:#43586a}
.ipi-sequence-board{display:grid;gap:11px}
.ipi-lane-head,.ipi-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ipi-lane-head span{padding:8px 10px;border-radius:6px;text-align:center;background:#dceaf4;color:#123a55;font-weight:750}
.ipi-step{padding:12px;border:0;border-left:3px solid #387fa9;border-bottom:1px solid #d3dfe7;border-radius:0;background:transparent}
.ipi-step-label{display:block;margin-bottom:9px;color:#123a55;font-size:.98rem}
.ipi-cell{min-width:0;display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:6px;background:#f2f6f9;overflow-wrap:anywhere;line-height:1.42}
.ipi-cell b{font-size:.92rem;color:#163b53}
.ipi-cell span{font-size:.86rem;color:#334d60}
.ipi-cell-lane{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ipi-cell code,.ipi-sequence-note code,.ipi-path code{white-space:normal;overflow-wrap:anywhere}
.ipi-path{margin:8px 0 0;padding:6px 10px;border-radius:8px;background:#e8f1f8;color:#174260;font-size:.84rem;font-weight:650;overflow-wrap:anywhere}
.ipi-path-alert{background:#fff0d7;color:#67430b}
.ipi-path-consume{background:#e9f1e8;color:#315b38}
.ipi-step-sync{border-left-color:#247d6d}
.ipi-path-done{background:#e0f1ec;color:#18564d}
.ipi-sequence-note{margin:15px 0 7px;padding:11px 13px;border-left:3px solid #7c92a2;background:#fff;font-size:.88rem;line-height:1.6}
.ipi-sequence-sources{margin:7px 0 0;font-size:.82rem;line-height:1.6}
.ipi-sequence-sources a{overflow-wrap:anywhere}
@media(max-width:700px){.ipi-sequence{padding:13px 0;border-radius:0}.ipi-lane-head{display:none}.ipi-step{padding:10px}.ipi-cells{grid-template-columns:1fr;gap:5px}.ipi-cell{display:grid;grid-template-columns:5.3em minmax(0,1fr);column-gap:8px;padding:7px 8px}.ipi-cell .ipi-cell-lane{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;grid-column:1;grid-row:1/3;align-self:center;padding:4px 5px;border-radius:6px;background:#dceaf4;color:#123a55;text-align:center;font-size:.76rem;font-weight:750}.ipi-cell b{grid-column:2}.ipi-cell>span:not(.ipi-cell-lane){grid-column:2}.ipi-path{font-size:.79rem}.ipi-sequence figcaption strong{font-size:1.04rem}}