/* Scope the wiki palette to its branded form and board. Other apps are unchanged. */
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"], .fh-board .fh-app-logo[alt="WikiApiary"]) {
  --blue: #925800;
  --salad: #f5b700;
  --muted: #515866;
  --line: #dfe3e8;
  color: #20242b;
  background: #f5f6f8;
}
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) .fh-widget { background: #fff; color: #20242b; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) .fh-widget > header { background: #fff5cc; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) .fh-widget > header strong { display: flex; align-items: center; gap: 12px; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) .fh-widget > header strong::after { content: "WikiApiary"; font-size: 22px; color: #925800; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) .fh-app-logo { width: 56px; height: 56px; max-height: none; object-fit: contain; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) :is(input, textarea, select) { background: #fff; color: #20242b; border-color: #c9ced6; border-radius: 6px; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) :is(.fh-button.primary, .fh-segments button[aria-pressed="true"]) { background: #f5b700; color: #20242b; border-color: #d8a200; border-radius: 6px; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) :is(.fh-segments, .fh-attach) { background: #faf8f2; border-radius: 6px; }
:root:has(.fh-widget .fh-app-logo[alt="WikiApiary"]) :focus-visible { outline: 3px solid #f5b700; outline-offset: 2px; }