From d0fa88f5fa6066e4ea9f3d485b1f98c7d938ca51 Mon Sep 17 00:00:00 2001
From: Ajay Ghanwat <ghanwat.ajay@workroot.in>
Date: Sun, 19 Jul 2026 23:28:34 +0530
Subject: [PATCH] docs: preserve editorial style precedence

---
 app/styles/global.css | 99 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)

diff --git a/app/styles/global.css b/app/styles/global.css
index 87a986ed..f25a48fe 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -2572,3 +2572,102 @@ footer nav {
     padding: 1.4rem;
   }
 }
+
+/* Documentation v3 must remain last so the editorial treatment wins over
+   legacy portal styles above. */
+body .doc-intro {
+  overflow: visible;
+  padding: 1.5rem 0 2rem;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+body .doc-intro::after,
+body .package-card::before {
+  display: none;
+}
+body .access-callout,
+body .component-catalog-callout {
+  border: 0;
+  border-left: 3px solid var(--brand);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+body .on-this-page,
+body .sidebar {
+  border: 0;
+  border-left: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+}
+body .category-filter {
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: color-mix(in srgb, var(--bg) 92%, transparent);
+  box-shadow: none;
+}
+body .component-grid,
+body .package-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0;
+  border-top: 1px solid var(--border);
+}
+body .component-card,
+body .package-card {
+  min-height: 0;
+  padding: 1.5rem;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+body .component-card:nth-child(odd),
+body .package-card:nth-child(odd) {
+  padding-left: 0;
+  border-right: 1px solid var(--border);
+}
+body .component-card:hover,
+body .package-card:hover {
+  border-color: var(--border);
+  background: color-mix(in srgb, var(--brand) 4%, transparent);
+  box-shadow: none;
+  transform: none;
+}
+body .example-grid {
+  display: block;
+}
+body .example-card {
+  margin-block: 2.5rem;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+body .marketing-main > section:not(.marketing-hero) {
+  margin-block: 0;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+@media (max-width: 720px) {
+  body .component-grid,
+  body .package-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  body .component-card,
+  body .package-card,
+  body .component-card:nth-child(odd),
+  body .package-card:nth-child(odd) {
+    padding-inline: 0;
+    border-right: 0;
+  }
+}