/* Shared interaction presentation, including programmatic dialog focus.
   Important declarations deliberately override component-specific focus rings. */
body:is(.pf-site,.pf-qr-site) :focus-visible,
body:is(.pf-site,.pf-qr-site) .pfm-size-options input:focus-visible + span {
  outline:2px solid var(--pf-wine,#671d2b)!important;
  outline-offset:3px!important;
}
body:is(.pf-site,.pf-qr-site) :focus:not(:focus-visible),
body:is(.pf-site,.pf-qr-site) .pfm-size-options input:focus:not(:focus-visible) + span,
html.pf-pointer-focus body:is(.pf-site,.pf-qr-site) :focus,
html.pf-pointer-focus body:is(.pf-site,.pf-qr-site) .pfm-size-options input:focus + span {
  outline:none!important;
}
@media (forced-colors:active) {
  body:is(.pf-site,.pf-qr-site) :focus-visible,
  body:is(.pf-site,.pf-qr-site) .pfm-size-options input:focus-visible + span {outline-color:Highlight!important}
}