From 9d14652a577cbb611bc2796e16fe72d1bc2b7b1b Mon Sep 17 00:00:00 2001
From: webmaster <oliver@odoo4projects.com>
Date: Tue, 3 Nov 2026 22:34:39 +0000
Subject: [PATCH] hide [hidden] site-wide: one `[hidden] { display:none
 !important }` in style.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A filtered-out directory card stayed visible. The card is targeted by an
id-based ready-state selector (`.js #directory[data-dir-state="ready"]
#dirGrid > .dev-card`, two ids), which outranked the old per-element patch
`.dev-card[hidden] { display:none }` — so `card.hidden = true` set the
attribute and every card stayed on screen while the count line correctly
read "Showing 1 of 4".

Fix: one rule, `[hidden] { display:none !important }`, early in /style.css.
A class- or id-based `display` can no longer beat the attribute, so this
cannot recur with the next class that sets `display`. The per-element
`[hidden]` patches are removed so a single mechanism governs:
 - odoo-community-developers: cards + filter row + pager + modal
   (load-bearing — each sets `display`); focus-sliders/noscript (redundant)
 - index/de/es `.hero-notice[hidden]`, odoo-black-friday `.ads-consent[hidden]`
   (redundant — those elements set no `display`)
Re-fingerprint local assets (style.css changed): /style.css?v 3332fbba93 ->
061517baef across 51 pages.

Measured in a real browser (local harness, stubbed webhook; no record created,
no probe write) — computed display + geometry, never the `hidden` property:
 - filtered to one card: the other three report display:none and height 0;
   the visible set (1) equals the count line ("Showing 1 of 4") — 1 == 1
 - HEAD (pre-fix) reproduces the defect: 3 cards hidden=true yet display:flex,
   height 599.38 each; 4 visible vs the count's 1
 - pager: display:none height 0 with one page; display:flex height 66.83 with
   12 cards (Page 1 of 2); page 2 hides page-1 cards (display:none)
 - modals closed: display:none height 0; load state: cards 0, pager/empty
   display:none, filter row visibility:hidden by design
 - 375 px: same result, no horizontal overflow; avatar ask-row top identical
   across a row (2053.97 / links 2086.91)
---
 australia.html                                |  2 +-
 ...the-latest-odoo-management-app-update.html |  2 +-
 blog/posts/community-vs-enterprise-cost.html  |  2 +-
 .../from-a-spreadsheet-to-a-running-erp.html  |  2 +-
 blog/posts/guide-migrate-enterprise.html      |  2 +-
 ...how-to-install-odoo-modules-using-git.html |  2 +-
 blog/posts/howto-ai-automation.html           |  2 +-
 blog/posts/howto-custom-module.html           |  2 +-
 blog/posts/my-first-post.html                 |  2 +-
 blog/posts/news-official-partner.html         |  2 +-
 blog/posts/news-platform-update.html          |  2 +-
 ...raguay-internationalization-hackathon.html |  2 +-
 ...20-invoice-migration-with-n8n-and-mcp.html |  2 +-
 ...e-on-our-servers-here-is-what-changed.html |  2 +-
 ...s-with-an-mcp-server-and-free-backups.html |  2 +-
 ...nity-is-going-online-on-odoo4projects.html |  2 +-
 blog/posts/odoocommunity-agents.html          |  2 +-
 blog/posts/speed-run-backup.html              |  2 +-
 blog/posts/speed-run-deploy.html              |  2 +-
 ...rack-the-oca-modules-you-actually-use.html |  2 +-
 de/index.html                                 |  6 ++--
 de/odoo-community-upgrade.html                |  2 +-
 de/odoo-erp-automation-bootcamp/index.html    |  2 +-
 de/odoo-hosting-2027.html                     |  2 +-
 de/support.html                               |  2 +-
 es/index.html                                 |  6 ++--
 es/odoo-community-upgrade.html                |  2 +-
 es/odoo-erp-automation-bootcamp/index.html    |  2 +-
 es/odoo-hosting-2027.html                     |  2 +-
 es/support.html                               |  2 +-
 feedback/index.html                           |  2 +-
 freelancer-answer/index.html                  |  2 +-
 freelancer-edit/index.html                    |  2 +-
 index.html                                    |  6 ++--
 legal.html                                    |  2 +-
 odoo-black-friday/index.html                  |  8 ++---
 odoo-community-ai/index.html                  |  2 +-
 odoo-community-developers/admin/index.html    |  2 +-
 odoo-community-developers/index.html          | 33 ++++++++-----------
 odoo-community-upgrade.html                   |  2 +-
 odoo-erp-automation-bootcamp/index.html       |  2 +-
 odoo-hosting-2027.html                        |  2 +-
 odoo-hosting-offers/index.html                |  2 +-
 odoo-n8n-masterclass/index.html               |  2 +-
 odoo-staging-environment/index.html           |  2 +-
 odooityourself.html                           |  4 +--
 privacy.html                                  |  2 +-
 style.css                                     | 13 ++++++++
 support.html                                  |  2 +-
 terms.html                                    |  2 +-
 what-can-i-use-odoo-for/index.html            |  2 +-
 workshops/index.html                          |  2 +-
 52 files changed, 90 insertions(+), 76 deletions(-)

