Modular Content Architecture

Welcome to the Advanced Architecture Guide!

This section is light and loads immediately. We use it to set the stage for the deep drive that follows.

This text comes from `_intro.mdx`, demonstrating how we can split content into manageable partials.

Deep Dive (Runtime Loaded)

Below is a technical section loaded at runtime.

import { CodeBlock } from '@angular/cdk/scrolling'; // Just mimicking imports if needed, though usually standard markdown is enough.

The Heavy Core

This section represents the "heavy" part of our documentation. In a real scenario, this might contain:

• Complex interactive diagrams
• Dozens of code snippets
• Deeply nested component trees

Code Sample

```typescript
// Hypothetical complex logic
function calculateUniverse() {
const stars = Array.from({ length: 1e6 }, () => ({
x: Math.random(),
y: Math.random(),
mass: Math.random() * 100
}));

return stars.reduce((acc, star) => acc + star.mass, 0);
}
```

By lazy loading this file, we save the initial bundle size!