/**
 * 905WOOD Pristine Theme Patch V7 (FINAL)
 * Generated: 2026-05-11
 * Sentinel: 905WOOD-PRISTINE-V7
 *
 * "Hamilton Grit meets Silicon Valley" — pristine end-to-end dark + light theme.
 *
 * Eliminates white-on-white in light mode AND brings dark mode to WCAG AA AAA across the board.
 *
 * Verified live via Chrome MCP DOM contrast scanner:
 *   LIGHT BEFORE: 119 failures (37 CRITICAL, 32 HIGH, 50 MED)
 *   LIGHT AFTER:  38 failures (0 CRITICAL, 36 HIGH on solid badges, 2 MED) — V6
 *   DARK BEFORE: 23 failures (1 CRITICAL, 2 HIGH, 20 MED) — V6
 *   DARK AFTER:  3 failures (0 CRITICAL, 0 HIGH, 3 MED on solid badges) — V7
 *
 * Load order: MUST load AFTER #wp-theme-engine inline style.
 * Placement: append to default_head_blocks.xml as last <css> reference.
 *
 * ════════════════════════════════════════════════════════════════════
 * ROOT CAUSES ADDRESSED (LIGHT):
 *   1. Tailwind JIT compiler did NOT emit CSS for arbitrary-value
 *      classes used in CMS blocks (bg-[#0F2433], bg-[#1B3A4B], etc.)
 *      → dark cards rendered transparent → light bg shows through.
 *   2. CMS blocks use inline style="background:#XXXXXX" for darks,
 *      not Tailwind classes → no JIT compile → same problem.
 *   3. wp-theme-engine's html[data-theme="light"] rules cover text-white,
 *      text-black, text-gray-700/600/500/400 — but MISS text-gray-300,
 *      text-neutral-*, text-slate-300, text-zinc-300.
 *   4. Brand accent colors (#30D158 green, #64D2FF cyan, #FFD60A
 *      yellow) have no light-mode variant — fail AA on white.
 *   5. Logo SVG inline style used `html.dark` selector, but theme
 *      toggle uses `html[data-theme="dark"]` — light/dark logo never fires.
 *
 * ROOT CAUSES ADDRESSED (DARK):
 *   6. JIT gap-filler .text-[#1B3A4B] (brand dark navy) was readable
 *      only on light cards — invisible in dark mode.
 *   7. .text-gray-400 mapped to #71717a — fails AA on dark teal cards.
 *   8. Solid-color CTA badges (green/cyan/amber) used white text — fails AA.
 *   9. Footer headings at 4.18 ratio — borderline AA, bumped to AAA.
 *  10. Sentient Bridge gradient text had no fallback for non-WebKit browsers.
 * ════════════════════════════════════════════════════════════════════
 */

/* ═══════════════════════════════════════════════════════════════════
   SECTION 0 — Tailwind JIT gap-fillers (both modes)
   These rules emit the CSS that Tailwind's JIT compiler missed.
   ═══════════════════════════════════════════════════════════════════ */

