Hotfix Epic Errands V2 theme styling boundary

README.md

@@ -21,7 +21,7 @@ DIY Lab for editing the workflow draft.
 - App: [build-small-hackathon-epic-errands.hf.space](https://build-small-hackathon-epic-errands.hf.space/)
 - Source repo: [curious1n/HF-build-small-hackathon](https://github.com/curious1n/HF-build-small-hackathon)
 - HF Article source: [Epic Errands Running Notes](https://github.com/curious1n/HF-build-small-hackathon/blob/main/product/5-idea-epic-errands/articles/running-notes.md)
-- HF Article target: [build-small-hackathon/epic-errands-v1-agent-traces-quick-eval](https://huggingface.co/blog/build-small-hackathon/epic-errands-v1-agent-traces-quick-eval)
+- HF Article: [Epic Errands Running Notes](https://huggingface.co/blog/build-small-hackathon/epic-errands-running-notes)
 - Agent traces: [build-small-hackathon/epic-errands-v1-agent-traces](https://huggingface.co/datasets/build-small-hackathon/epic-errands-v1-agent-traces)
 
 ## Demo Flow
@@ -83,6 +83,6 @@ Main routes:
 ## Known Limits
 
 - The Space is a private hosted testing package.
-- The HF Article target link should be rechecked before claiming a public
-  published Article.
+- The Epic Errands HF Article should be updated from
+  `../../articles/running-notes.md` when the local source changes.
 - Current hosted behavior uses deterministic/cached assets.

app.py

@@ -183,6 +183,19 @@ def _hosted_css() -> str:
         ".dark .gradio-container,.gradio-container.dark{background:#f4f5f7!important;color:#353a42!important;}"
         "footer{display:none!important;}"
         "#epic-hosted-shell{padding:0!important;margin:0!important;background:var(--page-bg)!important;color:var(--body-color)!important;}"
+        "#epic-hosted-shell .card,#epic-hosted-shell .card-inner{color:var(--body-color)!important;font-family:var(--font-body)!important;}"
+        "#epic-hosted-shell .wordmark .display,#epic-hosted-shell .lead h1,#epic-hosted-shell .panel-head h2,#epic-hosted-shell .section__title,#epic-hosted-shell .parent__head h3,#epic-hosted-shell .field .big,#epic-hosted-shell .field .pts,#epic-hosted-shell .kidnote b{color:var(--heading-color)!important;font-family:var(--font-display)!important;}"
+        "#epic-hosted-shell .wordmark .sub,#epic-hosted-shell .lead p,#epic-hosted-shell .panel-head span,#epic-hosted-shell .section__sub,#epic-hosted-shell .empty-line,#epic-hosted-shell .kidnote,#epic-hosted-shell .foot{color:var(--muted-color)!important;font-family:var(--font-body)!important;}"
+        "#epic-hosted-shell .tab-btn{background:var(--panel-bg)!important;color:var(--muted-color)!important;border-color:var(--panel-border-color)!important;font-family:var(--font-body)!important;font-size:11px!important;font-weight:850!important;}"
+        "#epic-hosted-shell .tab-btn[aria-pressed='true']{background:var(--accent-soft)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;}"
+        "#epic-hosted-shell .tab-btn b{background:var(--reward)!important;color:#17120c!important;}"
+        "#epic-hosted-shell .seg-btn,#epic-hosted-shell .mode-btn,#epic-hosted-shell .ref-chip{background:var(--field-bg)!important;color:var(--field-fg)!important;border-color:var(--field-border-color)!important;font-family:var(--font-body)!important;font-weight:850!important;}"
+        "#epic-hosted-shell .seg-btn[aria-pressed='true'],#epic-hosted-shell .mode-btn[aria-pressed='true'],#epic-hosted-shell .ref-chip[aria-pressed='true']{background:var(--accent-soft)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;}"
+        "#epic-hosted-shell .btn-primary{background:var(--primary)!important;color:var(--primary-text)!important;border:0!important;font-family:var(--font-display)!important;font-weight:var(--display-weight)!important;text-transform:var(--display-transform)!important;letter-spacing:var(--display-tracking)!important;box-shadow:var(--primary-shadow)!important;}"
+        "#epic-hosted-shell .btn-ghost,#epic-hosted-shell .field__input,#epic-hosted-shell .upload-chip{background:var(--field-bg)!important;color:var(--field-fg)!important;border-color:var(--field-border-color)!important;font-family:var(--font-body)!important;}"
+        "#epic-hosted-shell .tab-btn span,#epic-hosted-shell .tab-btn svg,#epic-hosted-shell .seg-btn span,#epic-hosted-shell .mode-btn span,#epic-hosted-shell .ref-chip span,#epic-hosted-shell .ref-chip small,#epic-hosted-shell .btn-primary span,#epic-hosted-shell .btn-primary svg,#epic-hosted-shell .btn-ghost span,#epic-hosted-shell .btn-ghost svg,#epic-hosted-shell .upload-chip span{color:inherit!important;}"
+        "#epic-hosted-shell .quest-headline .eyebrow{color:var(--banner-text)!important;font-family:var(--font-display)!important;}"
+        "#epic-hosted-shell .quest-headline .quest-title{color:var(--quest-title-color)!important;font-family:var(--font-display)!important;}"
     )
     return (
         hosted_overrides