/* X04: only colour changes; existing row geometry, separators, selected marks,
   disclosure semantics and native picker dimensions remain authoritative. */
#app31 :is(.path,.support-topic>summary,.owner-choices button,.faq-item>summary,.partners>summary){
  --interaction-ink:50 66 39;
  --interaction-strength:.055;
  transition:background-color 220ms ease,color 220ms ease;
}
#app31 [data-tone=dark] :is(.support-topic>summary,.faq-item>summary,.partners>summary){
  --interaction-ink:0 8 3;
  --interaction-strength:.17;
}
#app31 #owners :is(.owner-choices button,.partners>summary){
  --interaction-ink:87 72 23;
  --interaction-strength:.065;
}
#app31 #application-form :is(input,select,textarea){
  transition:background-color 220ms ease,border-color 220ms ease;
}
#app31 .support-action{transition:background-color 220ms ease,color 220ms ease}
/* Pointer focus never creates a frame, including UA focus-visible on clicked
   editable fields. Keyboard modality leaves the existing focus-visible rules. */
#app31[data-input-modality=pointer] :is(a[href],button,summary,[role=button],input,select,textarea,option):focus{
  outline:none!important;
}
#app31[data-input-modality=pointer] #application-form :is(input,select,textarea):focus{
  background-color:transparent;
}
@media(hover:hover) and (pointer:fine){
  #app31 :is(.path,.support-topic>summary,.owner-choices button,.faq-item>summary,.partners>summary):hover{
    background-color:rgb(var(--interaction-ink)/var(--interaction-strength));
  }
  /* These IDs match the established component rules without changing borders. */
  #app31 #owners :is(.owner-choices button,.partners>summary):hover{
    background-color:rgb(var(--interaction-ink)/var(--interaction-strength));
  }
  #app31 #application-form :is(input,select,textarea):not(:disabled):hover,
  #app31[data-input-modality=pointer] #application-form :is(input,select,textarea):not(:disabled):hover{
    background-color:rgb(64 82 48/.055);
  }
  /* Retain the solid CTA surfaces and pressed contrast, without a hover glow. */
  #app31 :is(.hero-car-link,.header-cta,.yellow-link,.dark-link,.copy-button,.path-cta):is(:hover,:active){
    box-shadow:none!important;
  }
  #app31 :is(.hero-car-link,.header-cta,.yellow-link,.dark-link,.copy-button,.path-cta):hover:not(:active){
    background-color:#1e3325!important;color:#faf8ef!important;
  }
  #app31 .hero-car-link:hover:not(:active),
  #app31 .header .header-cta:hover:not(:active),
  #app31 :is(#cars,#contact) :is(.yellow-link,.dark-link):hover:not(:active){
    background-color:#e3dfcf!important;color:#1a3023!important;
  }
  #app31 .header:is([data-tone=light],[data-tone=yellow]) .header-cta:hover:not(:active){
    background-color:#1e3325!important;color:#faf8ef!important;
  }
  #app31 .support-action:hover:not(:active){background-color:rgb(50 66 39/.055);border-color:#7d8d6b}
  #app31 #owners .partner-discuss>.support-action:hover:not(:active){background-color:rgb(87 72 23/.065);border-color:#71652d}
}
@supports (appearance:base-select) and selector(::picker(select)){
  @media(min-width:761px) and (hover:hover) and (pointer:fine){
    #app31 #application-form select option{transition:background-color 220ms ease,color 220ms ease}
    #app31 #application-form select option:not(:disabled):hover{background-color:#e5eadb}
    #app31 #application-form select option:checked:not(:disabled):hover{background-color:#dbe3ce}
  }
}
@media(prefers-reduced-motion:reduce){
  #app31 :is(.path,.support-topic>summary,.owner-choices button,.faq-item>summary,.partners>summary),
  #app31 #application-form :is(input,select,textarea,option),
  #app31 #application-form select option{transition:none}
}

/* X04 return: the header's older important shadow-only transition must not
   override tonal enter/leave. Match its selector and importance, later in CSS. */
#app31 .header .header-cta{transition:background-color 220ms ease,color 220ms ease!important}
#app31[data-static=true] .header .header-cta{transition:none!important}
@media(prefers-reduced-motion:reduce){
  #app31 .header .header-cta{transition:none!important}
}