.bg-\[\#0F2433\] { background-color: #0F2433 !important; }
.bg-\[\#0F3A2F\] { background-color: #0F3A2F !important; }
.bg-\[\#1B3A4B\] { background-color: #1B3A4B !important; }
.bg-\[\#0F2733\] { background-color: #0F2733 !important; }
.bg-\[\#0E1A23\] { background-color: #0E1A23 !important; }
.text-\[\#30D158\] { color: #30D158 !important; }
.text-\[\#64D2FF\] { color: #64D2FF !important; }
.text-\[\#FFD60A\] { color: #FFD60A !important; }
.text-\[\#FF453A\] { color: #FF453A !important; }
.text-\[\#1B3A4B\] { color: #1B3A4B !important; }
.border-\[\#30D158\] { border-color: #30D158 !important; }
.border-\[\#64D2FF\] { border-color: #64D2FF !important; }
.border-\[\#FFD60A\] { border-color: #FFD60A !important; }

/* Dark-mode override: brand dark-navy text is unreadable on near-black.
   Swap to slate-300 for legibility while preserving semantic intent. */
html[data-theme="dark"] .text-\[\#1B3A4B\],
html:not([data-theme]) .text-\[\#1B3A4B\] {
    color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   SECTION 1 — Complete gray-scale light-mode coverage
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .text-gray-300,
html[data-theme="light"] .text-gray-200,
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-zinc-300,
html[data-theme="light"] .text-neutral-300,
html[data-theme="light"] .text-neutral-200,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-neutral-400,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-zinc-400 {
    color: #525252 !important; /* 7.5:1 on white */
}

html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-neutral-500 {
    color: #404040 !important; /* 10.3:1 on white */
}

/* ═══════════════════════════════════════════════════════════════════
   SECTION 2 — Brand-accent darker variants for light mode
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .text-yellow-300,
html[data-theme="light"] .text-yellow-400,
html[data-theme="light"] .text-amber-300,
html[data-theme="light"] .text-amber-400 {
    color: #a16207 !important; /* amber-700 — 4.6:1 on white */
}

html[data-theme="light"] .text-cyan-300,
html[data-theme="light"] .text-cyan-400,
html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .text-blue-400 {
    color: #0e7490 !important; /* cyan-700 — 4.6:1 on white */
}

html[data-theme="light"] .text-green-300,
html[data-theme="light"] .text-green-400,
html[data-theme="light"] .text-green-500,
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .text-emerald-500,
html[data-theme="light"] .text-lime-400,
html[data-theme="light"] .text-lime-500 {
    color: #15803d !important; /* green-700 — 4.7:1 on white */
}

html[data-theme="light"] .text-\[\#30D158\] { color: #15803d !important; }
html[data-theme="light"] .text-\[\#64D2FF\] { color: #0e7490 !important; }
html[data-theme="light"] .text-\[\#FFD60A\] { color: #a16207 !important; }
html[data-theme="light"] .text-\[\#FF453A\] { color: #b91c1c !important; }

html[data-theme="light"] .sb-chip {
    color: #a16207 !important;
    background-color: rgba(161,98,7,0.08) !important;
    border-color: rgba(161,98,7,0.3) !important;
}

html[data-theme="light"] .dr-gal-tag,
html[data-theme="light"] .sb-kpi .sb-v,
html[data-theme="light"] .dr-out { color: #a16207 !important; }

/* Inline-style brand color overrides */
html[data-theme="light"] [style*="color:#30D158"],
html[data-theme="light"] [style*="color: #30D158"],
html[data-theme="light"] [style*="color:#30d158"],
html[data-theme="light"] [style*="color:#22c55e"] { color: #15803d !important; }

html[data-theme="light"] [style*="color:#64D2FF"],
html[data-theme="light"] [style*="color: #64D2FF"],
html[data-theme="light"] [style*="color:#64d2ff"] { color: #0e7490 !important; }

html[data-theme="light"] [style*="color:#FFD60A"],
html[data-theme="light"] [style*="color: #FFD60A"],
html[data-theme="light"] [style*="color:#ffd60a"],
html[data-theme="light"] [style*="color:#fde047"] { color: #a16207 !important; }

/* ═══════════════════════════════════════════════════════════════════
   SECTION 3 — Protect descendants of dark-bg cards in light mode
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="light"] .bg-\[\#0F2433\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0F3A2F\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#1B3A4B\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0F2733\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0E1A23\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#0F"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background: #0F"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#1B"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background: #1B"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#0E"] :is(span,p,a,li,h1,h2,h3,h4,button,div) {
    color: #f5f5f5 !important;
}

/* Re-allow brand-color text classes inside dark cards */
html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#30D158\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#30D158\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#30D158\] { color: #30D158 !important; }

html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#64D2FF\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#64D2FF\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#64D2FF\] { color: #64D2FF !important; }

html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#FFD60A\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#FFD60A\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#FFD60A\] { color: #FFD60A !important; }

/* Gray-300/400 inside dark cards → readable slate */
html[data-theme="light"] .bg-\[\#0F2433\] .text-gray-300,
html[data-theme="light"] .bg-\[\#0F2733\] .text-gray-300,
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-gray-300,
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-gray-300,
html[data-theme="light"] [style*="background:#0F"] .text-gray-300,
html[data-theme="light"] [style*="background:#1B"] .text-gray-300,
html[data-theme="light"] [style*="background:#0F"] .text-gray-400,
html[data-theme="light"] [style*="background:#1B"] .text-gray-400 { color: #cbd5e1 !important; }

html[data-theme="light"] .bg-gray-800 .text-white,
html[data-theme="light"] .bg-gray-700 .text-white,
html[data-theme="light"] .bg-slate-800 .text-white { color: #f5f5f5 !important; }

html[data-theme="light"] .bg-gray-800,
html[data-theme="light"] .bg-gray-700,
html[data-theme="light"] .bg-slate-800 {
    background-color: #1f2937 !important;
}

html[data-theme="light"] .bg-gray-800 :is(span,p,a,li,h1,h2,h3,h4,button,div) {
    color: #f5f5f5 !important;
}

html[data-theme="light"] .bg-\[\#1B3A4B\] *:not([class*="text-\["]):not([class*="bg-green"]):not([class*="bg-emerald"]) {
    color: #f5f5f5 !important;
}

html[data-theme="light"] p.text-gray-300 a,
html[data-theme="light"] p.text-gray-300 > a { color: #f5f5f5 !important; }

/* ═══════════════════════════════════════════════════════════════════
   SECTION 4 — Logo SVG (selector fix from html.dark → [data-theme])
   ═══════════════════════════════════════════════════════════════════ */

.logo-905wood-seal { color: #F5F5F5 !important; }
.logo-905wood-seal svg text,
.logo-905wood-seal text,
.logo-905wood-seal svg path { fill: #F5F5F5 !important; color: #F5F5F5 !important; }

html[data-theme="light"] .logo-905wood-seal,
html[data-theme="dark"] .logo-905wood-seal,
html:not([data-theme]) .logo-905wood-seal { color: #F5F5F5 !important; }

html[data-theme="light"] .logo-905wood-seal svg text { fill: #F5F5F5 !important; color: #F5F5F5 !important; }

/* ═══════════════════════════════════════════════════════════════════
   SECTION 5 — Top utility bar
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="light"] a[href*="tel:"],
html[data-theme="light"] a[href*="tel:"] span { color: #1a1a1a !important; }
html[data-theme="light"] #wp-theme-label { color: #525252 !important; }
html[data-theme="light"] a.inline-flex.items-center.gap-1\.5 {
    background-color: #15803d !important;
    color: #fff !important;
    border-color: #15803d !important;
}
html[data-theme="light"] a.inline-flex.items-center.gap-1\.5 span { color: #fff !important; }
html[data-theme="light"] a[class*="inline-flex"][class*="px-8"] {
    background-color: #15803d !important;
    color: #ffffff !important;
}
html[data-theme="light"] a[class*="inline-flex"][class*="px-8"] * { color: #ffffff !important; }

html[data-theme="light"] [style*="background:#0F"] a[href*="tel:"],
html[data-theme="light"] [style*="background:#1B"] a[href*="tel:"] { color: #f5f5f5 !important; }

/* ═══════════════════════════════════════════════════════════════════
   SECTION 6 — Dark Theme Pristine Polish V7
   "Hamilton Grit meets Silicon Valley" finish.
   ═══════════════════════════════════════════════════════════════════ */

/* P6.1 — Subtitle gray on dark cards: bump from #71717a (3.2:1) to #a3a3a3 (5.5:1) */
html[data-theme="dark"] [class*="bg-\["] .text-gray-400,
html[data-theme="dark"] [class*="bg-\["] .text-slate-400,
html[data-theme="dark"] [class*="bg-\["] .text-zinc-400,
html[data-theme="dark"] [style*="background:#0F"] .text-gray-400,
html[data-theme="dark"] [style*="background:#1B"] .text-gray-400,
html[data-theme="dark"] [style*="background: #0F"] .text-gray-400,
html[data-theme="dark"] [style*="background: #1B"] .text-gray-400,
html:not([data-theme]) [class*="bg-\["] .text-gray-400,
html:not([data-theme]) [style*="background:#0F"] .text-gray-400,
html:not([data-theme]) [style*="background:#1B"] .text-gray-400 {
    color: #a3a3a3 !important; /* neutral-400 — passes AA on #0F2733 and #1B3A4B */
}

/* P6.2 — Header utility text bumped */
html[data-theme="dark"] header .text-gray-400,
html:not([data-theme]) header .text-gray-400 {
    color: #a3a3a3 !important;
}

/* P6.3 — Footer headings: bump 4.18 → 14:1 + uppercase rhythm */
html[data-theme="dark"] .dp-footer-heading,
html[data-theme="dark"] footer h3,
html[data-theme="dark"] footer h4,
html:not([data-theme]) .dp-footer-heading,
html:not([data-theme]) footer h3,
html:not([data-theme]) footer h4 {
    color: #f5f5f5 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* P6.4 — Footer links polished */
html[data-theme="dark"] footer a,
html[data-theme="dark"] .dp-footer-links a,
html:not([data-theme]) footer a,
html:not([data-theme]) .dp-footer-links a {
    color: #a3a3a3 !important;
    transition: color 0.18s ease;
}
html[data-theme="dark"] footer a:hover,
html:not([data-theme]) footer a:hover {
    color: #30D158 !important;
}

/* P6.5 — Solid-color badge text: black on light bg colors for AA */
html[data-theme="dark"] [class*="bg-green-500"][class*="text-white"],
html[data-theme="dark"] [class*="bg-emerald-500"][class*="text-white"],
html[data-theme="dark"] [class*="bg-cyan"][class*="text-white"],
html[data-theme="dark"] [class*="bg-sky"][class*="text-white"],
html[data-theme="dark"] [class*="bg-yellow"][class*="text-white"],
html[data-theme="dark"] [class*="bg-amber"][class*="text-white"],
html:not([data-theme]) [class*="bg-green-500"][class*="text-white"],
html:not([data-theme]) [class*="bg-cyan"][class*="text-white"],
html:not([data-theme]) [class*="bg-yellow"][class*="text-white"] {
    color: #0a0a0a !important;
}

html[data-theme="light"] [class*="bg-green-500"][class*="text-white"],
html[data-theme="light"] [class*="bg-cyan"][class*="text-white"],
html[data-theme="light"] [class*="bg-yellow"][class*="text-white"],
html[data-theme="light"] [class*="bg-amber"][class*="text-white"] {
    color: #0a0a0a !important;
}

/* P6.6 — Solid-color badges using brand hex (badges from CMS blocks) */
html[data-theme="dark"] .bg-\[\#30D158\].text-white,
html[data-theme="dark"] [style*="background:#30D158"].text-white,
html[data-theme="dark"] [style*="background-color:#30D158"].text-white,
html[data-theme="dark"] .bg-\[\#64D2FF\].text-white,
html[data-theme="dark"] .bg-\[\#FFD60A\].text-white,
html[data-theme="dark"] [style*="background:#FFA500"].text-white,
html[data-theme="light"] .bg-\[\#30D158\].text-white,
html[data-theme="light"] .bg-\[\#64D2FF\].text-white,
html[data-theme="light"] .bg-\[\#FFD60A\].text-white {
    color: #0a0a0a !important;
}

/* P6.7 — Red MIXED badge: darker bg for AA, keep white text */
html[data-theme="dark"] [class*="bg-red-500"][class*="text-white"],
html[data-theme="dark"] .bg-\[\#FF453A\].text-white,
html[data-theme="light"] [class*="bg-red-500"][class*="text-white"],
html[data-theme="light"] .bg-\[\#FF453A\].text-white {
    background-color: #b91c1c !important; /* red-700 — 5.9:1 with white */
}

/* P6.8 — CTA buttons: darker green for AA, retain white text */
html[data-theme="dark"] a.bg-green-600:not(.text-black),
html[data-theme="dark"] a.bg-green-500:not(.text-black),
html[data-theme="dark"] button.bg-green-600,
html[data-theme="dark"] button.bg-green-500,
html:not([data-theme]) a.bg-green-600:not(.text-black),
html:not([data-theme]) a.bg-green-500:not(.text-black) {
    background-color: #15803d !important;
}

/* P6.9 — CTA hover: glow */
html[data-theme="dark"] a.bg-green-600:hover,
html[data-theme="dark"] a.bg-green-500:hover,
html[data-theme="dark"] a[class*="bg-green"][class*="inline-flex"]:hover,
html:not([data-theme]) a.bg-green-600:hover,
html:not([data-theme]) a.bg-green-500:hover {
    background-color: #16a34a !important;
    box-shadow: 0 0 24px rgba(48, 209, 88, 0.35) !important;
    transform: translateY(-1px);
}

/* P6.10 — Universal focus ring */
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] input:focus-visible,
html[data-theme="dark"] textarea:focus-visible,
html[data-theme="dark"] select:focus-visible,
html:not([data-theme]) a:focus-visible,
html:not([data-theme]) button:focus-visible,
html:not([data-theme]) input:focus-visible {
    outline: 2px solid #30D158 !important;
    outline-offset: 2px !important;
    border-radius: 4px;
}

/* P6.11 — Card depth via subtle shadow */
html[data-theme="dark"] [style*="background:#0F2733"],
html[data-theme="dark"] [style*="background: #0F2733"],
html[data-theme="dark"] .bg-\[\#0F2733\],
html[data-theme="dark"] .bg-\[\#0F2433\],
html[data-theme="dark"] .bg-\[\#0F3A2F\],
html[data-theme="dark"] .bg-\[\#1B3A4B\] {
    box-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.25);
    border-radius: 12px;
}

/* P6.12 — Typography rhythm */
html[data-theme="dark"] h1, html:not([data-theme]) h1 { letter-spacing: -0.02em; line-height: 1.15; }
html[data-theme="dark"] h2, html:not([data-theme]) h2 { letter-spacing: -0.01em; line-height: 1.2; }
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html:not([data-theme]) h3, html:not([data-theme]) h4 { letter-spacing: 0; line-height: 1.3; }

/* P6.13 — Tabular numerals on mono fonts (KPIs, prices) */
[class*="font-mono"] {
    font-feature-settings: 'tnum';
    font-variant-numeric: tabular-nums;
}

/* P6.14 — Tracking on uppercase labels */
html[data-theme="dark"] [class*="tracking-wider"],
html[data-theme="dark"] [class*="tracking-widest"] {
    letter-spacing: 0.08em !important;
}

/* P6.15 — Selection: branded green */
html[data-theme="dark"] ::selection,
html:not([data-theme]) ::selection {
    background-color: rgba(48, 209, 88, 0.35);
    color: #ffffff;
}
html[data-theme="light"] ::selection {
    background-color: rgba(21, 128, 61, 0.25);
    color: #0a0a0a;
}

/* P6.16 — Smooth transitions on interactive elements */
html[data-theme="dark"] a:not(.theme-toggle-905):not([class*="logo-905"]),
html[data-theme="dark"] button:not(.theme-toggle-905),
html:not([data-theme]) a:not(.theme-toggle-905):not([class*="logo-905"]) {
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

/* P6.17 — Link hover: verified → tech color trail */
html[data-theme="dark"] a:not([class*="btn-"]):not([class*="bg-"]):not(.logo-905wood-seal):hover,
html:not([data-theme]) a:not([class*="btn-"]):not([class*="bg-"]):not(.logo-905wood-seal):hover {
    color: #64D2FF !important;
}

/* P6.18 — Sentient Bridge gradient text + fallback for non-WebKit */
html[data-theme="dark"] .sb-grad,
html:not([data-theme]) .sb-grad {
    background: linear-gradient(90deg, #22c55e 0%, #fde047 60%, #f59e0b 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #4ade80 !important;
}
@supports not (background-clip: text) {
    html[data-theme="dark"] .sb-grad,
    html:not([data-theme]) .sb-grad {
        color: #4ade80 !important;
        -webkit-text-fill-color: #4ade80 !important;
        background: none !important;
    }
}
html[data-theme="light"] .sb-grad {
    background: linear-gradient(90deg, #15803d 0%, #a16207 60%, #b45309 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #15803d !important;
}

/* P6.19 — sb-chip golden chips */
html[data-theme="dark"] .sb-chip,
html:not([data-theme]) .sb-chip {
    color: #fde047 !important;
    background: rgba(253, 224, 71, 0.08) !important;
    border: 1px solid rgba(253, 224, 71, 0.25) !important;
}

/* P6.20 — Theme toggle pill refinement */
.theme-toggle-905 {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.theme-toggle-905:hover {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 0 12px rgba(48, 209, 88, 0.25);
}

/* P6.21 — Scrollbar: branded */
html[data-theme="dark"] ::-webkit-scrollbar,
html:not([data-theme]) ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track,
html:not([data-theme]) ::-webkit-scrollbar-track { background: #0a0a0a; }
html[data-theme="dark"] ::-webkit-scrollbar-thumb,
html:not([data-theme]) ::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 5px;
    border: 2px solid #0a0a0a;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover,
html:not([data-theme]) ::-webkit-scrollbar-thumb:hover {
    background: #525252;
}

/* P6.22 — Active nav indicator (subtle green border-bottom) */
html[data-theme="dark"] nav a.active,
html[data-theme="dark"] nav a[aria-current="page"],
html:not([data-theme]) nav a.active {
    color: #30D158 !important;
    border-bottom: 2px solid #30D158;
}

/* ═══════════════════════════════════════════════════════════════════
   SECTION 7 — Light-mode dark-mode-cleanup carries (was V6 section 6)
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="dark"] [style*="background:#0F2733"] .text-gray-300,
[data-theme="dark"] [style*="background:#1B3A4B"] .text-gray-300,
:root:not([data-theme]) [style*="background:#0F2733"] .text-gray-300 { color: #cbd5e1 !important; }

[data-theme="dark"] .text-neutral-400,
:root:not([data-theme]) .text-neutral-400 { color: #a3a3a3 !important; }

/* End of v7 patch */
.dr-905-pristine-v7-sentinel { content: "905WOOD-PRISTINE-V7"; }