/* Option two: onboarding introduction with paired live demos. */
.planning-onboarding{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:64px}
.planning-onboarding-copy p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:470px}
.planning-onboarding-demos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.planning-page .planning-onboarding-demos .launch-demo{width:100%;max-width:300px;margin:0 auto}
.planning-page .feature-entry-demos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.planning-onboarding{grid-template-columns:1fr;gap:32px}.planning-onboarding-demos{max-width:650px;width:100%;margin:auto}.planning-onboarding-copy p:not(.eyebrow){max-width:790px}}
@media(max-width:700px){.planning-page .feature-entry-demos{grid-template-columns:1fr}.planning-onboarding-demos{grid-template-columns:1fr;gap:32px}.planning-page .planning-onboarding-demos figcaption{font-size:14px}.planning-onboarding-demos .launch-demo-toggle{font-size:12px;padding:8px 12px}}

.planning-page .recipe-actions-remaining{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.planning-page .recipe-actions-remaining{grid-template-columns:1fr}}

/* Keep the process photo pair together on small screens in Option two. */
@media(max-width:700px){.planning-process-photos{grid-template-columns:minmax(0,1.69fr) minmax(0,1fr);gap:12px}}

@media(max-width:700px){#onboarding .planning-onboarding-demos,#empty-state .planning-onboarding-demos,#recipe-actions .planning-onboarding-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Keep captions and playback controls close to these paired screens. */
.planning-page :is(#onboarding,#empty-state,#recipe-actions) .launch-demo figcaption{min-height:0;margin-bottom:0;line-height:1.4}
.planning-page :is(#onboarding,#empty-state,#recipe-actions) .launch-demo-toggle{margin-top:0}

/* Match Disney's mobile two-column phone sizing, without iframe gutters. */
@media(max-width:700px){
 .planning-page .feature-demos,.planning-page :is(#onboarding,#empty-state,#recipe-actions) .planning-onboarding-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .planning-page .launch-demo iframe{aspect-ratio:407/844}
 .planning-page .launch-demo figcaption{min-height:0;margin-bottom:12px;font-size:14px}
 .planning-page .launch-demo-toggle{margin-top:12px}
 .planning-page .planning-commerce>.launch-demo{max-width:calc((100% - 16px)/2)}
}

/* Restore breathing room around the full-size mobile phones. */
@media(max-width:700px){
 .planning-page :is(#onboarding,#empty-state,#recipe-actions,.feature-demos,.planning-commerce) .launch-demo figcaption{margin-bottom:16px}
 .planning-page :is(#onboarding,#empty-state,#recipe-actions,.feature-demos,.planning-commerce) .launch-demo-toggle{margin-top:16px}
}

@media(max-width:700px){.planning-process-photos .planning-process-fridge,.planning-process-photos>img{border-radius:4px}}