/* =====================================================================================================
   redix.com v10 restyle - the ONE scoped stylesheet (DRAFT; not live until Pen's go)
   Plan: /opt/docs/drupal/2026-10-17_redix_com_restyle_plan_for_codex.md (revision 3)

   ISOLATION (permanent opt-in), tightened per Codex review V10-C2 (2026-10-18):
   - Every rule is anchored to the PRIMARY full-node content view that contains the opt-in marker:
       shell rules:  body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) ...
       body rules:   #block-dxpr-theme-content > article.node.full .rdx-v10 ...
     A marker inside a teaser, listing, search result or editor preview does not match (it is not the direct
     article child of the main content block), so neither its shell nor its own contents are restyled.
   - PLUS a mandatory route guard: the Asset Injector entry is limited to the converted pages' paths (pilot:
     the front page and /node/132), so the stylesheet is not even attached elsewhere.
   - No *, html, body, :root or bare-element rules outside those scopes. Variables are --rdx10-*, set on the
     scope elements only. No @import and no external URLs. The only same-site URLs are the self-hosted font files
     below. One data: SVG mask (search icon; the site CSP allows data: images).
   - Overrides redix-style.css (module redix_style), DXPR settings CSS, the Site Footer block CSS and the
     legacy injectors only on opted-in pages; their own rules stay untouched for every other page.

   FONTS: self-hosted on redix.com, never Google-hosted. Files (SIL Open Font License 1.1, latin subset, from the
   Fontsource packages public-sans 5.2.7, hanken-grotesk 5.2.8, ibm-plex-mono 5.2.7) live in
   /sites/default/files/rdx-fonts/. The @font-face families are named rdx-* and only the scoped rules below use
   them, so no other page changes. If the files are missing, each stack falls back to the public family name,
   then to Helvetica/Arial or the system monospace font. font-display: swap keeps text visible while loading.
   ===================================================================================================== */

