/* /sell/agent page rules (from the agent-prompt draft, scoped) */
.ff-agentpage .lede{font-size:1.08rem;color:#33433b;max-width:640px}
.ff-agentpage h2{margin:1.6em 0 .5em}
.ff-agentpage .steps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:22px 0}
.ff-agentpage .step{background:#fff;border:1px solid var(--ff-line);border-radius:14px;padding:16px}
.ff-agentpage .step b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ff-green);color:var(--ff-amber);margin-bottom:8px}
.ff-agentpage .step p{margin:0;color:#33433b}
.ff-agentpage .tabs{display:flex;gap:6px;margin:16px 0 0}
.ff-agentpage .tabs button{flex:1;font:inherit;font-size:.92rem;padding:10px 10px;border-radius:10px 10px 0 0;border:1px solid var(--ff-line);border-bottom:0;background:#ece7da;cursor:pointer;color:var(--ff-ink);min-height:48px}
.ff-agentpage .tabs button[aria-selected=true]{background:#fff;font-weight:700}
.ff-agentpage .box{background:#fff;border:1px solid var(--ff-line);border-radius:0 0 14px 14px;padding:12px}
.ff-agentpage .box pre{margin:0;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#faf8f2;border-radius:10px;padding:12px}
.ff-agentpage .copy{margin-top:12px;font:inherit;font-weight:700;padding:14px 20px;border:0;border-radius:999px;background:var(--ff-green);color:#fff;cursor:pointer;width:100%;min-height:50px}
.ff-agentpage .copy:hover{background:var(--ff-green2)}
.ff-agentpage .hint{font-size:.92rem;color:var(--ff-muted);margin-top:8px}
.ff-agentpage details{background:#fff;border:1px solid var(--ff-line);border-radius:12px;padding:12px 16px;margin:10px 0}
.ff-agentpage summary{font-weight:700;cursor:pointer;min-height:28px}
.ff-agentpage details p{margin:10px 0 2px;color:#33433b}
.ff-agentpage .cta{background:var(--ff-green);color:#fff;border-radius:16px;padding:20px;margin:28px 0 0}
.ff-agentpage .cta p{margin:0}
.ff-agentpage .cta a{color:var(--ff-amber);font-weight:700}

.ff-agentpage .ff-agent-btns{display:grid;gap:10px;margin:22px 0 8px}
@media(min-width:640px){.ff-agentpage .ff-agent-btns{grid-template-columns:repeat(3,1fr)}}
.ff-agentpage .ff-agent-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 16px;border-radius:999px;background:var(--ff-green);color:#fff!important;font-weight:750;text-decoration:none;font-size:1.02rem}
.ff-agentpage .ff-agent-btn:hover{background:var(--ff-green2)}
.ff-agentpage .ff-agent-ic{color:var(--ff-amber);font-size:1.1rem}
.ff-agentpage #agent-hint.ff-on{color:var(--ff-green);font-weight:700}
