.wf-guide{max-width:980px;padding-top:40px;padding-bottom:64px}.wf-guide nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.wf-step{padding:24px 0;border-top:1px solid #dce5e3;scroll-margin-top:90px}.wf-step h2 span{display:inline-grid;place-items:center;background:#087f68;color:white;border-radius:50%;width:36px;height:36px;margin-right:8px}.wf-guide figure{margin:22px 0}.wf-guide img{width:100%;height:auto;border:1px solid #dce5e3;border-radius:12px}.wf-guide figcaption{font-size:14px;padding:12px}.wf-screen{border:1px solid #b9d6cf;border-radius:16px;background:#f4faf8;overflow:hidden}.wf-screen figcaption{background:#183f37;color:white}.wf-field{display:flex;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #dce5e3}.wf-field code{display:block;overflow-wrap:anywhere;white-space:normal;background:white;padding:10px;border:1px solid #dce5e3;border-radius:8px;margin-top:6px}.wf-field>div{flex:1;min-width:0}.wf-arrow{font-weight:bold;color:#c43d35}.wf-screen p{padding:0 20px;font-size:13px}.wf-guide details{border:1px solid #dce5e3;border-radius:12px;padding:20px;margin:16px 0}.wf-guide summary{cursor:pointer;font-weight:700}.wf-guide li{margin:12px 0}.wf-guide pre{white-space:pre-wrap;overflow-wrap:anywhere}.wf-guide dt{font-weight:bold;margin-top:18px}.wf-guide dd{margin:8px 0}dialog#workflow-help{max-width:640px;width:calc(100% - 40px);border:1px solid #b9d6cf;border-radius:20px;padding:28px}dialog#workflow-help::backdrop{background:#102c2877}#workflow-help button{float:right}@media(max-width:600px){.wf-guide{padding:24px 16px}.wf-guide h1{font-size:30px}.wf-guide details{padding:12px}.wf-field{padding:12px;gap:8px}}