diff --git a/australia.html b/australia.html
index bdf902f..c9be022 100644
--- a/australia.html
+++ b/australia.html
@@ -28,7 +28,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="style.css?v=061517baef" />
     <style>
       /* ---- Australia landing page (page-scoped; additive) ---- */
       .cmp-sr-only {
diff --git a/blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html b/blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html
index 42097bb..4524a95 100644
--- a/blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html
+++ b/blog/posts/6-tips-to-leverage-the-latest-odoo-management-app-update.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/community-vs-enterprise-cost.html b/blog/posts/community-vs-enterprise-cost.html
index e4f895f..12cd475 100644
--- a/blog/posts/community-vs-enterprise-cost.html
+++ b/blog/posts/community-vs-enterprise-cost.html
@@ -33,7 +33,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/from-a-spreadsheet-to-a-running-erp.html b/blog/posts/from-a-spreadsheet-to-a-running-erp.html
index f00d22a..cc68d39 100644
--- a/blog/posts/from-a-spreadsheet-to-a-running-erp.html
+++ b/blog/posts/from-a-spreadsheet-to-a-running-erp.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/guide-migrate-enterprise.html b/blog/posts/guide-migrate-enterprise.html
index 50ab97c..3c7761d 100644
--- a/blog/posts/guide-migrate-enterprise.html
+++ b/blog/posts/guide-migrate-enterprise.html
@@ -36,7 +36,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             .blog-header {
                 padding: 2rem 0;
diff --git a/blog/posts/how-to-install-odoo-modules-using-git.html b/blog/posts/how-to-install-odoo-modules-using-git.html
index cf6f121..bf3d4ab 100644
--- a/blog/posts/how-to-install-odoo-modules-using-git.html
+++ b/blog/posts/how-to-install-odoo-modules-using-git.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/howto-ai-automation.html b/blog/posts/howto-ai-automation.html
index 622990e..800a33e 100644
--- a/blog/posts/howto-ai-automation.html
+++ b/blog/posts/howto-ai-automation.html
@@ -31,7 +31,7 @@
             href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap"
             rel="stylesheet"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             /* Blog post specific overrides — matching homepage light theme */
             body {
diff --git a/blog/posts/howto-custom-module.html b/blog/posts/howto-custom-module.html
index 4807dc2..ff57b06 100644
--- a/blog/posts/howto-custom-module.html
+++ b/blog/posts/howto-custom-module.html
@@ -36,7 +36,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/my-first-post.html b/blog/posts/my-first-post.html
index 159ddb5..90d3185 100644
--- a/blog/posts/my-first-post.html
+++ b/blog/posts/my-first-post.html
@@ -36,7 +36,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/news-official-partner.html b/blog/posts/news-official-partner.html
index 49b1ab6..ddd7924 100644
--- a/blog/posts/news-official-partner.html
+++ b/blog/posts/news-official-partner.html
@@ -35,7 +35,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/news-platform-update.html b/blog/posts/news-platform-update.html
index 9fdf526..bf26623 100644
--- a/blog/posts/news-platform-update.html
+++ b/blog/posts/news-platform-update.html
@@ -36,7 +36,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             * {
                 box-sizing: border-box;
diff --git a/blog/posts/oca-paraguay-internationalization-hackathon.html b/blog/posts/oca-paraguay-internationalization-hackathon.html
index 9d61bae..f3e946c 100644
--- a/blog/posts/oca-paraguay-internationalization-hackathon.html
+++ b/blog/posts/oca-paraguay-internationalization-hackathon.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/odoo-19-to-20-invoice-migration-with-n8n-and-mcp.html b/blog/posts/odoo-19-to-20-invoice-migration-with-n8n-and-mcp.html
index d29a0d2..4c28b60 100644
--- a/blog/posts/odoo-19-to-20-invoice-migration-with-n8n-and-mcp.html
+++ b/blog/posts/odoo-19-to-20-invoice-migration-with-n8n-and-mcp.html
@@ -34,7 +34,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/odoo-20-is-live-on-our-servers-here-is-what-changed.html b/blog/posts/odoo-20-is-live-on-our-servers-here-is-what-changed.html
index dd51935..e058c16 100644
--- a/blog/posts/odoo-20-is-live-on-our-servers-here-is-what-changed.html
+++ b/blog/posts/odoo-20-is-live-on-our-servers-here-is-what-changed.html
@@ -17,7 +17,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html b/blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html
index 43c7612..6e7e9b1 100644
--- a/blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html
+++ b/blog/posts/odoo-20-is-live-on-our-servers-with-an-mcp-server-and-free-backups.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/odoo-community-is-going-online-on-odoo4projects.html b/blog/posts/odoo-community-is-going-online-on-odoo4projects.html
index dea5aec..930b120 100644
--- a/blog/posts/odoo-community-is-going-online-on-odoo4projects.html
+++ b/blog/posts/odoo-community-is-going-online-on-odoo4projects.html
@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
-    <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="../../style.css?v=061517baef" />
     <style>
       body { background: #0d1b2e; }
       .blog-post { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 6rem; color: #171c26; background: #faf7f1; min-height: 100vh; }
diff --git a/blog/posts/odoocommunity-agents.html b/blog/posts/odoocommunity-agents.html
index e5b4f32..9ffd986 100644
--- a/blog/posts/odoocommunity-agents.html
+++ b/blog/posts/odoocommunity-agents.html
@@ -35,7 +35,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             /* Blog post specific styles — leverages CSS vars from style.css */
             :root {
diff --git a/blog/posts/speed-run-backup.html b/blog/posts/speed-run-backup.html
index 199f0df..bb14951 100644
--- a/blog/posts/speed-run-backup.html
+++ b/blog/posts/speed-run-backup.html
@@ -35,7 +35,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             .container {
                 width: 80%;
diff --git a/blog/posts/speed-run-deploy.html b/blog/posts/speed-run-deploy.html
index 67ce7c4..476aecf 100644
--- a/blog/posts/speed-run-deploy.html
+++ b/blog/posts/speed-run-deploy.html
@@ -35,7 +35,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/blog/posts/track-the-oca-modules-you-actually-use.html b/blog/posts/track-the-oca-modules-you-actually-use.html
index e1ddb35..7ca33d5 100644
--- a/blog/posts/track-the-oca-modules-you-actually-use.html
+++ b/blog/posts/track-the-oca-modules-you-actually-use.html
@@ -34,7 +34,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="../../style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="../../style.css?v=061517baef" />
         <style>
             :root {
                 --primary: #714b67;
diff --git a/de/index.html b/de/index.html
index 90b8939..071f061 100644
--- a/de/index.html
+++ b/de/index.html
@@ -128,7 +128,9 @@
       .hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem}
       .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
       .hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)}
-      .hero-notice[hidden]{display:none}
+      /* `.hero-notice[hidden]{display:none}` used to live here; the site-wide `[hidden]`
+         rule in /style.css hides it (`.hero-notice` sets `display:flex`, which outranked
+         the UA rule). */
       .hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0}
       .hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}
       .hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}
@@ -220,7 +222,7 @@
       #customQuoteModal .biz-success p{color:var(--midnight)}
       @media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
     </style>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
   <!-- Privacy-friendly analytics by Plausible -->
 <script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
 <script>
diff --git a/de/odoo-community-upgrade.html b/de/odoo-community-upgrade.html
index 26ffbb2..3511257 100644
--- a/de/odoo-community-upgrade.html
+++ b/de/odoo-community-upgrade.html
@@ -38,7 +38,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Community Upgrade page (page-scoped; additive) ---- */
       .oc-sr-only {
diff --git a/de/odoo-erp-automation-bootcamp/index.html b/de/odoo-erp-automation-bootcamp/index.html
index d1d9f87..52394cb 100644
--- a/de/odoo-erp-automation-bootcamp/index.html
+++ b/de/odoo-erp-automation-bootcamp/index.html
@@ -33,7 +33,7 @@
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-mobile-900.webp" media="(max-width: 640px)" fetchpriority="high" />
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-desktop-1920.webp" media="(min-width: 641px)" fetchpriority="high" />
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- ODOO ERP Automation Bootcamp landing page (page-scoped; additive) ---- */
       .bc-sr-only {
diff --git a/de/odoo-hosting-2027.html b/de/odoo-hosting-2027.html
index d5428a3..128b5b1 100644
--- a/de/odoo-hosting-2027.html
+++ b/de/odoo-hosting-2027.html
@@ -31,7 +31,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Hosting 2027 landing page (page-scoped; additive) ---- */
       .cmp-sr-only {
diff --git a/de/support.html b/de/support.html
index 6a44012..75b8cbe 100644
--- a/de/support.html
+++ b/de/support.html
@@ -29,7 +29,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="/style.css?v=061517baef" />
         <style>
             /* Language selector — the page's top row: the back-link stays left, the selector travels right.
                Cream canvas, so lang.js's own dark-brass active colour is the correct one (no override). */
diff --git a/es/index.html b/es/index.html
index 579c30b..202742d 100644
--- a/es/index.html
+++ b/es/index.html
@@ -128,7 +128,9 @@
       .hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem}
       .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
       .hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)}
-      .hero-notice[hidden]{display:none}
+      /* `.hero-notice[hidden]{display:none}` used to live here; the site-wide `[hidden]`
+         rule in /style.css hides it (`.hero-notice` sets `display:flex`, which outranked
+         the UA rule). */
       .hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0}
       .hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}
       .hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}