@font-face { font-family: "rdx-public"; src: url("/sites/default/files/rdx-fonts/rdx-public-sans-wght.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "rdx-public"; src: url("/sites/default/files/rdx-fonts/rdx-public-sans-wght-italic.woff2") format("woff2");
  font-weight: 100 900; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "rdx-hanken"; src: url("/sites/default/files/rdx-fonts/rdx-hanken-grotesk-wght.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "rdx-plexmono"; src: url("/sites/default/files/rdx-fonts/rdx-plex-mono-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "rdx-plexmono"; src: url("/sites/default/files/rdx-fonts/rdx-plex-mono-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "rdx-plexmono"; src: url("/sites/default/files/rdx-fonts/rdx-plex-mono-600.woff2") format("woff2");
  font-weight: 600 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ---------- tokens: on the scope elements only ---------- */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10),
#block-dxpr-theme-content > article.node.full .rdx-v10 {
  --rdx10-ink: #0a1726;
  --rdx10-ink-soft: #46546a;
  --rdx10-teal: #015673;          /* Redix logo teal */
  --rdx10-teal-deep: #00405a;
  --rdx10-signal: #e01a22;        /* Redix logo red: small accents only */
  --rdx10-paper: #ffffff;
  --rdx10-tint: #f3f6f8;
  --rdx10-tint-2: #ecf3f6;
  --rdx10-rule: #dde4ea;
  --rdx10-focus: #015673;         /* >= 3:1 on white and tint */
  --rdx10-radius: 8px;
  --rdx10-wrap: 1180px;
  --rdx10-display: "rdx-hanken", "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --rdx10-text: "rdx-public", "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --rdx10-mono: "rdx-plexmono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

/* =====================================================================================================
   1. SHELL - DXPR header, main menu, mobile toggle (opted-in pages only)
   ===================================================================================================== */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar.dxpr-theme-header {
  background: var(--rdx10-paper) !important;
  border-bottom: 1px solid var(--rdx10-rule) !important;
  box-shadow: none !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar a.logo.navbar-btn img#logo {
  height: 44px !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > .nav-link {
  font-family: var(--rdx10-display) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: var(--rdx10-ink) !important;
  letter-spacing: 0 !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > .nav-link:hover,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > .nav-link:focus-visible {
  color: var(--rdx10-teal) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item.active > .nav-link {
  color: var(--rdx10-teal) !important;
  font-weight: 600 !important;
}
/* existing "Contact Us" menu item, already a button via redix-style.css: restyled, not added */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"] {
  background: var(--rdx10-teal) !important;
  color: var(--rdx10-paper) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.1rem !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"]:hover,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"]:focus-visible {
  background: var(--rdx10-teal-deep) !important;
  color: var(--rdx10-paper) !important;
}
/* "Search" menu item as a magnifier icon, desktop header only (the mobile menu keeps the word). The text stays
   in the DOM at font-size 0, so the link's accessible name is still "Search". Icon = data: SVG mask (CSP allows data:). */
body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"] {
  font-size: 0 !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
}
body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"]::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L20 20'/%3E%3C/svg%3E") center / contain no-repeat;
}
@supports not ((mask: url("")) or (-webkit-mask: url(""))) {
  body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"] { font-size: 15.5px !important; line-height: inherit !important; }
  body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"]::before { display: none; }
}
@media (forced-colors: active) {
  body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"] { font-size: 15.5px !important; line-height: inherit !important; }
  body.body--dxpr-theme-nav-desktop:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href$="/search"]::before { display: none; }
}
/* DXPR dropdowns (behavior untouched; appearance only) */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-menu {
  border: 1px solid var(--rdx10-rule) !important;
  border-radius: var(--rdx10-radius) !important;
  box-shadow: 0 12px 28px rgba(10, 23, 38, 0.10) !important;   /* functional overlay elevation */
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-item {
  font-family: var(--rdx10-text) !important;
  font-weight: 500 !important;
  color: var(--rdx10-ink) !important;
  border-radius: 6px !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-item:hover,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-item:focus-visible {
  background: var(--rdx10-tint) !important;
  color: var(--rdx10-teal) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-menu .active > .dropdown-item,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-main-menu .dropdown-item.active {
  background: #e6f0f4 !important;
  color: var(--rdx10-teal-deep) !important;
}
/* mobile toggle: the REAL DXPR control is kept; only its look changes */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #dxpr-theme-menu-toggle {
  border: 1px solid var(--rdx10-rule) !important;
  border-radius: 6px !important;
  background: var(--rdx10-paper) !important;
}
/* MOBILE MENU (Codex H1, 2026-10-18): DXPR paints the open phone menu, its lists and dropdown items with
   --dxt-setting-mobile-menu-* (default: the dark header color #20252a, several rules !important), while v10 makes the
   link text dark. Pair them: set DXPR's own variables to the v10 light palette on opted-in pages only. Every DXPR
   mobile rule (panel, ul.navbar-nav, ul.dropdown-menu, .dropdown-item, hover/focus) then resolves light-on-dark-text.
   Menu markup and behavior are untouched. */
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu {
  --dxt-setting-mobile-menu-background: var(--rdx10-paper);
  --dxt-setting-mobile-menu-text-color: var(--rdx10-ink);
  --dxt-setting-mobile-menu-hover-background: var(--rdx10-tint);
  --dxt-setting-mobile-menu-hover-text-color: var(--rdx10-teal-deep);
  background: var(--rdx10-paper) !important;
  color: var(--rdx10-ink) !important;
  border-top: 1px solid var(--rdx10-rule);
}
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.navbar-nav,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item { background-color: var(--rdx10-paper) !important; }
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .nav-link,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu span.nav-link,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item { color: var(--rdx10-ink) !important; }
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .nav-link:hover, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .nav-link:focus-visible,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:hover, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:focus-visible {
  background-color: var(--rdx10-tint) !important; color: var(--rdx10-teal-deep) !important;
}
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .nav-link.active, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .nav-link.is-active, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .dropdown-toggle.show,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .active > .dropdown-item, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item.active {
  background-color: #e6f0f4 !important; color: var(--rdx10-teal-deep) !important;
}
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu { box-shadow: none !important; border: 0 !important; border-radius: 0 !important; margin-left: 12px !important; }
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .navbar-nav > .nav-item + .nav-item { border-top: 1px solid var(--rdx10-rule); }
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"] { display: inline-block !important; margin: 10px 0 12px !important; background: var(--rdx10-teal) !important; color: var(--rdx10-paper) !important; }
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"]:hover,
body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu .navbar-nav > .nav-item > a.nav-link[href*="contact"]:focus-visible { background: var(--rdx10-teal-deep) !important; color: var(--rdx10-paper) !important; }
@media (forced-colors: active) {
  body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.navbar-nav, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu, body.body--dxpr-theme-nav-mobile:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar #dxpr-theme-main-menu ul.dropdown-menu .dropdown-item { background-color: Canvas !important; color: CanvasText !important; }
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar a:focus-visible,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar button:focus-visible,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a:focus-visible,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 a:focus-visible {
  outline: 3px solid var(--rdx10-focus) !important;
  outline-offset: 2px !important;
}
/* main container: let the first band meet the header (redix-style.css adds 24px) and stop full-bleed bands
   from creating a horizontal scrollbar */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .main-container {
  padding-top: 0 !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .wrap-containers {
  overflow-x: clip;
}

/* =====================================================================================================
   2. SHELL - left menus (products / blogs / services blocks in aside.col-sm-3), opted-in pages only.
      The existing sticky + auto-scroll fix (DXPR Sitewide CSS/JS) is kept; colors/typography only.
   ===================================================================================================== */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 .region-sidebar-first a {
  font-family: var(--rdx10-text) !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: var(--rdx10-ink) !important;
  background: transparent !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 .region-sidebar-first a:hover {
  color: var(--rdx10-teal) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 .region-sidebar-first a.is-active,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 .region-sidebar-first a[aria-current="page"] {
  background: #eaf3f6 !important;
  color: var(--rdx10-teal) !important;
  font-weight: 600 !important;
  border-left-color: var(--rdx10-teal) !important;
}

/* =====================================================================================================
   3. SHELL - Site Footer custom block (restyled here; the block itself is NOT edited), opted-in pages only
   ===================================================================================================== */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) footer.dxpr-theme-footer {
  background: var(--rdx10-tint) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer {
  background: var(--rdx10-tint) !important;
  color: var(--rdx10-ink-soft) !important;
  border-top: 1px solid var(--rdx10-rule) !important;
  margin-top: 0 !important;
  font-family: var(--rdx10-text) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a {
  color: var(--rdx10-ink-soft) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a:hover,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a:focus-visible {
  color: var(--rdx10-teal) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
/* redix-style.css turns every nav link to "contact" into a teal button; the footer link list is a <nav>,
   so on the light footer that link is returned to a normal footer link like its neighbours */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a[href*="contact"] {
  background: transparent !important;
  color: var(--rdx10-ink-soft) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: inherit !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer a[href*="contact"]:hover {
  background: transparent !important;
  color: var(--rdx10-teal) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-logo {
  width: 132px !important;
  max-width: 132px !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-summary {
  color: var(--rdx10-ink-soft) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-proof {
  color: var(--rdx10-ink-soft) !important;
  font-weight: 600 !important;
  border-top-color: var(--rdx10-rule) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-heading {
  color: var(--rdx10-ink) !important;
  font-family: var(--rdx10-display) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--rdx10-rule) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-heading::after {
  background: var(--rdx10-teal) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-bottom {
  border-top-color: var(--rdx10-rule) !important;
  background: transparent !important;
  color: var(--rdx10-ink-soft) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-bottom strong {
  font-weight: 600 !important;               /* agreed 600 maximum (footer block's own rule is 700) */
}
/* DXPR applies its nav font to "nav, nav ul li, nav a"; the footer link list is a <nav>, so set it explicitly */
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer nav,
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer nav a {
  font-family: var(--rdx10-text) !important;
}
body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) .rdx-site-footer .rdx-footer-bottom * {
  color: var(--rdx10-ink-soft) !important;
}

/* =====================================================================================================
   4. BODY - shared components (inside #block-dxpr-theme-content > article.node.full .rdx-v10 only). !important where redix-style.css / DXPR force
      heading color, weight and size with !important.
   ===================================================================================================== */
#block-dxpr-theme-content > article.node.full .rdx-v10 {
  color: var(--rdx10-ink);
  font-family: var(--rdx10-text);
  font-size: 16.5px;
  line-height: 1.6;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 *, #block-dxpr-theme-content > article.node.full .rdx-v10 *::before, #block-dxpr-theme-content > article.node.full .rdx-v10 *::after { box-sizing: border-box; }
#block-dxpr-theme-content > article.node.full .rdx-v10 p {
  color: var(--rdx10-ink-soft);
  font-size: inherit;
  margin: 0;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 a { color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10 h1, #block-dxpr-theme-content > article.node.full .rdx-v10 h2, #block-dxpr-theme-content > article.node.full .rdx-v10 h3 {
  font-family: var(--rdx10-display) !important;
  font-weight: 600 !important;
  color: var(--rdx10-ink) !important;
  margin: 0;
  text-wrap: balance;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 h1 { font-size: clamp(2.3rem, 4.5vw, 3.5rem) !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 h2 { font-size: clamp(1.75rem, 3vw, 2.3rem) !important; line-height: 1.18 !important; letter-spacing: -0.015em !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 h3 { font-size: 1.2rem !important; line-height: 1.3 !important; letter-spacing: -0.005em !important; }

/* full-bleed band: breaks out of DXPR's boxed .container without changing any Drupal layout setting */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-band {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(16px, calc(50vw - 50% + 16px));
  padding-right: max(16px, calc(50vw - 50% + 16px));
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-inner { max-width: var(--rdx10-wrap); margin: 0 auto; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-pad { padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tint { background: var(--rdx10-tint); border-top: 1px solid var(--rdx10-rule); border-bottom: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-head { max-width: 720px; margin-bottom: 40px; display: grid; gap: 12px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-head p { font-size: 1.08rem; }

/* buttons and links: flat color change on hover (established Redix pattern; no lift, no shadow) */
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--rdx10-display); font-weight: 600; font-size: 15px; line-height: 1.2;
  text-decoration: none; border-radius: 6px; padding: 12px 20px;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-primary { background: var(--rdx10-teal); color: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-primary:hover { background: var(--rdx10-teal-deep); color: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-white { background: var(--rdx10-paper); color: var(--rdx10-teal-deep); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-white:hover { background: var(--rdx10-tint); color: var(--rdx10-teal-deep); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-ghost { color: var(--rdx10-paper); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-ghost:hover { color: var(--rdx10-paper); box-shadow: inset 0 0 0 1px var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-link { font-family: var(--rdx10-display); font-weight: 600; text-decoration: none; color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-link:hover { color: var(--rdx10-teal-deep); text-decoration: underline; text-underline-offset: 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 a:focus-visible { outline: 3px solid var(--rdx10-focus); outline-offset: 3px; border-radius: 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close a:focus-visible { outline-color: var(--rdx10-paper); }

/* cards: flat, hairline, no shadow; hover changes only the border color */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-card {
  background: var(--rdx10-paper); border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius);
  padding: 28px; display: flex; flex-direction: column; gap: 14px; min-width: 0;
  transition: border-color .15s ease;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-card:hover { border-color: #b9cbd6; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-card > a:last-child { margin-top: auto; padding-top: 6px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-label {
  font-family: var(--rdx10-display); font-size: 12.5px; font-weight: 600; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--rdx10-teal);
}
/* a section label that is also the section's h2 (e.g. "Related" above h3 cards) keeps the label look */
#block-dxpr-theme-content > article.node.full .rdx-v10 h2.rdx10-label { font-size: 12.5px !important; line-height: 1.4 !important; letter-spacing: 0.09em !important; color: var(--rdx10-teal) !important; margin: 0 0 12px !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-badge {
  display: inline-block; vertical-align: middle; margin-left: 6px; font-family: var(--rdx10-display);
  font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rdx10-signal); border: 1px solid currentColor; border-radius: 4px; padding: 1px 7px;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-icon {
  width: 44px; height: 44px; border-radius: 8px; background: #e6f0f4; color: var(--rdx10-teal);
  display: grid; place-items: center;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* =====================================================================================================
   5. BODY - homepage (node 132)
   ===================================================================================================== */
/* hero: light tinted band; the faint dot field (right side only) echoes the dotted arc in the logo */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, #f7fafb 0%, var(--rdx10-tint-2) 100%);
  border-bottom: 1px solid var(--rdx10-rule);
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero::before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 55%; pointer-events: none;
  background: radial-gradient(circle, rgba(1, 86, 115, 0.16) 1.3px, transparent 1.7px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero .rdx10-inner { position: relative; padding-top: clamp(64px, 8vw, 112px); padding-bottom: clamp(56px, 7vw, 96px); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero h1 { max-width: 24ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero-sub { margin-top: 22px !important; font-size: clamp(1.05rem, 1.5vw, 1.22rem); max-width: 60ch; }

/* proof strip */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof { border-bottom: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 !important; border-bottom: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span {
  display: block; padding: 24px 20px 24px 0; font-family: var(--rdx10-display); font-weight: 600;
  font-size: 1.15rem; color: var(--rdx10-ink);
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span + span { padding-left: 20px; border-left: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-customer-line { padding: 18px 0 26px; font-size: 15px; max-width: 90ch; }

/* v10.1 hero grid + product panel (dark code panel in ink and logo teal; flat, no shadow) */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 40px 56px; align-items: center; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero-text { min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow {
  margin: 0 !important; min-width: 0; overflow: hidden;
  background: var(--rdx10-ink); border: 1px solid #1d3346; border-radius: 10px; box-shadow: none;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-head, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-foot {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px;
  padding: 11px 16px; font-family: var(--rdx10-mono); font-size: 12px; line-height: 1.5; color: #a9bccb;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-head { border-bottom: 1px solid #1d3346; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-foot { border-top: 1px solid #1d3346; background: #0d1d2e; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-cap {
  margin: 0 !important; padding: 12px 16px; border-bottom: 1px solid #1d3346;
  font-family: var(--rdx10-text); font-size: 14px; line-height: 1.5; color: #d5e2ea;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-actions.rdx10-hero-actions { margin-top: 28px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-keep { white-space: nowrap; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-foot a { color: #8fd1e0 !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-foot a:hover { color: #ffffff !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-foot a:focus-visible { outline: 2px solid #8fd1e0 !important; outline-offset: 2px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-pane { padding: 14px 16px; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow-pane + .rdx10-flow-pane { border-top: 1px solid #1d3346; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-pane-label {
  display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px;
  font-family: var(--rdx10-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8fd1e0;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-pane-label em { font-style: normal; text-transform: none; letter-spacing: 0; color: #a9bccb; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow pre {
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; color: #dbe6ec !important;
  font-family: var(--rdx10-mono) !important; font-size: 12.5px !important; line-height: 1.6 !important;
  white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow .rdx10-seg { color: #8fd1e0; font-weight: 600; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow .rdx10-k { color: #8fd1e0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow .rdx10-s { color: #ffffff; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow mark.rdx10-hl { background: transparent; color: #ffffff; padding: 0; border-bottom: 2px solid var(--rdx10-signal); }

/* v10.1 proof row: four labelled tiles */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item { padding: 28px 24px 28px 0; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item + .rdx10-proof-item { padding-left: 24px; border-left: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item strong { display: block; font-family: var(--rdx10-display); font-weight: 600; font-size: 1.3rem; line-height: 1.25; letter-spacing: -.01em; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.45; color: var(--rdx10-ink-soft); }

/* two-column spine */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-grid-2 .rdx10-card h3 { font-size: 1.35rem !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-grid-2 .rdx10-card > a.rdx10-btn { align-self: flex-start; }

/* compliance band */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 24px 64px; align-items: start; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-split-links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 22px; }

/* tools: 3 + 2 on a 6-column grid so no row has an empty cell */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card { grid-column: span 2; padding: 24px; gap: 10px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card:nth-child(n+4) { grid-column: span 3; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card h3 { font-size: 1.1rem !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card p { font-size: 15px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tool-note { font-size: 14px !important; color: var(--rdx10-ink-soft); }

/* technical foundation */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fact { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fact h3 { font-size: 1.08rem !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fact p { font-size: 15.5px; }

/* closing band */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close { background: linear-gradient(120deg, var(--rdx10-teal-deep), var(--rdx10-teal)); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close .rdx10-inner {
  padding-top: clamp(56px, 7vw, 84px); padding-bottom: clamp(56px, 7vw, 84px);
  display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; justify-content: space-between;
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close h2 { color: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close p { margin-top: 12px; color: #d3e7ee; max-width: 52ch; font-size: 1.08rem; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-close-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* =====================================================================================================
   5b. BODY - inner pages (products, services, developer, blogs): wrapper <div class="rdx-v10 rdx-v10-page">.
       Boxed components only (no full-bleed bands): these pages sit beside the Drupal sidebar.
   ===================================================================================================== */
#block-dxpr-theme-content > article.node.full .rdx-v10-page { font-size: 16px; line-height: 1.65; padding-top: 28px; padding-bottom: clamp(48px, 6vw, 80px); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page h1 { font-size: clamp(2rem, 3.4vw, 2.75rem) !important; line-height: 1.14 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page h2 { font-size: clamp(1.45rem, 2.2vw, 1.85rem) !important; line-height: 1.22 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page h3 { font-size: 1.12rem !important; line-height: 1.32 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page h4 { font-family: var(--rdx10-display) !important; font-size: 1rem !important; font-weight: 600 !important; color: var(--rdx10-ink) !important; margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page strong, #block-dxpr-theme-content > article.node.full .rdx-v10-page b { font-weight: 600; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page code { font-family: var(--rdx10-mono); font-size: .9em; background: var(--rdx10-tint); border: 1px solid var(--rdx10-rule); border-radius: 4px; padding: 1px 5px; color: var(--rdx10-teal-deep); overflow-wrap: normal; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* page header: tinted, boxed; faint logo dot field on the right */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-phead {
  position: relative; overflow: hidden; display: grid; gap: 16px;
  background: linear-gradient(180deg, #f7fafb 0%, var(--rdx10-tint-2) 100%);
  border: 1px solid var(--rdx10-rule); border-radius: 12px; padding: clamp(28px, 4vw, 48px);
}
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-phead::before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 45%; pointer-events: none;
  background: radial-gradient(circle, rgba(1, 86, 115, 0.14) 1.3px, transparent 1.7px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%); mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
}
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-phead > * { position: relative; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-phead h1 { max-width: 26ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-lead { font-size: clamp(1.04rem, 1.4vw, 1.16rem); max-width: 62ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-outline { color: var(--rdx10-teal-deep); background: var(--rdx10-paper); box-shadow: inset 0 0 0 1px #b9cbd6; }
#block-dxpr-theme-content > article.node.full .rdx-v10 a.rdx10-btn-outline:hover { box-shadow: inset 0 0 0 1px var(--rdx10-teal); color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-chips li { font-family: var(--rdx10-display); font-size: 13px; font-weight: 600; color: var(--rdx10-teal-deep); background: var(--rdx10-paper); border: 1px solid var(--rdx10-rule); border-radius: 999px; padding: 4px 12px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-status { display: inline-block; justify-self: start; font-family: var(--rdx10-display); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; border-radius: 4px; padding: 3px 9px; color: var(--rdx10-teal-deep); background: #e3eff4; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-status-early { color: var(--rdx10-signal); background: transparent; border: 1px solid currentColor; }

/* sections */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-sec { margin-top: clamp(40px, 5vw, 64px); display: grid; gap: 18px; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-sec > .rdx10-label { margin-bottom: -8px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-intro { max-width: 70ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose { display: grid; gap: 14px; max-width: 72ch; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose h2 { margin-top: 22px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose h3 { margin-top: 12px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose ul, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose ol, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card ul { margin: 0; padding-left: 1.25em; color: var(--rdx10-ink-soft); display: grid; gap: 6px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose li, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card li { color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-prose blockquote { margin: 6px 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--rdx10-teal); color: var(--rdx10-ink); font-size: 1.05rem; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-grid-2 { gap: 18px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card { padding: 24px; gap: 10px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card p { font-size: 15.5px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card h3 { font-size: 1.08rem !important; }

#block-dxpr-theme-content > article.node.full .rdx-v10-page a.rdx10-card { text-decoration: none; color: inherit; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page a.rdx10-card h3 { color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page a.rdx10-card:hover h3 { color: var(--rdx10-teal) !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page a.rdx10-card:hover { border-color: var(--rdx10-teal); }

/* check list */
#block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks li { position: relative; padding-left: 30px; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks li::before { content: ""; position: absolute; left: 2px; top: .3em; width: 18px; height: 18px; border-radius: 50%; background: #e3eff4; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks li::after { content: ""; position: absolute; left: 8px; top: calc(.3em + 4px); width: 5px; height: 9px; border: solid var(--rdx10-teal); border-width: 0 2px 2px 0; transform: rotate(45deg); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks.rdx10-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }

/* key facts */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); overflow: hidden; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-kv > div { padding: 18px 20px; border-right: 1px solid var(--rdx10-rule); border-bottom: 1px solid var(--rdx10-rule); margin: 0 -1px -1px 0; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-kv strong { display: block; font-family: var(--rdx10-display); font-size: 1.05rem; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-kv span { display: block; margin-top: 2px; font-size: 14px; color: var(--rdx10-ink-soft); }

/* tables */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap { overflow-x: auto; border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap table { width: 100%; border-collapse: collapse; margin: 0 !important; font-size: 15px; background: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap th, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap td { text-align: left; vertical-align: top; padding: 12px 16px !important; border: 0 !important; border-bottom: 1px solid var(--rdx10-rule) !important; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap th { background: var(--rdx10-tint) !important; color: var(--rdx10-ink) !important; font-family: var(--rdx10-display); font-weight: 600; font-size: 14px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap tr:last-child td { border-bottom: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap td:first-child { color: var(--rdx10-ink); font-weight: 600; }

/* code: same ink panel and palette as the homepage product panel */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code { margin: 0 !important; background: var(--rdx10-ink); border: 1px solid #1d3346; border-radius: 10px; overflow: hidden; min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code-head { padding: 9px 16px; border-bottom: 1px solid #1d3346; font-family: var(--rdx10-mono); font-size: 12px; color: #a9bccb; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code pre { margin: 0 !important; padding: 14px 16px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #dbe6ec !important; font-family: var(--rdx10-mono) !important; font-size: 13px !important; line-height: 1.6 !important; white-space: pre-wrap; overflow-wrap: anywhere; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code code { background: transparent; border: 0; padding: 0; color: inherit; font-size: inherit; overflow-wrap: normal; }

#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code .cm { color: #8fa6b6; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code .kw { color: #8fd1e0; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code .str { color: #ffffff; }
/* note / callout */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-note { background: var(--rdx10-tint); border: 1px solid var(--rdx10-rule); border-left: 3px solid var(--rdx10-teal); border-radius: 6px; padding: 16px 20px; display: grid; gap: 6px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-note p { font-size: 15.5px; }

/* numbered steps */
#block-dxpr-theme-content > article.node.full .rdx-v10-page ol.rdx10-steps { list-style: none; counter-reset: rdx10step; margin: 0; padding: 0; display: grid; gap: 14px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ol.rdx10-steps > li { counter-increment: rdx10step; position: relative; padding: 2px 0 2px 46px; color: var(--rdx10-ink-soft); min-height: 32px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ol.rdx10-steps > li::before { content: counter(rdx10step); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--rdx10-teal); color: var(--rdx10-paper); font-family: var(--rdx10-display); font-weight: 600; font-size: 14px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page ol.rdx10-steps > li strong { display: block; }

/* FAQ */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq { border-top: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details { border: 0 !important; border-bottom: 1px solid var(--rdx10-rule) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; padding: 0 4px !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq summary { cursor: pointer; list-style: none; padding: 16px 36px 16px 0; position: relative; font-family: var(--rdx10-display); font-weight: 600; color: var(--rdx10-ink); font-size: 1.02rem; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq summary::-webkit-details-marker { display: none; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq summary::after { content: "+"; position: absolute; right: 6px; top: 12px; font-size: 1.4rem; font-weight: 400; color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details[open] summary::after { content: "\2212"; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq summary:focus-visible { outline: 3px solid var(--rdx10-focus); outline-offset: 2px; border-radius: 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details > div { padding: 0 0 18px; display: grid; gap: 10px; max-width: 72ch; }

#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details > div ul, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details > div ol { margin: 0; padding-left: 1.25em; display: grid; gap: 6px; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details > div li { color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-faq details > div code { font-size: .88em; }
/* closing call to action (boxed version of the homepage close band) */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta { margin-top: clamp(40px, 5vw, 64px); background: linear-gradient(120deg, var(--rdx10-teal-deep), var(--rdx10-teal)); border-radius: 12px; padding: clamp(28px, 4vw, 44px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 32px; align-items: center; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta h2 { color: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta p { margin-top: 8px; color: #d3e7ee; max-width: 56ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta a:focus-visible { outline-color: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta .rdx10-actions { margin: 0; }

/* blog article */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-byline { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-byline span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #9fb3c1; vertical-align: middle; margin-right: 18px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-article .rdx10-prose { font-size: 16.5px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-toc { border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); padding: 16px 20px; display: grid; gap: 8px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-toc ol { margin: 0; padding-left: 1.2em; display: grid; gap: 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }

@media (max-width: 960px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-cta { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-grid-3, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-grid-2, #block-dxpr-theme-content > article.node.full .rdx-v10-page ul.rdx10-checks.rdx10-cols { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-phead { border-radius: 10px; }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-code pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px !important; }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap table { font-size: 14px; }
}

/* =====================================================================================================
   5c. BODY - blog articles: wrapper <div class="rdx-v10 rdx-v10-page rdx10-blog">. The article keeps its own
       markup and classes (article-header, summary-box, table-wrapper, faq-item, cta-section, ...); its old
       inline <style> block is removed and these scoped rules restyle those classes.
   ===================================================================================================== */
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-container, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-container, #block-dxpr-theme-content > article.node.full .rdx10-blog .rdx-article { max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-header, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-hero {
  position: relative; overflow: hidden; display: grid; gap: 14px; text-align: left !important;
  background: linear-gradient(180deg, #f7fafb 0%, var(--rdx10-tint-2) 100%) !important; color: var(--rdx10-ink) !important;
  border: 1px solid var(--rdx10-rule); border-radius: 12px; padding: clamp(26px, 4vw, 44px) !important; margin: 0 0 8px !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-header::before, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-hero::before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 40%; pointer-events: none;
  background: radial-gradient(circle, rgba(1, 86, 115, 0.13) 1.3px, transparent 1.7px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 65%); mask-image: linear-gradient(90deg, transparent 0%, #000 65%);
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-header > *, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-hero > * { position: relative; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-category, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-tag, #block-dxpr-theme-content > article.node.full .rdx10-blog .category-title + .category-count {
  justify-self: start; font-family: var(--rdx10-display); font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .09em;
  text-transform: uppercase; color: var(--rdx10-teal) !important; background: transparent !important; padding: 0 !important; border: 0 !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-title, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-hero h1 { font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important; line-height: 1.15 !important; max-width: 30ch; color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-subtitle, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-hero p { font-size: 1.1rem; color: var(--rdx10-ink-soft) !important; max-width: 62ch; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 14px; color: var(--rdx10-ink-soft) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-meta * { color: var(--rdx10-ink-soft) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-content { display: grid; gap: 16px; max-width: 74ch; font-size: 16.5px; line-height: 1.7; margin-top: 28px; padding: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .blog-content { max-width: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content h2 { margin-top: 30px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content h3 { margin-top: 14px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content ul, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content ol { margin: 0; padding-left: 1.3em; display: grid; gap: 7px; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content li { color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content img, #block-dxpr-theme-content > article.node.full .rdx10-blog .diagram-svg svg, #block-dxpr-theme-content > article.node.full .rdx10-blog .diagram svg { max-width: 100%; height: auto; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .diagram-svg, #block-dxpr-theme-content > article.node.full .rdx10-blog .diagram { border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); padding: 16px; background: var(--rdx10-paper); overflow-x: auto; }

#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-content, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-header { grid-template-columns: minmax(0, 1fr); min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content > *, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-content > *, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-header > * { min-width: 0; max-width: 100%; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content p, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content li, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content h2, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content h3 { overflow-wrap: break-word; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content code { overflow-wrap: anywhere; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content > .table-wrapper, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content > pre, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content > .code-block, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content > .bundle-tree { max-width: 100%; }
/* boxes: summary and informational callouts share one look; one accent box for key points */
#block-dxpr-theme-content > article.node.full .rdx10-blog .summary-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .intro-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .info-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .highlight-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .insight-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .callout, #block-dxpr-theme-content > article.node.full .rdx10-blog .security-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .rmap-callout, #block-dxpr-theme-content > article.node.full .rdx10-blog .key-point {
  background: var(--rdx10-tint) !important; border: 1px solid var(--rdx10-rule) !important; border-left: 3px solid var(--rdx10-teal) !important;
  border-radius: 6px !important; padding: 16px 20px !important; color: var(--rdx10-ink-soft) !important; box-shadow: none !important; margin: 4px 0 !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .summary-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .intro-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .info-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .highlight-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .insight-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .callout *, #block-dxpr-theme-content > article.node.full .rdx10-blog .security-box *, #block-dxpr-theme-content > article.node.full .rdx10-blog .rmap-callout *, #block-dxpr-theme-content > article.node.full .rdx10-blog .key-point * { color: inherit; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .summary-box strong, #block-dxpr-theme-content > article.node.full .rdx10-blog .intro-box strong, #block-dxpr-theme-content > article.node.full .rdx10-blog .key-point strong, #block-dxpr-theme-content > article.node.full .rdx10-blog .highlight-box strong { color: var(--rdx10-ink) !important; }

/* tables */
#block-dxpr-theme-content > article.node.full .rdx10-blog .table-wrapper { overflow-x: auto; border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); margin: 4px 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content table { width: 100%; border-collapse: collapse; margin: 0 !important; font-size: 15px; background: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content th, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content td { text-align: left; vertical-align: top; padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid var(--rdx10-rule) !important; color: var(--rdx10-ink-soft) !important; background: transparent !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content th { background: var(--rdx10-tint) !important; color: var(--rdx10-ink) !important; font-family: var(--rdx10-display); font-weight: 600; font-size: 14px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content tr:last-child td { border-bottom: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content .table-wrapper ~ p, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content table + p { margin-top: 2px; }

/* code */
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-content code { font-family: var(--rdx10-mono); font-size: .88em; background: var(--rdx10-tint); border: 1px solid var(--rdx10-rule); border-radius: 4px; padding: 1px 5px; color: var(--rdx10-teal-deep); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .code-label { font-family: var(--rdx10-mono); font-size: 12px; color: var(--rdx10-ink-soft) !important; margin-bottom: -10px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .code-block, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content pre, #block-dxpr-theme-content > article.node.full .rdx10-blog .bundle-tree {
  background: var(--rdx10-ink) !important; color: #dbe6ec !important; border: 1px solid #1d3346 !important; border-radius: 10px !important;
  padding: 14px 16px !important; margin: 4px 0 !important; font-family: var(--rdx10-mono) !important; font-size: 13px !important;
  line-height: 1.6 !important; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .code-block *, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content pre *, #block-dxpr-theme-content > article.node.full .rdx10-blog .bundle-tree * { color: inherit; background: transparent !important; border: 0 !important; padding: 0 !important; font: inherit !important; }

/* grids and cards inside articles */
#block-dxpr-theme-content > article.node.full .rdx10-blog .feature-grid, #block-dxpr-theme-content > article.node.full .rdx10-blog .roi-grid, #block-dxpr-theme-content > article.node.full .rdx10-blog .dual-track, #block-dxpr-theme-content > article.node.full .rdx10-blog .articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 4px 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .feature-card, #block-dxpr-theme-content > article.node.full .rdx10-blog .roi-card, #block-dxpr-theme-content > article.node.full .rdx10-blog .tx-card, #block-dxpr-theme-content > article.node.full .rdx10-blog .track-box, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-card {
  background: var(--rdx10-paper) !important; border: 1px solid var(--rdx10-rule) !important; border-radius: var(--rdx10-radius) !important;
  padding: 20px !important; box-shadow: none !important; color: var(--rdx10-ink-soft) !important; display: grid; gap: 8px; align-content: start;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card:hover, #block-dxpr-theme-content > article.node.full .rdx10-blog .feature-card:hover { border-color: #b9cbd6 !important; transform: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .track-label, #block-dxpr-theme-content > article.node.full .rdx10-blog .tx-badge, #block-dxpr-theme-content > article.node.full .rdx10-blog .status-active, #block-dxpr-theme-content > article.node.full .rdx10-blog .status-urgent, #block-dxpr-theme-content > article.node.full .rdx10-blog .status-development {
  justify-self: start; font-family: var(--rdx10-display); font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .08em;
  text-transform: uppercase; color: var(--rdx10-teal-deep) !important; background: #e3eff4 !important; border: 0 !important; border-radius: 4px; padding: 2px 8px !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .status-urgent { color: var(--rdx10-signal) !important; background: transparent !important; box-shadow: inset 0 0 0 1px currentColor; }
#block-dxpr-theme-content > article.node.full .rdx10-blog ul.checklist, #block-dxpr-theme-content > article.node.full .rdx10-blog ul.uri-list, #block-dxpr-theme-content > article.node.full .rdx10-blog ul.resources-list, #block-dxpr-theme-content > article.node.full .rdx10-blog ul.related-topics, #block-dxpr-theme-content > article.node.full .rdx10-blog ul.related-claims, #block-dxpr-theme-content > article.node.full .rdx10-blog ul.references { list-style: none; padding-left: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog ul.checklist li { position: relative; padding-left: 28px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog ul.checklist li::before { content: ""; position: absolute; left: 6px; top: .35em; width: 5px; height: 9px; border: solid var(--rdx10-teal); border-width: 0 2px 2px 0; transform: rotate(45deg); }
#block-dxpr-theme-content > article.node.full .rdx10-blog .emphasis-lines { border-left: 3px solid var(--rdx10-teal); padding-left: 18px; color: var(--rdx10-ink) !important; font-size: 1.05rem; display: grid; gap: 4px; }

/* FAQ (paragraph pairs) */
#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-item { border-top: 1px solid var(--rdx10-rule); padding: 16px 0 4px; display: grid; gap: 6px; background: transparent !important; box-shadow: none !important; margin: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-item:last-of-type { border-bottom: 1px solid var(--rdx10-rule); padding-bottom: 16px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-question { font-family: var(--rdx10-display); font-weight: 600 !important; color: var(--rdx10-ink) !important; font-size: 1.04rem !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-answer { color: var(--rdx10-ink-soft) !important; }

#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-item { grid-template-columns: minmax(0, 1fr); min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .faq-question, #block-dxpr-theme-content > article.node.full .rdx10-blog .faq-answer { min-width: 0; overflow-wrap: anywhere; }
/* related / footer / resources */
#block-dxpr-theme-content > article.node.full .rdx10-blog .resources-list a, #block-dxpr-theme-content > article.node.full .rdx10-blog .related-topics a, #block-dxpr-theme-content > article.node.full .rdx10-blog .related-claims a, #block-dxpr-theme-content > article.node.full .rdx10-blog .references a { font-family: var(--rdx10-display); font-weight: 600; text-decoration: none; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .resources-list a:hover, #block-dxpr-theme-content > article.node.full .rdx10-blog .related-topics a:hover { text-decoration: underline; text-underline-offset: 4px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-footer { border-top: 1px solid var(--rdx10-rule); padding-top: 18px; margin-top: 12px; font-size: 14.5px; color: var(--rdx10-ink-soft); }

/* closing CTA: boxed teal panel (same as .rdx10-cta) */
#block-dxpr-theme-content > article.node.full .rdx10-blog .cta-section, #block-dxpr-theme-content > article.node.full .rdx10-blog .redix-cta, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-cta {
  margin-top: clamp(36px, 5vw, 56px) !important; background: linear-gradient(120deg, var(--rdx10-teal-deep), var(--rdx10-teal)) !important;
  border: 0 !important; border-radius: 12px !important; padding: clamp(26px, 4vw, 40px) !important; color: #d3e7ee !important; text-align: left !important; display: grid; gap: 12px; box-shadow: none !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-blog .cta-section h2, #block-dxpr-theme-content > article.node.full .rdx10-blog .cta-section h3, #block-dxpr-theme-content > article.node.full .rdx10-blog .redix-cta h2, #block-dxpr-theme-content > article.node.full .rdx10-blog .redix-cta h3, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-cta h2 { color: var(--rdx10-paper) !important; margin: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .cta-section p, #block-dxpr-theme-content > article.node.full .rdx10-blog .redix-cta p, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-cta p { color: #d3e7ee !important; max-width: 60ch; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .cta-buttons, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-cta-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start !important; margin-top: 6px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog a.cta-btn, #block-dxpr-theme-content > article.node.full .rdx10-blog a.blog-cta-btn { display: inline-flex; align-items: center; font-family: var(--rdx10-display); font-weight: 600; font-size: 15px; text-decoration: none !important; border-radius: 6px !important; padding: 12px 20px !important; border: 0 !important; box-shadow: none !important; transform: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog a.cta-btn-primary, #block-dxpr-theme-content > article.node.full .rdx10-blog a.blog-cta-btn-primary { background: var(--rdx10-paper) !important; color: var(--rdx10-teal-deep) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog a.cta-btn-primary:hover, #block-dxpr-theme-content > article.node.full .rdx10-blog a.blog-cta-btn-primary:hover { background: var(--rdx10-tint) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog a.cta-btn-secondary, #block-dxpr-theme-content > article.node.full .rdx10-blog a.blog-cta-btn-secondary { background: transparent !important; color: var(--rdx10-paper) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog a.cta-btn-secondary:hover, #block-dxpr-theme-content > article.node.full .rdx10-blog a.blog-cta-btn-secondary:hover { box-shadow: inset 0 0 0 1px var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .cta-section a:focus-visible, #block-dxpr-theme-content > article.node.full .rdx10-blog .redix-cta a:focus-visible, #block-dxpr-theme-content > article.node.full .rdx10-blog .blog-cta a:focus-visible { outline-color: var(--rdx10-paper); }

/* blog landing page */
#block-dxpr-theme-content > article.node.full .rdx10-blog .quick-links { border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); padding: 16px 20px; background: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .quick-links-list { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; padding: 0; margin: 6px 0 0; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .category-section { margin-top: 40px; display: grid; gap: 14px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .category-header { display: flex; align-items: baseline; gap: 12px; border-bottom: 1px solid var(--rdx10-rule); padding-bottom: 8px; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .category-icon { display: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-link { text-decoration: none !important; color: inherit !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card h3 { color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-link:hover h3 { color: var(--rdx10-teal) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-meta { font-size: 13.5px; color: var(--rdx10-ink-soft) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--rdx10-display); font-weight: 600; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-link svg, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-card svg, #block-dxpr-theme-content > article.node.full .rdx10-blog .quick-links svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; }
#block-dxpr-theme-content > article.node.full .rdx10-blog .article-card-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; }


@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx10-blog .code-block, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content pre, #block-dxpr-theme-content > article.node.full .rdx10-blog .bundle-tree { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px !important; }
  #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content table { font-size: 14px; }
}

/* phones: the Drupal sidebar menu stays in place (same DOM and focus order, nothing hidden) but becomes a compact,
   outlined scroll box, so the article starts near the top. Focusing a link inside scrolls the box to it. */
@media (max-width: 767.98px) {
  body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3 {
    max-height: 176px !important; overflow-y: auto !important; margin: 12px 16px 4px !important; width: calc(100% - 32px) !important; padding: 6px 8px !important;
    border: 1px solid var(--rdx10-rule) !important; border-radius: 8px !important; background: var(--rdx10-paper) !important;
  }
  body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) aside.col-sm-3:focus-within { border-color: var(--rdx10-teal) !important; }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap th, #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap td, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content th, #block-dxpr-theme-content > article.node.full .rdx10-blog .article-content td { overflow-wrap: break-word; word-break: normal; }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap table:has(th:nth-child(3)), #block-dxpr-theme-content > article.node.full .rdx10-blog .table-wrapper table:has(th:nth-child(3)) { min-width: 560px; }
  #block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap table:has(th:nth-child(4)), #block-dxpr-theme-content > article.node.full .rdx10-blog .table-wrapper table:has(th:nth-child(4)) { min-width: 680px; }
}
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-table-wrap:focus-visible, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-table-wrap:focus-visible, #block-dxpr-theme-content > article.node.full .rdx10-blog .table-wrapper:focus-visible { outline: 3px solid var(--rdx10-focus); outline-offset: 2px; }
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-note h2 { font-size: 1.12rem !important; line-height: 1.32 !important; }

/* =====================================================================================================
   5d. BODY - pages that keep their earlier (v4) markup: wrapper <div class="rdx-v10 rdx-v10-page rdx10-v4">.
       Their old inline <style> is removed; these scoped rules restyle the shared v4 classes in the v10 look.
   ===================================================================================================== */
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-frame-container { max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero {
  position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fafb 0%, var(--rdx10-tint-2) 100%) !important;
  border: 1px solid var(--rdx10-rule); border-radius: 12px; padding: clamp(28px, 4vw, 48px) !important; margin: 0 !important; text-align: left !important; color: var(--rdx10-ink) !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero::before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 45%; pointer-events: none;
  background: radial-gradient(circle, rgba(1, 86, 115, 0.14) 1.3px, transparent 1.7px) 0 0 / 22px 22px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%); mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero > *, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-inner { position: relative; max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 14px; text-align: left !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero h1 { max-width: 26ch; color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-sub, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero p { font-size: clamp(1.04rem, 1.4vw, 1.16rem); max-width: 62ch; color: var(--rdx10-ink-soft) !important; margin: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section { margin-top: clamp(40px, 5vw, 64px) !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section-inner { max-width: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 18px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section-header { text-align: left !important; margin: 0 0 4px !important; display: grid; gap: 10px; max-width: 70ch; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section p, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-body p { max-width: 74ch; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section ul, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section ol, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-body ul, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-body ol, #block-dxpr-theme-content > article.node.full .rdx10-v4 .faq-answer ul { padding-left: 1.25em; display: grid; gap: 6px; color: var(--rdx10-ink-soft); margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-section li, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-body li { color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-2, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-3, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-4 { display: grid; gap: 18px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-card {
  background: var(--rdx10-paper) !important; border: 1px solid var(--rdx10-rule) !important; border-radius: var(--rdx10-radius) !important;
  padding: 24px !important; box-shadow: none !important; transform: none !important; text-align: left !important; display: grid; gap: 10px; align-content: start; min-width: 0;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card:hover, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-card:hover { border-color: #b9cbd6 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card h3, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-card h3 { font-size: 1.08rem !important; margin: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card p, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-card p { font-size: 15.5px; margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card-icon, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-icon { width: 44px; height: 44px; border-radius: 8px; background: #e6f0f4; color: var(--rdx10-teal) !important; display: grid; place-items: center; margin: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card-icon svg, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-card-link { font-family: var(--rdx10-display); font-weight: 600; text-decoration: none; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-arrow { display: inline-block; margin-left: 4px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-note, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-callout-strip, #block-dxpr-theme-content > article.node.full .rdx10-v4 .safety-line, #block-dxpr-theme-content > article.node.full .rdx10-v4 .sample-note {
  background: var(--rdx10-tint) !important; border: 1px solid var(--rdx10-rule) !important; border-left: 3px solid var(--rdx10-teal) !important;
  border-radius: 6px !important; padding: 16px 20px !important; margin: 4px 0 0 !important; color: var(--rdx10-ink-soft) !important; text-align: left !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-callout-strip { margin-top: clamp(32px, 4vw, 48px) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-callout-strip-inner { max-width: none !important; margin: 0 !important; padding: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-note p, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-callout-strip p { margin: 0; }
/* training page families (Codex S022-1): certificate block, hero badges row, related links row */
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-version { margin-top: 18px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-related-links { margin-top: 12px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-related { margin-top: clamp(32px, 4vw, 48px); padding-top: 24px; border-top: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-cert-section { display: flex; gap: 20px; align-items: flex-start; max-width: 760px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 svg.rdx-cert-icon { flex: 0 0 40px; width: 40px !important; height: 40px !important; color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-cert-note { margin-top: 10px !important; font-size: 14px; color: var(--rdx10-ink-soft); }
/* services index (Codex S003-2): service titles are h2 for structure but keep the card-heading size */
#block-dxpr-theme-content > article.node.full .rdx-v10-page .rdx10-card h2 { font-family: var(--rdx10-display); font-size: 1.08rem !important; line-height: 1.3; margin: 0 !important; color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-table-wrap { overflow-x: auto; border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 table { width: 100%; border-collapse: collapse; margin: 0 !important; font-size: 15px; background: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 th, #block-dxpr-theme-content > article.node.full .rdx10-v4 td { text-align: left; vertical-align: top; padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid var(--rdx10-rule) !important; color: var(--rdx10-ink-soft) !important; background: transparent !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 th { background: var(--rdx10-tint) !important; color: var(--rdx10-ink) !important; font-family: var(--rdx10-display); font-weight: 600; font-size: 14px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 tr:last-child td { border-bottom: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-tags, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hub-nav, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-related-grid, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-version, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-related-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start !important; align-items: center; margin: 0; padding: 0; list-style: none; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-tag, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-hub-link, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-related-link, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-version span, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-related-links a {
  font-family: var(--rdx10-display); font-size: 13px; font-weight: 600; color: var(--rdx10-teal-deep) !important; background: var(--rdx10-paper) !important;
  border: 1px solid var(--rdx10-rule) !important; border-radius: 999px !important; padding: 4px 12px !important; text-decoration: none !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-hub-link:hover, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-related-link:hover { border-color: var(--rdx10-teal) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hub-link-current { background: #e3eff4 !important; border-color: var(--rdx10-teal) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hub-label { font-family: var(--rdx10-display); font-size: 12.5px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-btn-primary, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.cta-primary, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-btn-secondary, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.cta-secondary {
  display: inline-flex; align-items: center; justify-content: center; font-family: var(--rdx10-display); font-weight: 600; font-size: 15px; line-height: 1.2;
  text-decoration: none !important; border-radius: 6px !important; padding: 12px 20px !important; box-shadow: none !important; transform: none !important; border: 0 !important;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-btn-primary, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.cta-primary { background: var(--rdx10-teal) !important; color: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-btn-primary:hover, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.cta-primary:hover { background: var(--rdx10-teal-deep) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.rdx-btn-secondary, #block-dxpr-theme-content > article.node.full .rdx10-v4 a.cta-secondary { background: var(--rdx10-paper) !important; color: var(--rdx10-teal-deep) !important; box-shadow: inset 0 0 0 1px #b9cbd6 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-cta-line, #block-dxpr-theme-content > article.node.full .rdx10-v4 .cta-block { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 4px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; text-align: left !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline-item { flex: 1 1 180px; border: 1px solid var(--rdx10-rule) !important; border-radius: var(--rdx10-radius) !important; padding: 16px 18px !important; background: var(--rdx10-paper) !important; display: grid; gap: 4px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline-item-highlight { border-color: var(--rdx10-teal) !important; background: #f2f8fa !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline-date { font-family: var(--rdx10-display); font-weight: 600; color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline-desc { font-size: 14.5px; color: var(--rdx10-ink-soft) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-timeline-arrow { display: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-num, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-number { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--rdx10-teal) !important; color: var(--rdx10-paper) !important; font-family: var(--rdx10-display); font-weight: 600; font-size: 14px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-proof-strip { border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); margin-top: 24px !important; background: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-proof-strip-inner { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 16px 20px !important; max-width: none !important; justify-content: flex-start !important; color: var(--rdx10-ink) !important; font-weight: 600; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-customer-line, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-credibility { color: var(--rdx10-ink-soft) !important; font-size: 15px; margin-top: 12px !important; text-align: left !important; }
/* tool preview pages */
#block-dxpr-theme-content > article.node.full .rdx10-v4 .tool-preview { display: grid; gap: 18px; max-width: none !important; margin: 0 !important; padding: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .tool-preview > h1 { margin-top: 8px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .subtitle { font-size: clamp(1.04rem, 1.4vw, 1.16rem); color: var(--rdx10-ink-soft) !important; max-width: 62ch; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .sample-block { border: 1px solid var(--rdx10-rule) !important; border-radius: var(--rdx10-radius) !important; padding: 18px 20px !important; display: grid; gap: 10px; background: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .sample-content, #block-dxpr-theme-content > article.node.full .rdx10-v4 .fhir-out, #block-dxpr-theme-content > article.node.full .rdx10-v4 pre {
  background: var(--rdx10-ink) !important; color: #dbe6ec !important; border: 1px solid #1d3346 !important; border-radius: 10px !important; padding: 14px 16px !important;
  margin: 0 !important; font-family: var(--rdx10-mono) !important; font-size: 13px !important; line-height: 1.6 !important; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%;
}
#block-dxpr-theme-content > article.node.full .rdx10-v4 .sample-content *, #block-dxpr-theme-content > article.node.full .rdx10-v4 .fhir-out *, #block-dxpr-theme-content > article.node.full .rdx10-v4 pre * { color: inherit; background: transparent !important; font: inherit !important; border: 0 !important; padding: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .faq-section, #block-dxpr-theme-content > article.node.full .rdx10-v4 .links-section { display: grid; gap: 12px; margin-top: 12px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .faq-section h3 { margin-top: 10px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .faq-answer { color: var(--rdx10-ink-soft) !important; }
/* 5d (continued): page-specific v4 families */
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-box, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-tool-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .msg-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .conv-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .cms-next-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-scenario-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-channel-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-contact-box, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-track-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-proof-card, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-flow-box, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-quick-start-item, #block-dxpr-theme-content > article.node.full .rdx10-v4 .api-endpoint, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-stat, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-fhir-topic, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-best-for { background: var(--rdx10-paper) !important; border: 1px solid var(--rdx10-rule) !important; border-radius: var(--rdx10-radius) !important; padding: 18px 20px !important; box-shadow: none !important; transform: none !important; display: grid; gap: 8px; align-content: start; min-width: 0; text-align: left !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-grid, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-data-grid, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-deploy-grid, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-card-list { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-badge, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-badge-demo, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-badge-customer, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-badge-full, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-badge-shared, #block-dxpr-theme-content > article.node.full .rdx10-v4 .method, #block-dxpr-theme-content > article.node.full .rdx10-v4 .get, #block-dxpr-theme-content > article.node.full .rdx10-v4 .post, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-check, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-na { display: inline-block; font-family: var(--rdx10-display); font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--rdx10-teal-deep) !important; background: #e3eff4 !important; border: 0 !important; border-radius: 4px !important; padding: 2px 8px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-na { color: var(--rdx10-ink-soft) !important; background: var(--rdx10-tint) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-data-label, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-quick-start-label, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-contact-label, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-flow-label, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-title, #block-dxpr-theme-content > article.node.full .rdx10-v4 .cms-next-card-title, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-proof-num { font-family: var(--rdx10-display); font-weight: 600; color: var(--rdx10-ink) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .path, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-endpoint, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-scenario-code, #block-dxpr-theme-content > article.node.full .rdx10-v4 .endpoint-line { font-family: var(--rdx10-mono); font-size: .92em; color: var(--rdx10-teal-deep) !important; overflow-wrap: anywhere; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-tool-icon, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-channel-icon, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-check-icon { color: var(--rdx10-teal) !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-tool-icon svg, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-channel-icon svg, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-check-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-checklist-item { display: flex; gap: 10px; align-items: flex-start; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-code-comment { color: #8fa6b6 !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-code-str { color: #ffffff !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 a.cms-hub-link { font-family: var(--rdx10-display); font-size: 13px; font-weight: 600; color: var(--rdx10-teal-deep) !important; border: 1px solid var(--rdx10-rule); border-radius: 999px; padding: 4px 12px; text-decoration: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .cms-hub-dot { display: none !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-nav-section { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-arch, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-hero-arch svg, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-flow-box svg { max-width: 100%; height: auto; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-header { display: flex; gap: 12px; align-items: center; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-content { display: grid; gap: 8px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-step-note { font-size: 14.5px; color: var(--rdx10-ink-soft) !important; border-left: 3px solid var(--rdx10-rule); padding-left: 12px; }

#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-sidebar { border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); padding: 16px 20px; margin: 16px 0 28px; display: grid; gap: 8px; background: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-sidebar-header { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; border-bottom: 1px solid var(--rdx10-rule); padding-bottom: 8px; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-sidebar-title { font-family: var(--rdx10-display); font-weight: 600; color: var(--rdx10-ink) !important; margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-sidebar .version { font-size: 13.5px; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-nav-section { font-size: 14.5px; gap: 4px 14px !important; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-nav-section a { text-decoration: none; }
#block-dxpr-theme-content > article.node.full .rdx10-v4 .doc-nav-section a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 960px) {
  #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-3, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-2, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-3, #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-grid-4 { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx10-v4 .rdx-table-wrap table:has(th:nth-child(3)) { min-width: 560px; }
}

/* =====================================================================================================
   6. Responsive (scoped)
   ===================================================================================================== */
@media (max-width: 960px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-hero-grid { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item:nth-child(3) { padding-left: 0; border-left: 0; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item:nth-child(n+3) { border-top: 1px solid var(--rdx10-rule); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-split { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card:nth-child(n+4) { grid-column: span 1; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card:last-child { grid-column: 1 / -1; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span:nth-child(3) { padding-left: 0; border-left: 0; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span:nth-child(n+3) { border-top: 1px solid var(--rdx10-rule); }
}
@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-flow pre { font-size: 12px !important; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-grid { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item + .rdx10-proof-item { padding: 16px 0; border-left: 0; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item + .rdx10-proof-item { border-top: 1px solid var(--rdx10-rule); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-grid-2, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-facts { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-tools .rdx10-card:last-child { grid-column: auto; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span + span { padding-left: 0; border-left: 0; padding-top: 14px; padding-bottom: 14px; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-list span + span { border-top: 1px solid var(--rdx10-rule); }
}
/* ---------- v10.3 homepage structure: where Redix fits, evaluation list (new selectors only) ---------- */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1.35fr); align-items: center; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-col { min-width: 0; padding: 24px; border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius); background: var(--rdx10-paper); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-engine { background: var(--rdx10-ink); border-color: var(--rdx10-ink); align-self: center; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-engine .rdx10-fit-title { color: var(--rdx10-paper) !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-engine .rdx10-fit-list li { color: #d5e2ea; border-color: #1d3346; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-title { font-family: var(--rdx10-display); font-weight: 600; font-size: 1.08rem !important; line-height: 1.3; margin: 0 0 12px !important; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-list, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-out { list-style: none; margin: 0 !important; padding: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-list li { padding: 8px 0; border-top: 1px solid var(--rdx10-rule); font-size: 15px; line-height: 1.45; color: var(--rdx10-ink-soft); margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-list li:first-child { border-top: 0; padding-top: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow { position: relative; align-self: center; height: 2px; margin: 0 6px; background: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow::after { content: ""; position: absolute; right: -1px; top: -4px; border: 5px solid transparent; border-left: 7px solid var(--rdx10-teal); border-right: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-group { margin: 14px 0 6px !important; font-family: var(--rdx10-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--rdx10-teal); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-col > .rdx10-fit-title + .rdx10-fit-group { margin-top: 0 !important; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-out li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 12px; padding: 7px 0; border-top: 1px solid var(--rdx10-rule); margin: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-out li span { flex: 1 1 14em; min-width: 0; font-size: 15px; line-height: 1.45; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-out li em { font-style: normal; font-family: var(--rdx10-display); font-weight: 600; font-size: 12.5px; color: var(--rdx10-teal-deep); background: var(--rdx10-tint-2); border-radius: 4px; padding: 2px 8px; white-space: nowrap; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-note { margin-top: 20px !important; font-size: 14.5px; color: var(--rdx10-ink-soft); max-width: 80ch; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-head .rdx10-label { margin-bottom: -4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fact a { color: var(--rdx10-teal); text-underline-offset: 3px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; border-top: 1px solid var(--rdx10-rule); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals li { margin: 0; border-bottom: 1px solid var(--rdx10-rule); min-width: 0; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a { display: grid; gap: 4px; padding: 18px 28px 18px 0; position: relative; text-decoration: none; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a::after { content: "\2192"; position: absolute; right: 4px; top: 18px; color: var(--rdx10-teal); font-family: var(--rdx10-display); font-weight: 600; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a strong { font-family: var(--rdx10-display); font-weight: 600; font-size: 1.05rem; color: var(--rdx10-ink); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a span { font-size: 15px; line-height: 1.45; color: var(--rdx10-ink-soft); }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a strong .rdx10-badge { margin-left: 6px; vertical-align: 2px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a:hover strong { color: var(--rdx10-teal); text-decoration: underline; text-underline-offset: 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals a:focus-visible { outline: 2px solid var(--rdx10-focus); outline-offset: 2px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals + .rdx10-split-links { margin-top: 24px; }
@media (max-width: 960px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-engine { align-self: stretch; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow { justify-self: center; width: 2px; height: 28px; margin: 6px 0; }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow::after { right: -4px; top: auto; bottom: -1px; border: 5px solid transparent; border-top: 7px solid var(--rdx10-teal); border-bottom: 0; }
}
@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-evals { grid-template-columns: minmax(0, 1fr); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-col { padding: 20px 16px; }
}
@media (forced-colors: active) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-arrow::after { background: CanvasText; border-left-color: CanvasText; border-top-color: CanvasText; }
}

/* ---------- v10.4 homepage panel alignment (Eric / Pen 2026-10-19): panels in a row share top and bottom edges ---------- */
/* experience row: four equal-height panels (grid stretch; no fixed heights) */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-grid { gap: 16px; padding: 28px 0 4px; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item + .rdx10-proof-item {
  display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; min-width: 0;
  background: var(--rdx10-tint); border: 1px solid var(--rdx10-rule); border-radius: var(--rdx10-radius);
}
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item span { margin-top: 0; }
/* where Redix fits: the three columns stretch to the tallest (equal top and bottom edges); content starts at the top of each */
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit { align-items: stretch; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-col { display: flex; flex-direction: column; }
#block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-fit-engine { align-self: stretch; }
@media (max-width: 960px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item:nth-child(3) { padding-left: 22px; border-left: 1px solid var(--rdx10-rule); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item:nth-child(n+3) { border-top: 1px solid var(--rdx10-rule); }
}
@media (max-width: 640px) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item, #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-item + .rdx10-proof-item { padding: 16px 18px; border: 1px solid var(--rdx10-rule); }
  #block-dxpr-theme-content > article.node.full .rdx-v10 .rdx10-proof-grid { gap: 12px; padding-top: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  #block-dxpr-theme-content > article.node.full .rdx-v10 *, body:has(#block-dxpr-theme-content > article.node.full .rdx-v10) #navbar * { transition: none !important; }
}