From 5234702b5023cd4a2c4f6b35fd38b75701ae6572 Mon Sep 17 00:00:00 2001
From: E Nelson <liz.nelson@posit.co>
Date: Thu, 21 May 2026 12:47:05 -0400
Subject: [PATCH] Add .code-with-filename styles

---
 assets/css/main.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/assets/css/main.css b/assets/css/main.css
index 1f3104a92..59d8bd6a8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -349,6 +349,32 @@ html {
   border-radius: 0.75rem;
 }
 
+.code-with-filename {
+  border-radius: 0.75rem;
+  overflow: hidden;
+  border: 1px solid var(--color-blue-200);
+}
+
+.code-with-filename .code-with-filename-label {
+  background-color: var(--color-blue-200);
+  padding: 0.4rem 1.1428571em;
+  border-bottom: 1px solid var(--color-blue-200);
+}
+
+.prose .code-with-filename div.highlight {
+  border-radius: 0 !important;
+}
+
+.code-with-filename .highlight pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 0;
+}
+
+.prose .code-with-filename div.highlight button {
+  top: 0.5rem !important;
+}
+
 /* Copy button icons - light mode */
 .highlight button .icon-tabler.icon-tabler-copy {
   stroke: var(--color-gray-600);