/* One intentional control layer outranks legacy per-screen important paint rules.
   Layout, hit areas, handlers, spinners and content imagery are unchanged. */
@layer code-controls {
 html[data-ui="5"] {
  --control-ink:var(--text,#edf2f4);
  --control-accent:var(--appearance-accent,var(--teal,#38bdf8));
  --control-hover:color-mix(in srgb,var(--control-ink) 7%,transparent);
  --control-danger:#b42318;
 }
 html[data-ui="5"][data-theme="dark"]{--control-danger:#ffb4ab}
 html[data-ui="5"] #brand-intro{--control-ink:#ddd;--control-accent:#ff8b2b}
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]){
  border:0 solid transparent!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--control-ink)!important;
  transition:background-color 160ms ease,color 160ms ease,opacity 120ms ease,translate 120ms ease,scale 120ms ease!important;
 }
 /* Legacy .btn pseudo-elements are decorative glare, not icons or spinners. */
 html[data-ui="5"] :where(#root,#brand-intro) .btn{transform:none!important;text-shadow:none!important}
 html[data-ui="5"] :where(#root,#brand-intro) .btn::before,
 html[data-ui="5"] :where(#root,#brand-intro) .btn::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
 /* Primary actions remain discoverable without a raised card or hard frame. */
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,[role="button"],input[type="submit"]):is(.primary,.hs-primary,[data-variant="primary"],[type="submit"]){
  background:color-mix(in srgb,var(--control-accent) 16%,transparent)!important;
  color:var(--control-ink)!important;
 }
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):is([aria-pressed="true"],[aria-selected="true"],[aria-current="page"],.selected,.active){
  background:color-mix(in srgb,var(--control-accent) 18%,transparent)!important;
  color:var(--control-ink)!important;
 }
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,[role="button"]):is(.danger,[data-variant="danger"],[data-tone="danger"]){
  color:var(--control-danger)!important;
  background:color-mix(in srgb,var(--control-danger) 10%,transparent)!important;
 }
 @media(hover:hover){
  html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):hover:not(:disabled):not([aria-disabled="true"]){
   background-color:var(--control-hover)!important;
  }
 }
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):active:not(:disabled):not([aria-disabled="true"]){
  translate:0 1px;scale:.985;
  background-color:color-mix(in srgb,var(--control-accent) 22%,transparent)!important;
 }
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):focus-visible{
  outline:2px solid var(--control-accent)!important;outline-offset:3px!important;
 }
 html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):is(:disabled,[aria-disabled="true"]){
  cursor:not-allowed;translate:none!important;scale:none!important;opacity:.5;
 }
 html[data-ui="5"]:is(.a11y-no-motion,[data-ui-effects="reduced"]) :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]){
  transition:none!important;transform:none!important;translate:none!important;scale:none!important;
 }
 @media(prefers-reduced-motion:reduce){
  html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]){transition:none!important;transform:none!important;translate:none!important;scale:none!important}
 }
 /* Accessibility contrast modes intentionally retain a native visible boundary. */
 html[data-ui="5"]:is(.a11y-contrast,[data-contrast="high"]) :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]){
  border:1px solid currentColor!important;background:transparent!important;color:inherit!important;
 }
 @media(forced-colors:active){
  html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]){border:1px solid ButtonText!important;background:ButtonFace!important;color:ButtonText!important;transition:none!important;transform:none!important;translate:none!important;scale:none!important;forced-color-adjust:auto}
  html[data-ui="5"] :where(#root,#brand-intro) :is(button,.btn,.button,.hs-button,a.nav-item,[role="button"]):focus-visible{outline-color:Highlight!important}
 }
}