/* The whole page scrolls: the action row never overlays the content. */
.plane-shell .plane-page.page:has(.bf-step-page){padding:52px 44px 32px!important;overflow-y:auto!important;overflow-x:hidden!important;display:block;scrollbar-width:none}
.plane-shell .plane-page.page:has(.bf-step-page)::-webkit-scrollbar{display:none}
.plane-page .phase1-root:has(>.bf-step-page){height:auto;min-height:0;display:block}
.phase1-root .bf-step-page{height:auto;min-height:0;max-width:1120px;margin:0 auto;padding:0;display:block}
.bf-step-page>.bf-step-form,.bf-step-page>.op-goal,.bf-step-page>.p1-entry-form{height:auto;min-height:0;max-width:none;width:100%;margin:0;padding:0;display:block}
.bf-step-scroll{overflow:visible;padding:0}
.bf-step-content{max-width:1000px;margin:0 auto;width:100%}
.bf-goal-root .bf-step-content,.p1-brand-setup .bf-step-content{max-width:790px}
.p1-result-experience .bf-step-content{max-width:1120px}
.phase1-root .bf-step-actions{width:100%;display:block;min-height:0;margin:28px auto 0;padding:0 0 8px;background:transparent;border:0;text-align:center;position:static}
.bf-step-buttons{display:flex;align-items:center;justify-content:center;gap:16px}
.bf-step-primary,.bf-step-previous{flex:0 1 168px;min-width:0}
.bf-step-secondary{display:flex;align-items:center;justify-content:center;margin-top:12px;gap:12px;min-width:0}
.bf-step-primary svg{width:18px;height:18px;flex:none}
.plane-shell .bf-step-actions :is(.bf-step-primary,.bf-step-previous)>button{width:100%;max-width:100%;height:44px;min-height:44px;margin:0;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.plane-shell .bf-step-actions .bf-step-previous>button{color:var(--bf-ink);background:var(--surface,#fff);border:1px solid var(--bf-line);box-shadow:none}
.plane-shell .bf-step-actions .bf-step-previous>button:hover{background:var(--bf-wash)}
.plane-shell .bf-step-actions .bf-step-primary:only-child{flex-basis:240px}
.bf-step-secondary{font-size:12px;color:var(--bf-muted);line-height:1.6;flex-wrap:wrap}
.bf-step-secondary :is(p,.p1-entry-footnote){margin:0;font-size:12px;line-height:1.6;color:var(--bf-muted)}
.phase1-root .bf-step-actions .op-status,.phase1-root .bf-step-actions #p1-submit-status{display:block;margin:10px auto 0;font-size:12px;line-height:1.65;max-width:65ch;color:var(--bf-muted)}
.phase1-root .bf-step-actions :is(.op-status,#p1-submit-status):empty{display:none!important}
.phase1-root .bf-step-actions .op-status.is-error{color:#a03624}
.bf-preparing-status{display:flex;justify-content:center;align-items:center;gap:8px;min-height:24px;margin:0 0 20px;color:var(--bf-muted);font-size:12px}
.bf-preparing-status i{width:7px;height:7px;border-radius:50%;background:var(--bf-blue);animation:bf-preparation-pulse 1.4s ease-in-out infinite}
.bf-skeleton-question{height:44px;flex:1;display:flex;align-items:center;padding:0 14px;border:1px solid color-mix(in srgb,var(--bf-tone) 16%,var(--bf-line));border-radius:8px;background:var(--bf-tone-wash)}
.bf-skeleton-question i{display:block;height:8px;width:100%;position:relative;overflow:hidden;border-radius:4px}
.bf-skeleton-question i::before{content:"";display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bf-tone) 22%,var(--bf-line)) 30%,color-mix(in srgb,var(--bf-tone) 22%,var(--bf-line)) 70%,transparent);animation:bf-skeleton-travel var(--skeleton-duration,2400ms) cubic-bezier(.4,0,.2,1) var(--skeleton-delay,0ms) infinite;animation-play-state:var(--skeleton-play,running);will-change:transform}
.bf-confirm-note{text-align:center;margin:18px 0 0}
@keyframes bf-preparation-pulse{50%{opacity:.4}}
@keyframes bf-skeleton-travel{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
html[data-page-hidden="true"] .bf-skeleton-question i::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.bf-preparing-status i,.bf-skeleton-question i::before{animation:none;will-change:auto}.bf-skeleton-question i::before{width:72%}}
@media(max-width:700px){.plane-shell .plane-page.page:has(.bf-step-page){padding:32px 16px 28px!important}.bf-step-buttons{gap:12px}.phase1-root .bf-step-actions{margin-top:24px}.bf-step-secondary :is(p,.p1-entry-footnote){font-size:12px}.bf-preparing-status{font-size:12px}}
