.skill-step-flow{margin:20px 0 28px;min-width:0;container-type:inline-size}
.skill-step-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.skill-step-intro h3{margin:0;font-size:14px}.skill-step-intro>span{font-size:12px;color:var(--muted,#738098)}
.skill-step-card{border:1px solid var(--line,#dce1eb);border-radius:10px;background:#fff;overflow:hidden;min-width:0}
.skill-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.skill-step-card>header{padding:15px 18px;border-bottom:1px solid #edf0f5;background:#fafbfc}
.skill-step-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.skill-step-heading h4{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.skill-step-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#edf1f7;color:#596b89;font-size:12px;font-weight:600}
.skill-step-heading>button{flex:none;padding:5px 10px;font-size:12px;font-weight:400;background:#fff}
.skill-step-content{padding:16px 18px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.skill-step-content .meaning-text,.skill-step-context .meaning-text{font-size:13px;line-height:1.9}
.skill-step-content p{margin:0 0 12px}.skill-step-content p:last-child{margin-bottom:0}
.skill-step-content .meaning-citations{font-size:12px}
.skill-step-insert{display:flex;align-items:center;gap:12px;min-height:42px}
.skill-step-insert::before,.skill-step-insert::after{content:'';height:1px;background:#e8ecf2;flex:1}
.skill-step-insert button{border:0;background:transparent;padding:6px 10px;color:#697990;font-size:12px;font-weight:400;white-space:nowrap}
.skill-step-insert button:hover{background:#eef2f8;color:#334b70}
.skill-step-context{margin:10px 0 16px;font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.skill-step-context>.skill-step-heading{margin-bottom:8px}.skill-step-context>button{font-size:12px;padding:5px 10px;margin-top:6px}
.skill-section-stage{margin-top:28px;padding:14px 0 0;border-top:1px solid var(--line,#dce1eb)}
.skill-section-stage h4{font-size:15px;color:var(--text,#263145)}
.skill-section-transition{padding:14px 16px;border-left:3px solid #8aa9df;background:#f7f9fd;border-radius:0 7px 7px 0}
.skill-step-code{margin:12px 0 0;border:1px solid #e0e5ec;border-radius:7px;background:#f7f9fc;overflow:hidden}
.skill-step-code summary{padding:9px 12px;font-size:12px;color:#586a84;cursor:pointer}
.skill-step-code pre{margin:0;padding:12px 14px;border-top:1px solid #e0e5ec;overflow:auto;white-space:pre;tab-size:2;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:420px}
.skill-step-editor{min-width:0}.skill-step-edit-scope{margin:0 0 18px;color:#738098;font-size:12px}
.skill-step-editor label{display:block;margin:16px 0 7px;font-size:13px}
.knowledge-dialog .skill-step-editor input,.knowledge-dialog .skill-step-editor textarea,.knowledge-dialog .skill-step-editor label{font-size:13px}
body:has(.knowledge-dialog[open] .skill-step-editor) .avatar-toggle{visibility:hidden;pointer-events:none}
.skill-step-editor textarea{box-sizing:border-box;width:100%;min-height:145px;font-size:13px;line-height:1.9;resize:vertical}
.skill-step-editor textarea.skill-step-code-input{min-height:180px;white-space:pre;overflow:auto;tab-size:2;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}
.skill-step-code-field{margin-top:18px;padding:0 14px 14px;border:1px solid #e0e5ec;border-radius:8px;background:#f7f9fc}
.skill-step-code-field input{max-width:100%;box-sizing:border-box}.skill-step-type{display:flex;align-items:center;gap:18px;margin:16px 0 0;padding:0;border:0}.skill-step-type legend{margin-bottom:8px;font-size:13px}.skill-step-type label{display:inline-flex;align-items:center;gap:7px;margin:0}.skill-step-flow button:focus-visible,.skill-step-code summary:focus-visible{outline:2px solid #719ce7;outline-offset:3px}
@container(max-width:420px){.skill-step-card>header,.skill-step-content{padding:12px}.skill-step-heading{gap:8px}}