/* Earn->Play handoff card for AI-assistant visitors (LF-13071). Same rules as earn.css; standalone for Earn landers that do not load earn.css. */
/* AI-visitor earning-intent card on Earn landers */
.earn-ai-start[hidden] { display: none; }
.earn-ai-start { padding: 16px 16px 4px; }
.earn-ai-start .container {
    max-width: 760px; margin: 0 auto; padding: 16px;
    border: 1px solid rgba(247, 147, 26, 0.35); border-radius: 14px; background: rgba(247, 147, 26, 0.06);
}
.earn-ai-start h2 { font-size: 1.15rem; line-height: 1.3; margin: 0 0 6px; }
.earn-ai-start p { margin: 0 0 12px; line-height: 1.5; }
.earn-ai-start .earn-ai-start__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.earn-ai-start .earn-ai-start__link {
    display: flex; flex-direction: column; justify-content: center; min-height: 44px; padding: 10px 14px;
    border-radius: 10px; text-decoration: none; color: inherit;
    border: 1px solid var(--earn-border, rgba(16, 185, 129, 0.2)); background: var(--earn-card-bg, rgba(16, 185, 129, 0.08));
}
.earn-ai-start .earn-ai-start__link strong { font-weight: 700; }
.earn-ai-start .earn-ai-start__link span { font-size: 0.85rem; opacity: 0.8; line-height: 1.4; }
.earn-ai-start .earn-ai-start__link:focus-visible { outline: 2px solid #f7931a; outline-offset: 2px; }
.earn-ai-start .earn-ai-start__link:hover { border-color: #f7931a; }