.api-box { background:#0d1117; border-radius:10px; padding:20px 24px; margin-bottom:20px; overflow-x:auto; }
.api-box code { font-family:'Courier New',monospace; font-size:14px; color:#e6edf3; white-space:pre; display:block; line-height:1.7; }
.step-num { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--color-primary); color:#fff; border-radius:50%; font-weight:700; font-size:14px; margin-right:12px; flex-shrink:0; }
.step-row { display:flex; align-items:flex-start; margin-bottom:32px; }
.step-body h4 { margin:0 0 8px; font-size:17px; font-weight:600; color:var(--color-black); }
.step-body p { margin:0 0 12px; font-size:var(--font-body-5); color:var(--color-body); }
.api-field { border-left:3px solid var(--color-primary); padding:8px 16px; margin-bottom:10px; background:#f4f7ff; border-radius:0 6px 6px 0; }
.api-field strong { font-family:monospace; font-size:var(--font-body-5); color:var(--color-black); }
.api-field span { font-size:var(--font-body-5); color:var(--color-body); margin-left:8px; }
.alert-tip { background:#fffbea; border-left:4px solid #f2cc60; border-radius:0 8px 8px 0; padding:14px 18px; margin-bottom:20px; font-size:var(--font-body-5); color:var(--color-black); }
.btn-outline-brand { background:#fff; color:var(--color-primary); border:2px solid var(--color-primary); box-shadow:none; }
.section-band { background:var(--color-gray-1); border-top:1px solid #d4d7d9; border-bottom:1px solid #d4d7d9; padding:60px 0; }
.btn-solid-brand { background:var(--color-primary); color:#fff; border-color:var(--color-primary); }
.body4-medium-black { font-size:var(--font-body-4); font-weight:500; color:var(--color-black); }
.body4-center-mb30 { font-size:var(--font-body-4); text-align:center; margin-bottom:30px; }
.body5 { font-size:var(--font-body-5); }
.body5-mono-brand { font-size:var(--font-body-5); color:var(--color-primary); font-family:monospace; word-break:break-all; }
.body5-bold { font-size:var(--font-body-5); font-weight:600; }