/* css/developer.css - developer page only (steps, code box) */
ol.flow{list-style:none;padding:0;margin:0;counter-reset:f;}
ol.flow li{position:relative;padding:0 0 1.4rem 3rem;color:var(--muted);line-height:1.6;}
ol.flow li::before{counter-increment:f;content:counter(f);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;}
ol.flow li::after{content:"";position:absolute;left:1rem;top:2.4rem;bottom:.2rem;width:2px;background:var(--line);}
ol.flow li:last-child::after{display:none;}
ol.flow li b{display:block;color:var(--fg);}
.mini{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:var(--surface-2);border:1px solid var(--line);padding:.05rem .45rem;border-radius:.4rem;color:var(--fg);}
.code{background:#0b1220;color:#cfe0ff;border:1px solid #1e3059;border-radius:.9rem;padding:1.1rem 1.2rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;overflow:auto;white-space:pre;margin-bottom:1rem;}
.code .c{color:#6f86b8;}
.code .k{color:#7fb2ff;}
.code-box{position:relative;margin-bottom:1rem}
.code-box .code{margin-bottom:0;padding-top:2.9rem}
.copy-btn{position:absolute;top:.6rem;right:.6rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:.55rem;border:1px solid #2a4278;background:#14224a;color:#cfe0ff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}
.copy-btn:hover{background:#1c2f66}
.copy-btn .mi{font-size:1rem}