:root:has(style[data-brand-palette]) [data-brand-band]{--color-foreground:var(--brand-band-text);--color-muted-foreground:color-mix(in oklab, var(--brand-band-text) 78%, transparent);--color-muted:color-mix(in oklab, var(--brand-band-text) 16%, transparent);--color-border:color-mix(in oklab, var(--brand-band-text) 30%, transparent);--color-ring:var(--brand-band-text);--color-background:color-mix(in oklab, var(--brand-band-text) 12%, transparent);background-color:var(--brand-band);color:var(--brand-band-text);box-shadow:inset 0 -3px 0 var(--brand-accent);border-radius:.5rem;padding:.25rem .25rem .375rem}:root:has(style[data-brand-palette]) nav[data-help=app-nav] a[aria-current=page]{background-color:var(--brand-tint);box-shadow:inset 3px 0 0 var(--brand-accent)}:root:has(style[data-brand-palette]) nav[data-help=app-nav] a[aria-current=page] svg{color:var(--brand-accent)}:root:has(style[data-brand-palette]) [data-brand-hero]{background-color:var(--brand-tint);border:1px solid var(--brand-border);border-left:4px solid var(--brand-accent);border-radius:.5rem;padding:1rem 1.25rem}:root:has(style[data-brand-palette]) [data-brand-band][data-brand-wide]{border-radius:0;padding:0}