/* 생성물 — scripts/sync-public-css.mjs 가 src/styles/next-step.css 에서 만든다. */
/* 정적 글과 Astro의 다음 행동은 같은 마크업과 이 스타일을 사용한다. */
.next-step { min-width: 0; margin: 1.5rem 0; padding: 1.25rem; border: 1px solid var(--seo-border); border-radius: var(--md-sys-shape-medium); background: var(--seo-card); }
.next-step h2 { margin: 0 0 .6rem; color: var(--seo-ink); font-size: 1.1rem; line-height: 1.5; }
.next-step p { margin: 0; color: var(--seo-ink-2); line-height: 1.7; overflow-wrap: anywhere; }
.next-step ul { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: .85rem 0 0; padding: 0; list-style: none; }
.next-step li { min-width: 0; margin: 0; }
.next-step a { color: var(--md-sys-color-primary); font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; text-underline-offset: .18em; }
.next-step a:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 3px; }