Continuation of prior session that fixed the personal injury page (FAQ back inside grid, sidebar CTA button repaired). Root cause identified: Kadence theme requires !important on EVERY inline CSS property on dark-background components. WordPress wpautop also injects
`` tags into <p>-wrapped <a> elements, ballooning inline-flex button height from ~44px to 106px.
Sam's request: permanently bake these detection rules into the QA pipeline so future deploys auto-catch these issues without manual intervention.
This session picked up from a context summary. Skills were reloaded (which overwrites local files from server), meaning the previous session's playwright-visual-qa edits were lost. All 4 skill edits were re-applied from scratch.
At session end, save_custom_skill failed with a platform bug (AttributeError: protobuf CALLER_ROLE_USER). All edits exist in local workspace files but have NOT been saved to the server. Engineering notified: diagnostic_id fc8db4f5-f4ae-4dca-969f-be86de4a4ca2.
File: /home/user/workspace/skills/user/playwright-visual-qa/SKILL.md
skill_id: efb2cde9-9b6e-4b86-afe0-23e89b4a1c7c
Two new automated check blocks added to automatedChecks() after the existing gray text check:
Kadence Override Check -- targets .sa-sidebar-cta, .sa-cta-banner, .sa-highlight-box, .sa-review-strip. Queries all child elements, checks window.getComputedStyle(el).color. Flags any element where computed color is NOT white (r>220,g>220,b>220) and NOT orange (r>200,g>100,b<80). Also checks anchor borderTopColor (flags if not white/transparent) and anchor offsetHeight (flags if >70px). Results prefixed KADENCE:
wpautop br Injection Check -- queries all .sa-page-wrapper a elements, checks a.querySelectorAll('br').length, flags with WPAUTOP: prefix if any
`` found inside anchor.
Three new rows added to Common Issues table:
Version: 1.1 -> 1.2. Updated: 2026-04-05.