/* Getting-started flow diagram: same stage-backdrop treatment as the example pages'
   solution summaries (light card on a light backdrop, dark card on a dark one),
   with each step drawn from the same --color-background-secondary tile used by
   Diet's stat tiles (pages/diet.css), so no new colors are introduced. */
[role="main"] .getting-started-flow-summary {
    margin: 1.6em 0;
    padding: 1em 1.3em;
    border-radius: 0.6em;
    background: #EDF1F7;
}

body[data-theme="dark"] [role="main"] .getting-started-flow-summary {
    background: #232833;
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) [role="main"] .getting-started-flow-summary {
        background: #232833;
    }
}