/* pocket ATA 4.14.8 · UX Phase 7 / WCAG 2.2 AA-informed interface corrections.
   No changes to clinical content or calculator components' math. */
:root{--ux7-focus:#0c7169}
/* Visible keyboard focus even on controls whose original styles remove outlines. */
:where(a,button,input,select,textarea,summary,[role="button"],[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--ux7-focus)!important;
  outline-offset:3px!important;
}
/* Light focus indicators are clearer against the dark utility banner/header. */
.pocket-learning-notice :is(button,summary):focus-visible,
.app-header .app-emergency:focus-visible,
.bg-slate-900 :is(a,button):focus-visible{outline-color:#5eead4!important}
/* Avoid obscuring focused elements with a sticky header or mobile dock. */
html{scroll-padding-top:116px;scroll-padding-bottom:98px}
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{scroll-margin-block:108px 95px}
/* The compact personal OP-Tasche buttons are easier to use with one hand. */
@media(max-width:767px){
  html{scroll-padding-top:82px;scroll-padding-bottom:100px}
  .ux6-personal .ux6-icon-button{min-width:42px;width:42px;min-height:44px}
  #pc48MobileDock a,#pc48MobileDock button{font-size:11px!important;line-height:1.2}
  .ux-context-label small{font-size:11px!important}
  footer a{display:inline-flex;align-items:center;min-height:32px}
}
/* Reduce animation for motion-sensitive users, including smooth programmatic scrolling. */
@media(prefers-reduced-motion:reduce){
  html,body{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}
/* Stronger default contrast for muted text on light input and data surfaces. */
.app-search input::placeholder,.ux2-search input::placeholder{color:#526579}