/* Napolinoir — homepage.css
   Page-specific styles for the pillar guide. Tokens come from global.css. */

.step {
  padding-top: var(--s-xl);
  margin-top: var(--s-xl);
  border-top: 1px solid var(--color-hairline-soft);
}

.step:first-of-type { border-top: 0; }

.step h3 { margin-top: 0; }

.step .step-num { margin-bottom: var(--s-sm); }

.hero .btn-row { margin-top: var(--s-xl); }

.hero .meta { margin-top: var(--s-lg); }

.hero-fact strong { color: var(--color-ink); }

/* Ordered list of errors on the pillar */
#errori ol {
  padding-left: 1.3em;
  font-size: var(--fs-body-lg);
}

#errori li { margin-bottom: var(--s-sm); }

/* Spotlight sits in a full-width band on the pillar */
.spotlight-violet { max-width: 100%; }

@media (max-width: 810px) {
  .step { padding-top: var(--s-lg); margin-top: var(--s-lg); }
}