Fix border radius issue in CSS for design consistency

[netlify-coding]

🔗 View agent run: https://app.netlify.com/projects/cli/agent-runs/69aa03b45127da9aeced9a49

🤖 Agent: Claude

💬 Prompt: We need to display the border radius CSS prop

The top border on left and right is breaking the design https://app.screencast.com/WJXmHnilxEgjC

Lets just display or remove it please

{
.expressive-code .frame, .expressive-code pre {
/* ...

✅ Result: Restored border-radius: var(--smallRadius) on .expressive-code .frame and .expressive-code pre so that regular code blocks retain their rounded corners. Added a more specific rule targeting .expressive-code .frame.is-terminal pre to set border-top-left-radius: 0 and border-top-right-radius: 0 only on terminal-style code blocks. This fixes the visual issue where the pre element's top corners were visibly rounded beneath the figcaption header bar in terminal code boxes, while leaving all other code block styles unaffected.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8aa44275-0276-4c8d-b017-1170857ff7a5

📥 Commits

Reviewing files that changed from the base of the PR and between f70e4b4 and 8189d51.

📒 Files selected for processing (1)

• site/src/styles/custom.css

---

📝 Walkthrough

Summary by CodeRabbit

• Style
  • Updated terminal code block styling to remove rounded top corners for a more authentic terminal appearance.

Walkthrough

This PR adds a CSS rule override for terminal-styled code blocks in the custom stylesheet. The change targets .expressive-code .frame.is-terminal pre elements to set the top-left and top-right border radii to 0, which removes the rounded corners from the top of terminal code frames while preserving other border-radius values elsewhere.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: fixing border radius CSS for design consistency, which directly relates to the CSS override for terminal code blocks.
Description check	✅ Passed	The description is directly related to the changeset, providing context about the CSS border-radius issue, the design problem being fixed, and the specific solution implemented.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch agent-issue-in-css-for-design-consistency-9a49

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[DavidWells]

Fixes this

[github-actions]

📊 Benchmark results

Comparing with f70e4b4

• Dependency count: 1,083 (no change)
• Package size: 352 MB (no change)
• Number of ts-expect-error directives: 362 (no change)