.setup-banner,.setup-mini{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #2a5268;border-radius:22px;background:linear-gradient(125deg,#172b46,#10343b);margin:0 0 24px}.setup-banner h2{font-size:21px;margin:8px 0}.setup-banner p{color:#a7c7d7;margin:0}.setup-mini{padding:16px 20px}.setup-intro h2{font-size:clamp(23px,3vw,32px)}.setup-progress{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.setup-progress span{padding:9px 14px;border-radius:30px;border:1px solid #355066;color:#9fb8cc}.setup-progress .done{color:#70e7d2;border-color:#31766c;background:#123c3b}.setup-steps{display:grid;gap:14px;margin:24px 0}.setup-step{border:1px solid #2a465b;border-radius:22px;background:#10202e;overflow:hidden}.setup-step>summary{display:flex;align-items:center;gap:16px;padding:22px;cursor:pointer;list-style:none}.setup-step summary::-webkit-details-marker{display:none}.setup-step summary small{display:block;margin-top:6px;color:#9cb9cc;font-size:13px}.setup-step summary i{margin-left:auto;color:#72dccc}.setup-number{flex-shrink:0;display:grid;place-items:center;width:45px;height:45px;border-radius:16px;color:#a8cfff;background:#213953}.setup-number.done{background:#16443e;color:#79e6ce}.setup-detail{padding:0 24px 26px;color:#c6dae8;line-height:1.9}.setup-detail li{margin:10px 0}.setup-detail b{color:#eef7ff}.setup-detail>.primary-action{margin-top:14px}.setup-platform,.setup-example{margin:16px 0;border:1px solid #304a60;border-radius:16px;padding:16px}.setup-platform>summary,.setup-example>summary{cursor:pointer;color:#8be5e0;font-weight:600}.setup-example pre{white-space:pre-wrap;font-family:inherit;font-size:14px;padding:18px;background:#091622;border-radius:14px}.setup-alert{padding:14px 18px;background:#3c3120;border:1px solid #6e5634;border-radius:16px;color:#eed197!important}.setup-hook{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#071923}.setup-hook code{overflow-wrap:anywhere;min-width:0;font-size:13px;flex:1}.setup-hook button{flex-shrink:0}.setup-step summary:focus-visible{outline:2px solid #73dace;outline-offset:-4px}@media(max-width:700px){.setup-banner,.setup-mini{align-items:stretch;flex-direction:column;padding:20px}.setup-step>summary{padding:18px 15px;gap:12px}.setup-number{width:36px;height:36px;border-radius:13px}.setup-detail{padding:0 17px 22px}.setup-hook{align-items:stretch;flex-direction:column}.setup-platform,.setup-example{padding:13px}.setup-detail ol,.setup-detail ul{padding-left:22px}}