.plain { list-style: none; margin: 0; padding: 0; }
.hero { background: linear-gradient(135deg, var(--accent-soft), var(--surface)); }
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.steps li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0 6px 12px; border-left: 3px solid var(--line); }
.steps li.is-done { border-color: var(--accent); font-weight: 600; }
.order { padding: 12px; }
.board-cols { display: grid; gap: var(--gap); }
@media (min-width: 768px) { .board-cols { grid-template-columns: 1fr 1fr; } }