```slides
theme: black
transition: slide
controls: true
progress: true

- [[slides/css-animation-systems.md|CSS Animation Systems]]

### Architecture Flow

```mermaid
graph TD
    A[Markdown Document] --> B[AstroMarkdown.astro Parser]
    B --> C{Code Block Type?}
    C -->|slides| D[Parse Configuration]
    D --> E[Extract Slide Links]
    E --> F[SlidesEmbed Component]
    F --> G[Generate Embed URL]
    G --> H[Render iframe]
    H --> I[/slides/embed/slug Route]
    I --> J[Load Slide Content]
    J --> K[MarkdownSlideDeck Layout]
    K --> L[Reveal.js Presentation]

// /src/components/markdown/AstroMarkdown.astro (lines 985-1020)
case 'slides':
  const lines = value.trim().split('\n');
  const config = {};
  const slides = [];
  let configSection = true;
  
  for (const line of lines) {
    const trimmedLine = line.trim();
    if (!trimmedLine) continue;
    
    if (trimmedLine.startsWith('- [[')) {
      configSection = false;
      const linkMatch = trimmedLine.match(/\[\[(.*?)\|(.*?)\]\]/);
      if (linkMatch) {
        slides.push({
          path: linkMatch[1],
          title: linkMatch[2]
        });
      }
    } else if (configSection) {
      // Parse both "key: value" and "key=value" syntax
      const colonMatch = trimmedLine.match(/^(\w+):\s*(.+)$/);
      const equalsMatch = trimmedLine.match(/^(\w+)=(.+)$/);
      
      if (colonMatch) {
        config[colonMatch[1]] = colonMatch[2].trim();
      } else if (equalsMatch) {
        config[equalsMatch[1]] = equalsMatch[2].trim();
      }
    }
  }
  
  return <SlidesEmbed slides={slides} config={config} />;

// /src/pages/slides/embed/[...slug].astro (lines 41-69)
try {
  const slidesDir = path.join(process.cwd(), 'src', 'generated-content', 'slides');
  const fullPath = path.join(slidesDir, `${slidePath}.md`);
  
  const fileContent = await readFile(fullPath, 'utf-8');
  
  // Parse frontmatter and content
  const frontmatterMatch = fileContent.match(/^---\n([\s\S]*?)\n---\n([\s\S]*)$/);
  
  if (frontmatterMatch) {
    const frontmatterText = frontmatterMatch[1];
    combinedMarkdown = frontmatterMatch[2];
    
    const titleMatch = frontmatterText.match(/title:\s*(.+)/);
    if (titleMatch) {
      title = titleMatch[1].trim().replace(/['"]/g, '');
    }
  }
} catch (error) {
  combinedMarkdown = `# Slide Not Found\n\nThe requested slide "${slidePath}" could not be loaded.`;
}

# Block style
```slides
theme: dark
transition: fade

- [[slides/example.md|Example]]

## Documentation

### Usage Examples

**Basic Embed:**
```markdown
```slides
- [[slides/my-presentation.md|My Presentation]]

**With Configuration:**
```markdown
```slides
theme: black
transition: slide
controls: true
progress: true

- [[slides/advanced-topic.md|Advanced Topic]]

### API Integration

The embed system exposes configuration through URL parameters:
- `theme`: Reveal.js theme name
- `transition`: Slide transition style
- `controls`: Show/hide navigation controls
- `progress`: Show/hide progress bar
- `autoSlide`: Auto-advance timing (milliseconds)
- `loop`: Enable/disable presentation looping

### File Structure

### Performance Considerations

- Iframe lazy loading implemented with `loading="lazy"`
- Static file serving for slide content
- Minimal JavaScript footprint using Reveal.js CDN
- Server-side rendering for embed containers

### Browser Compatibility

- Modern browsers supporting iframe and ES6 features
- Responsive design with mobile-specific height adjustments
- Keyboard navigation support through Reveal.js
- Print/PDF export capabilities maintained

This implementation provides a robust, extensible foundation for embedded presentations while maintaining the simplicity and flexibility that makes markdown-based authoring effective.