.setup-page { padding-block: 48px 64px; }
.setup-intro { max-width: 760px; margin-bottom: 48px; }
.setup-intro > p:first-of-type { font-size: 19px; max-width: 48ch; }
.setup-workspace { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 64px; }
.client-picker { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.client-picker button[aria-pressed="false"] { background: var(--paper); color: var(--ink); border-color: var(--line); }
.client-picker button[aria-pressed="false"]:hover { background: var(--ground); }
.setup-main, .first-task { min-width: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.setup-page pre { font-size: 14px; }
.setup-help { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 32px; }
.setup-page .error { color: var(--danger); }
@media (max-width: 900px) { .setup-workspace { gap: 32px; } }
@media (max-width: 650px) { .setup-workspace { grid-template-columns: 1fr; gap: 48px; } }

/* The cover bleeds to the column edges and sits flush under the rule,
   the way a lit card carries its cover in the deck. */
.first-task .cover { margin: -24px 0 24px; }