/* Free-plan onboarding on the dashboard (js/free-onboarding.js). */
.fo-card { background: var(--dark-card); border: 1px solid var(--border-color); border-radius: 1rem; padding: 1.5rem; margin-bottom: 2rem; }
.fo-card h2 { margin: 0 0 .5rem; }
.fo-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .5rem; }
.fo-progress { color: var(--primary-color); font-weight: 600; font-size: .9rem; }
.fo-sub { color: var(--text-secondary); margin: 0 0 1rem; }
.fo-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.fo-step { border: 1px solid var(--border-color); border-radius: .75rem; padding: 1rem; }
.fo-step.done { border-color: var(--primary-color); }
.fo-step-head { display: flex; align-items: center; gap: .6rem; }
.fo-step h3 { margin: 0; font-size: 1rem; }
.fo-step p { color: var(--text-secondary); margin: .4rem 0 .6rem; font-size: .92rem; }
.fo-check { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.4rem; width: 1.4rem; height: 1.4rem; border: 2px solid var(--border-color); border-radius: 50%; color: var(--dark-bg); font-size: .8rem; font-weight: 700; }
.fo-step.done .fo-check { background: var(--primary-color); border-color: var(--primary-color); }
.fo-card pre, .fo-output pre { background: var(--dark-bg); border: 1px solid var(--border-color); border-radius: .5rem; padding: .75rem 1rem; overflow-x: auto; font-size: .82rem; margin: 0 0 .75rem; }
.fo-output { margin-top: .75rem; }
.fo-status { font-weight: 600; margin: 0 0 .4rem; }
.fo-note { color: var(--text-secondary); font-size: .88rem; }
.fo-pro { border-color: var(--secondary-color); }
.fo-pro ul { margin: 0 0 1rem 1.25rem; color: var(--text-secondary); }
.fo-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#plan-compare table.cmp th[scope="row"] { color: var(--text-primary); font-weight: 600; background: none; }
.game-day-banner { border: 1px solid var(--secondary-color); background: rgba(59,130,246,.1); border-radius: .75rem; padding: 1rem 1.25rem; margin: 1rem 0 2rem; }
.game-day-banner p { margin: .25rem 0 .75rem; color: var(--text-secondary); }
.game-day-banner .cta-row { margin: .5rem 0 0; }