/* Quick-start structure and measurements from the supplied reference, 2026-09-09.
   Brand, groups and commands belong to claud.sale. Do not replace this with tool tints. */
.setup-section{background:var(--muted);padding:64px 0}
.setup-section>div{max-width:896px;margin-inline:auto;padding-inline:24px}
.setup-section .tool-tabs{width:auto;justify-content:initial}
.setup-section .setup-panel-head{background:linear-gradient(135deg,#ffd6661a 0%,#faad141a 100%);padding:16px 24px}
.setup-section .setup-panel-head a{color:#faad14}
.reference-key-row{gap:12px}
.reference-key-row>div{max-width:400px}
.reference-key-row input{width:100%;border:0;border-color:var(--border);padding:0;margin:0;border-radius:0;background:transparent;font:14px/20px var(--font-mono);box-shadow:none;outline:none}
.reference-key-row input::placeholder{color:var(--muted-foreground);opacity:1}
.reference-key-row>div:focus-within{outline:2px solid #faad1440;outline-offset:1px}
.setup-section .step-number{background:linear-gradient(135deg,#ffd666,#faad14);color:var(--warm-ink)}
.setup-section .setup-steps{padding:24px}
.setup-section .setup-steps pre{margin:0;padding:16px 48px 16px 16px;border-radius:calc(var(--radius) * 1.4);background:var(--muted);font:14px/20px var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.setup-section .setup-steps pre code{font:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit}
.setup-section .copy-code{color:var(--foreground)}
.setup-section .copy-code svg{stroke-linecap:round;stroke-linejoin:round}
.setup-section .setup-disclosure{margin:0;color:var(--foreground);font-size:14px;line-height:20px}
.setup-section .setup-disclosure>summary{border:1px solid transparent;border-radius:8px;padding:10px 0;font-size:14px;line-height:20px;font-weight:500;align-items:flex-start}
.setup-section .setup-disclosure>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid var(--muted-foreground);border-bottom:1.5px solid var(--muted-foreground);transform:rotate(45deg);margin:5px 5px 0 0;flex-shrink:0}
.setup-section .setup-disclosure[open]>summary::after{transform:rotate(225deg);margin-top:8px}
.setup-section #npm-help{margin-top:12px;color:var(--muted-foreground)}
.setup-section .setup-switches{margin-top:0;margin-bottom:12px;gap:12px}
.setup-section .setup-links{margin-top:16px}
.setup-section #tool-help pre{margin:12px 0}
.setup-section #tool-help #setup-account-options{margin:16px 0}
.setup-section #setup-key-choice{font-size:13px;gap:12px}
.setup-section #setup-account-status{font-size:13px;color:var(--muted-foreground);line-height:20px}
.setup-section[data-selected-tool=codex] .step-number,.setup-section[data-selected-tool=cursor] .step-number{background:#10a37f;color:#fff}
.setup-section[data-selected-tool=codex] .setup-panel-head,.setup-section[data-selected-tool=cursor] .setup-panel-head{background:linear-gradient(135deg,#10a37f14,#10a37f1f)}
.setup-section[data-selected-tool=codex] .setup-panel-head a,.setup-section[data-selected-tool=cursor] .setup-panel-head a{color:#10a37f}
@media(max-width:639px){.reference-key-row{align-items:flex-start;flex-direction:column}.reference-key-row>div{flex:none}.setup-section .shell-divider{display:block}.reference-downloads>div>div:last-child{flex-wrap:wrap;justify-content:center}.reference-downloads>div>div:first-child{align-self:flex-start}.setup-section .setup-switches{gap:12px}}