Flatten workshop tutorial chrome and remove nested content boxes

[Copilot]

The workshop experience was over-framed: the guided run shell, progress section, and step content each rendered as separate bordered boxes, which made the page feel heavier than the content warranted. This change reduces the custom CSS in the tutorial view and collapses that nested chrome into a flatter reading flow.

• Tutorial layout

  • Removed the shared boxed treatment from the tutorial panel shell.
  • Dropped the extra card styling around the rendered step body.
  • Kept the tutorial structure intact while relying more on spacing than containers.

• Progress treatment

  • Simplified the progress area from a full card to a lightweight section divider.
  • Preserved the completion summary and progress bar without the extra surrounding panel.

• Scope control

  • Left the setup picker cards and other intentional selection affordances unchanged.
  • Limited the simplification to the guided-run rendering where the redundant boxes appeared.

• Regression coverage

  • Updated the workshop Playwright assertions to lock in the flatter desktop layout and prevent the boxed chrome from reappearing.

.aw-workshop-panel-shell {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-height: calc(100svh - 10rem);
}

.aw-workshop-progress-card {
	display: grid;
	gap: 0.75rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid color-mix(in srgb, var(--aw-border) 82%, transparent);
}

.aw-workshop-step-content {
	display: block;
	min-width: 0;
	min-height: 22rem;
}

[Copilot]

Pull request overview

Flattens the guided workshop tutorial layout while preserving intentional setup cards and responsive behavior.

Changes:

• Removes boxed styling from the tutorial shell and step content.
• Simplifies progress styling to a section divider.
• Adds Playwright regression assertions for the flattened layout.

Show a summary per file

File	Description
docs/src/components/workshop/WorkshopExperience.astro	Simplifies guided-run container styling.
docs/tests/workshop.spec.ts	Verifies borders, backgrounds, shadows, and padding remain flattened.

Review details

Tip

Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

• Files reviewed: 2/2 changed files
• Comments generated: 0
• Review effort level: Medium

[github-actions]

🎉 This pull request is included in a new release.

Release: v0.82.14