body .one-workflow{margin:0;background:#fff;border:1px solid #cbdde5;border-radius:16px;padding:24px;box-shadow:0 20px 60px #123b5010;text-align:start;inline-size:100%}
.one-workflow figcaption{display:flex;justify-content:space-between;gap:12px;padding-block-end:16px;border-block-end:1px solid #e0e9ed;font-size:12px;color:#526975}.one-workflow figcaption>span:first-child{font-weight:800;font-size:17px;color:#007493}
body main .one-workflow-instruction{font-size:14px;line-height:1.7;color:#526975;margin:16px 0 12px}
.one-workflow-controls{display:flex;gap:6px}.one-workflow-controls button{flex:1;min-inline-size:0;padding:9px 3px;border:1px solid #d7e5eb;background:#f7fafb;border-radius:7px;color:#385565;font:inherit;font-size:12px;line-height:1.6;cursor:pointer}.one-workflow-controls button>span{display:block;font-size:12px;color:#52717f}.one-workflow-controls button[aria-expanded=true]{background:#063c54;color:white;border-color:#063c54}.one-workflow-controls button[aria-expanded=true]>span{color:#a3e9ed}
.one-workflow-panel[hidden]{display:none}.one-workflow-drawing{display:grid;grid-template-columns:1.4fr .3fr .85fr;align-items:center;padding-block:24px;min-block-size:238px}
.one-workflow-document{border:1px solid #cbdde5;border-block-start:3px solid #0087aa;border-radius:8px;padding:16px;background:#fff;box-shadow:0 10px 25px #103d5110}.one-workflow-document>svg{inline-size:30px;block-size:34px;stroke:#0083a3;stroke-width:1.5;display:block;margin-block-end:9px}.one-workflow-document strong{font-size:17px;color:#123c50;display:block;margin-block-end:10px}.one-workflow-document div span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#526975;border-block-start:1px solid #eaf0f3;padding-block:7px}.one-workflow-document i{inline-size:22%;block-size:3px;background:#dce8ed;border-radius:2px}
.one-workflow-connector{position:relative;block-size:1px;background:#9bbecb}.one-workflow-connector span{position:absolute;inset-inline-start:0;inset-block-start:-3px;inline-size:7px;block-size:7px;border-radius:50%;background:#0085a2;animation:one-document-flow 1.4s ease-out 1 both}
.one-workflow-module{background:#edf5f7;border:1px solid #d1e4e9;border-radius:10px;padding:17px 10px;text-align:center}.one-workflow-module svg{display:block;margin:0 auto 12px;inline-size:30px;block-size:30px;stroke:#007b99;stroke-width:1.5}.one-workflow-module span{display:block;font-size:13px;font-weight:700;line-height:1.7;color:#16495f}.one-workflow-module small{display:block;font-size:10px;color:#526975;margin-block-start:7px}
body.product-page main .one-workflow-description h2{font-size:21px;line-height:1.5;margin:0 0 8px}body.product-page main .one-workflow-description p{font-size:14px;line-height:1.8;color:#526975;margin:0;min-block-size:76px}.one-workflow-foot{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:18px;border-block-start:1px solid #e0e9ed;padding-block-start:16px}.one-workflow-foot span{font-size:11px;color:#3b6172;background:#f1f6f8;border-radius:5px;padding:4px 9px}
@keyframes one-document-flow{to{inset-inline-start:calc(100% - 7px)}}
@media(max-width:540px){body .one-workflow{padding:16px}.one-workflow-controls{gap:4px}.one-workflow-controls button{font-size:10px}.one-workflow-drawing{grid-template-columns:1.4fr .2fr .8fr}.one-workflow-document{padding:12px}.one-workflow-module{padding:14px 7px}.one-workflow-module span{font-size:11px}body.product-page main .one-workflow-description h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.one-workflow-connector span{animation:none}}