.mode-badge{display:inline-block;margin:0 10px 7px 0;padding:4px 8px;border-radius:999px;background:#10b981;color:#06130e;font-size:11px;font-weight:900;letter-spacing:.04em}
.step-card.optional .mode-badge{background:#c7d1ce}.step-card.module .mode-badge{background:#71e0bb}
.step-card.optional .step-content{border-style:dashed}.step-card.module .step-content{box-shadow:inset 5px 0 #10b981}
.field{padding:16px 0;border-top:1px solid var(--line)}.field:first-of-type{margin-top:14px}.field h4{margin:0 0 7px;color:#fff;font-size:17px}.field p{margin:0}.field-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.field-title .copy-one{flex:0 0 auto}
.step-content{overflow:hidden}.step-top{list-style:none;cursor:pointer;align-items:center}.step-top::-webkit-details-marker{display:none}.step-top>div{min-width:0}.step-top h3{overflow-wrap:anywhere}.accordion-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #626969;border-radius:50%;position:relative}.accordion-icon::before,.accordion-icon::after{content:"";position:absolute;left:12px;right:12px;top:20px;height:2px;background:#fff}.accordion-icon::after{transform:rotate(90deg);transition:.18s}.step-content[open] .accordion-icon::after{transform:rotate(0)}.path-actions button:first-child{color:#fff}.path-actions button:first-child.copied{background:#087f5b;color:#fff}.path-actions button:first-child:hover,.path-actions button:first-child:focus-visible{color:#fff;background:#087f5b}
@media(max-width:520px){.field-title{align-items:stretch;flex-direction:column}.field-title .copy-one{width:100%}}