CSS fixes.

app.py

@@ -228,7 +228,7 @@ with blocks:
 
                 md_warmup = gr.Markdown(
                     value=(
-                        '<p class="f1-problem-name"><code>Union-of-Paths-and-Cycles</code></p>\n'
+                        "<p><code>Union-of-Paths-and-Cycles</code></p>\n"
                         "Given a tree-like graph $G=(V,E)$ and a weight function $w:V\\to\\mathbb{N}$, compute the sum of all weights of sets $S\\subseteq V$ such that the induced subgraph $G[S]$ is a disjoint union of paths and cycles."
                     ),
                     latex_delimiters=_latex,
@@ -236,7 +236,7 @@ with blocks:
                 )
                 md_tier1 = gr.Markdown(
                     value=(
-                        '<p class="f1-problem-name"><code>Maximal-Union-of-Paths-and-Cycles</code></p>\n'
+                        "<p><code>Maximal-Union-of-Paths-and-Cycles</code></p>\n"
                         "Given a tree-like graph $G=(V,E)$ and a weight function $w:V\\to\\mathbb{N}$, compute the sum of all weights of sets $S\\subseteq V$ such that $G[S]$ is a disjoint union of paths and cycles and $S$ is maximal with respect to this property."
                     ),
                     visible=False,
@@ -245,7 +245,7 @@ with blocks:
                 )
                 md_tier2 = gr.Markdown(
                     value=(
-                        '<p class="f1-problem-name"><code>Maximal-Union-of-Cycles</code></p>\n'
+                        "<p><code>Maximal-Union-of-Cycles</code></p>\n"
                         "Given a tree-like graph $G=(V,E)$ and a weight function $w:V\\to\\mathbb{N}$, compute the sum of all weights of sets $S\\subseteq V$ such that $G[S]$ is a disjoint union of cycles and $S$ is maximal with respect to this property."
                     ),
                     visible=False,

src/display/css_html_js.py

@@ -33,13 +33,15 @@ custom_css = """
 .f1-figcaption-video { margin-top: 6px; } /* a bit tighter under the video */
 
 /* Problem name — force center from first render; code bg color #f9fafb */
-.f1-problem-markdown p.f1-problem-name,
-#f1-examples .f1-problem-markdown .markdown p.f1-problem-name { text-align: center !important; margin: 0 0 8px 0; }
-.f1-problem-markdown p.f1-problem-name code,
-#f1-examples .f1-problem-markdown .markdown p.f1-problem-name code {
+.f1-problem-markdown > *,
+#f1-examples .f1-problem-markdown .markdown p { text-align: center !important; margin: 0 0 8px 0; }
+.f1-problem-markdown p code,
+#f1-examples .f1-problem-markdown .markdown p code {
   display: inline-block; background: #f9fafb !important; padding: 2px 8px; border-radius: 6px;
 }
 
+.f1-problem-markdown > * { margin-top: 7px; margin-bottom: 7px; }
+
 /* Problem body: padding + line-height inside Markdown + small space before tabs */
 #f1-examples .f1-problem-markdown .markdown { background: var(--f1-bg-muted); border: 1px solid var(--f1-border); border-radius: 8px; padding: 18px; margin: 10px 14px 10px 14px; line-height: 1.75; }
 #f1-examples .f1-problem-markdown .markdown p { margin: 0.35rem 0; }