@@ -220,7 +222,7 @@
       #customQuoteModal .biz-success p{color:var(--midnight)}
       @media(max-width:600px){.oca-table td,.oca-table th{padding:.5rem .65rem;font-size:.8rem}.ow-panel{left:5%;right:5%}.ow-close{top:.5rem;right:.5rem;font-size:1.6rem}}
     </style>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
   <!-- Privacy-friendly analytics by Plausible -->
 <script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
 <script>
diff --git a/es/odoo-community-upgrade.html b/es/odoo-community-upgrade.html
index 1c223fb..ea1426f 100644
--- a/es/odoo-community-upgrade.html
+++ b/es/odoo-community-upgrade.html
@@ -38,7 +38,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Community Upgrade page (page-scoped; additive) ---- */
       .oc-sr-only {
diff --git a/es/odoo-erp-automation-bootcamp/index.html b/es/odoo-erp-automation-bootcamp/index.html
index e9213c1..01c1908 100644
--- a/es/odoo-erp-automation-bootcamp/index.html
+++ b/es/odoo-erp-automation-bootcamp/index.html
@@ -33,7 +33,7 @@
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-mobile-900.webp" media="(max-width: 640px)" fetchpriority="high" />
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-desktop-1920.webp" media="(min-width: 641px)" fetchpriority="high" />
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- ODOO ERP Automation Bootcamp landing page (page-scoped; additive) ---- */
       .bc-sr-only {
diff --git a/es/odoo-hosting-2027.html b/es/odoo-hosting-2027.html
index 160f625..b72ce9d 100644
--- a/es/odoo-hosting-2027.html
+++ b/es/odoo-hosting-2027.html
@@ -31,7 +31,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Hosting 2027 landing page (page-scoped; additive) ---- */
       .cmp-sr-only {
diff --git a/es/support.html b/es/support.html
index 7ea4c89..c9dbb41 100644
--- a/es/support.html
+++ b/es/support.html
@@ -29,7 +29,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="/style.css?v=061517baef" />
         <style>
             /* Language selector — the page's top row: the back-link stays left, the selector travels right.
                Cream canvas, so lang.js's own dark-brass active colour is the correct one (no override). */
diff --git a/feedback/index.html b/feedback/index.html
index 5daed2c..31d8d67 100644
--- a/feedback/index.html
+++ b/feedback/index.html
@@ -28,7 +28,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
 
     <style>
       /* Utility page, same shell as /freelancer-edit/ and the top bar of
diff --git a/freelancer-answer/index.html b/freelancer-answer/index.html
index 28bb869..ee34d99 100644
--- a/freelancer-answer/index.html
+++ b/freelancer-answer/index.html
@@ -24,7 +24,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
 
     <style>
       /* Utility page. Deliberately small: no hero, no footer, no site chrome beyond a
diff --git a/freelancer-edit/index.html b/freelancer-edit/index.html
index f502194..06590a6 100644
--- a/freelancer-edit/index.html
+++ b/freelancer-edit/index.html
@@ -28,7 +28,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
 
     <style>
       /* Utility page. Deliberately small: no hero, no footer, no site chrome beyond a brand
diff --git a/index.html b/index.html
index fa8ecbc..6d241d6 100644
--- a/index.html
+++ b/index.html
@@ -128,7 +128,9 @@
       .hero-stats{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.85rem}.hero-stat i{color:var(--brass);font-size:.75rem}
       .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
       .hero-notice{position:absolute;top:1.25rem;right:1.25rem;z-index:3;display:flex;align-items:center;gap:.55rem;max-width:min(360px,calc(100% - 2rem));padding:.6rem .85rem .6rem 1rem;background:#f5c542;color:var(--midnight);border:1px solid rgba(13,27,46,.14);border-radius:var(--radius);box-shadow:0 8px 24px rgba(13,27,46,.3);font-family:Inter,sans-serif;font-size:.82rem;line-height:1.4;animation:heroNoticeIn .4s cubic-bezier(.16,1,.3,1)}
-      .hero-notice[hidden]{display:none}
+      /* `.hero-notice[hidden]{display:none}` used to live here; the site-wide `[hidden]`
+         rule in /style.css hides it (`.hero-notice` sets `display:flex`, which outranked
+         the UA rule). */
       .hero-notice i{color:var(--midnight);font-size:.9rem;flex-shrink:0}
       .hero-notice-text{flex:1;min-width:0;overflow-wrap:anywhere}
       .hero-notice-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:50%;background:rgba(13,27,46,.12);color:var(--midnight);font-size:1rem;line-height:1;cursor:pointer;transition:background .2s}
@@ -230,7 +232,7 @@
       .bf-topbar-cta{color:var(--brass);white-space:nowrap}
       .bf-topbar:hover .bf-topbar-cta,.bf-topbar:focus-visible .bf-topbar-cta{color:var(--brass-bright)}
     </style>
-    <link rel="stylesheet" href="style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="style.css?v=061517baef" />
   <!-- Privacy-friendly analytics by Plausible -->
 <script async src="https://plausible.office.odoo4projects.com/js/pa-NhA7Rf-79VopXFQXhSS4e.js"></script>
 <script>
diff --git a/legal.html b/legal.html
index 4598615..9a9c7c3 100644
--- a/legal.html
+++ b/legal.html
@@ -25,7 +25,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="style.css?v=061517baef" />
         <style>
             .legal-hero {
                 padding: 4rem 0 2.5rem;
diff --git a/odoo-black-friday/index.html b/odoo-black-friday/index.html
index e3352a2..247c25c 100644
--- a/odoo-black-friday/index.html
+++ b/odoo-black-friday/index.html
@@ -43,7 +43,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Black Friday 2026 page (page-scoped; additive) ---- */
       .bf-sr-only {
@@ -525,9 +525,9 @@
         border-top: 2px solid var(--brass, #c9a227);
         box-shadow: 0 -8px 30px rgba(13, 27, 46, 0.28);
       }
-      .ads-consent[hidden] {
-        display: none;
-      }
+      /* `.ads-consent[hidden]{display:none}` used to live here. The banner sets no
+         `display` of its own, so the UA rule already hid it — the patch was redundant;
+         it is gone so the site-wide `[hidden]` rule in /style.css is the one mechanism. */
       .ads-consent-inner {
         width: 86%;
         max-width: 1200px;
diff --git a/odoo-community-ai/index.html b/odoo-community-ai/index.html
index 65cd010..295eae9 100644
--- a/odoo-community-ai/index.html
+++ b/odoo-community-ai/index.html
@@ -23,7 +23,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- "Odoo Community + AI agent" page (page-scoped; additive).
          Reuses the top bar, band rhythm, hero, FAQ and final-CTA treatment already
diff --git a/odoo-community-developers/admin/index.html b/odoo-community-developers/admin/index.html
index 09deaee..7fd792a 100644
--- a/odoo-community-developers/admin/index.html
+++ b/odoo-community-developers/admin/index.html
@@ -21,7 +21,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Freelancer records — admin (page-scoped). Internal page, never linked. ---- */
       .adm-bar {
diff --git a/odoo-community-developers/index.html b/odoo-community-developers/index.html
index d9d25b6..6e45745 100644
--- a/odoo-community-developers/index.html
+++ b/odoo-community-developers/index.html
@@ -29,13 +29,19 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- "Odoo Community developers" directory (page-scoped; additive).
          Reuses the top bar, band rhythm, hero, FAQ and final-CTA treatment already
          shipped on odoo-staging-environment/ and odoo-community-ai/.
          Additions this page needs and no other: .dir-* (the directory, filters and forms),
          .dev-* (one freelancer card), .form-* (the three forms). ---- */
+
+      /* `hidden` for this page is handled by the one site-wide `[hidden]` rule in
+         /style.css (a class- or id-based `display` outranks the UA's `[hidden]` rule, so
+         the old per-element patches here — on the cards, the filter row, the pager and
+         the modal — could not beat this page's id-based ready-state selector). No
+         per-element `[hidden]` rule lives here any more, so nothing disagrees. */
       .oca-sr-only {
         position: absolute;
         width: 1px;
@@ -229,13 +235,9 @@
       .dir-search {
         min-width: 240px;
       }
-      /* `hidden` must really hide. The filter bar and each card set `display` in their own
-         class rules, and a class rule beats the UA's [hidden] rule — so without this a
-         filtered-out card (and a dead bar with JavaScript off) would stay on screen. */
-      .dir-filters[hidden],
-      .dev-card[hidden] {
-        display: none;
-      }
+      /* (A filtered-out card used to be patched here and on `.dir-filters`; both are covered
+         by the single `[hidden]` rule in /style.css, which the id-based ready selector
+         cannot outrank.) */
       .dir-filter input[type="search"] {
         font-family: Inter, sans-serif;
         font-size: 0.9rem;
@@ -334,7 +336,7 @@
 
       /* Pagination — nine cards per page. Script-dependent BY DESIGN: with JavaScript
          off the element keeps its `hidden` attribute and every build-time card shows.
-         `[hidden]` needs its own rule because this class sets `display`. */
+         (`hidden` is honoured by the single `[hidden]` rule in /style.css.) */
       .dir-pager {
         display: flex;
         flex-wrap: wrap;
@@ -344,9 +346,6 @@
         max-width: 1000px;
         margin: 1.75rem auto 0;
       }
-      .dir-pager[hidden] {
-        display: none;
-      }
       .dir-pager-pages {
         display: flex;
         flex-wrap: wrap;
@@ -652,9 +651,6 @@
       }
 
       /* ---- The ask-a-question modal (ships dark; opened only when wired) ---- */
-      .contact-modal[hidden] {
-        display: none;
-      }
       .contact-modal {
         position: fixed;
         inset: 0;
@@ -1127,10 +1123,9 @@
         width: 4rem;
         margin-left: 0.35rem;
       }
-      .focus-sliders[hidden],
-      .focus-noscript[hidden] {
-        display: none;
-      }
+      /* (`.focus-sliders[hidden]` / `.focus-noscript[hidden]` were patched here; neither
+         element sets `display`, so the patch was redundant. The single `[hidden]` rule in
+         /style.css covers them, so nothing is left disagreeing.) */
       .focus-counter {
         font-size: 0.78rem;
         color: var(--ink-soft);
diff --git a/odoo-community-upgrade.html b/odoo-community-upgrade.html
index 992df1c..2ab975f 100644
--- a/odoo-community-upgrade.html
+++ b/odoo-community-upgrade.html
@@ -38,7 +38,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="style.css?v=061517baef" />
     <style>
       /* ---- Odoo Community Upgrade page (page-scoped; additive) ---- */
       .oc-sr-only {
diff --git a/odoo-erp-automation-bootcamp/index.html b/odoo-erp-automation-bootcamp/index.html
index f609c78..9bbe686 100644
--- a/odoo-erp-automation-bootcamp/index.html
+++ b/odoo-erp-automation-bootcamp/index.html
@@ -33,7 +33,7 @@
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-mobile-900.webp" media="(max-width: 640px)" fetchpriority="high" />
     <link rel="preload" as="image" href="/images/hero/bootcamp-hero-desktop-1920.webp" media="(min-width: 641px)" fetchpriority="high" />
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- ODOO ERP Automation Bootcamp landing page (page-scoped; additive) ---- */
       .bc-sr-only {
diff --git a/odoo-hosting-2027.html b/odoo-hosting-2027.html
index 76d6014..c023ab0 100644
--- a/odoo-hosting-2027.html
+++ b/odoo-hosting-2027.html
@@ -31,7 +31,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="style.css?v=061517baef" />
     <style>
       /* ---- Odoo Hosting 2027 landing page (page-scoped; additive) ---- */
       .cmp-sr-only {
diff --git a/odoo-hosting-offers/index.html b/odoo-hosting-offers/index.html
index 50ba553..5faa455 100644
--- a/odoo-hosting-offers/index.html
+++ b/odoo-hosting-offers/index.html
@@ -35,7 +35,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Odoo Hosting Offers (evergreen hub) page (page-scoped; additive) ---- */
       .of-sr-only {
diff --git a/odoo-n8n-masterclass/index.html b/odoo-n8n-masterclass/index.html
index 8c68b14..f8fad2a 100644
--- a/odoo-n8n-masterclass/index.html
+++ b/odoo-n8n-masterclass/index.html
@@ -27,7 +27,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- ODOO x N8N Masterclass landing page (page-scoped; additive).
          The block below is the bootcamp page's page-scoped CSS, reused so the two
diff --git a/odoo-staging-environment/index.html b/odoo-staging-environment/index.html
index d94d326..8521d54 100644
--- a/odoo-staging-environment/index.html
+++ b/odoo-staging-environment/index.html
@@ -29,7 +29,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- "Odoo staging environment" guide page (page-scoped; additive).
          Reuses the top bar, band rhythm, hero and FAQ treatment already shipped on
diff --git a/odooityourself.html b/odooityourself.html
index 80c15d6..114de2f 100644
--- a/odooityourself.html
+++ b/odooityourself.html
@@ -27,8 +27,8 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" media="print" onload="this.media='all'" />
-    <noscript><link rel="stylesheet" href="/style.css?v=3332fbba93" /></noscript>
+    <link rel="stylesheet" href="/style.css?v=061517baef" media="print" onload="this.media='all'" />
+    <noscript><link rel="stylesheet" href="/style.css?v=061517baef" /></noscript>
     <style>
       /* ---- Partner briefing for Andrew (page-scoped; additive) ---- */
       .andrew-sr-only {
diff --git a/privacy.html b/privacy.html
index cab5870..2fd308b 100644
--- a/privacy.html
+++ b/privacy.html
@@ -25,7 +25,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="style.css?v=061517baef" />
         <style>
             .legal-hero {
                 padding: 4rem 0 2.5rem;
diff --git a/style.css b/style.css
index fb63803..d95976b 100644
--- a/style.css
+++ b/style.css
@@ -6,6 +6,19 @@
    ========================================================= */
 
 * { box-sizing: border-box; }
+
+/* `hidden` must really hide — everywhere, not one element at a time. The UA's own
+   `[hidden] { display: none }` is the weakest possible declaration: any page rule that
+   sets `display` on the same element outranks it. A class rule (`.dir-pager`,
+   `.dev-card`, `.hero-notice`) already beats it, and an id-based state selector such as
+   `.js #directory[data-dir-state="ready"] #dirGrid > .dev-card` (two ids) beat the old
+   per-element patch — so setting `el.hidden = true` set the attribute and the element
+   stayed on screen (measured on /odoo-community-developers/: four cards visible, the
+   count line reading "Showing 1 of 4"). This one rule, with `!important`, beats every
+   class- or id-based `display`, so the attribute hides its element no matter which
+   later rule sets `display`. It is the single mechanism for `[hidden]` site-wide; the
+   per-element `[hidden]` rules are gone so nothing disagrees. */
+[hidden] { display: none !important; }
 body {
   margin: 0;
   font-family: Inter, 'Segoe UI', sans-serif;
diff --git a/support.html b/support.html
index cff5a14..8325356 100644
--- a/support.html
+++ b/support.html
@@ -29,7 +29,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="style.css?v=061517baef" />
         <style>
             /* Language selector — the page's top row: the back-link stays left, the selector travels right.
                Cream canvas, so lang.js's own dark-brass active colour is the correct one (no override). */
diff --git a/terms.html b/terms.html
index db65504..9383c44 100644
--- a/terms.html
+++ b/terms.html
@@ -25,7 +25,7 @@
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
         />
-        <link rel="stylesheet" href="style.css?v=3332fbba93" />
+        <link rel="stylesheet" href="style.css?v=061517baef" />
         <style>
             .legal-hero {
                 padding: 4rem 0 2.5rem;
diff --git a/what-can-i-use-odoo-for/index.html b/what-can-i-use-odoo-for/index.html
index aaa746e..a89ee8e 100644
--- a/what-can-i-use-odoo-for/index.html
+++ b/what-can-i-use-odoo-for/index.html
@@ -27,7 +27,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- "What Can I Use Odoo For?" guide page (page-scoped; additive).
          The block below is odoo-community-upgrade.html's page-scoped CSS, reused so
diff --git a/workshops/index.html b/workshops/index.html
index 645e364..6e39ae7 100644
--- a/workshops/index.html
+++ b/workshops/index.html
@@ -27,7 +27,7 @@
       onload="this.media='all'"
     />
     <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Marcellus&display=swap" /></noscript>
-    <link rel="stylesheet" href="/style.css?v=3332fbba93" />
+    <link rel="stylesheet" href="/style.css?v=061517baef" />
     <style>
       /* ---- Workshops and Classes hub page (page-scoped; additive).
          The block below is the bootcamp page's page-scoped CSS, reused so the two