/* Actions stay in normal flow: a small viewport or keyboard must not cover them. */
body .practice-visible-tools{display:flex;justify-content:flex-end;gap:12px;margin:12px 0 0}
body .practice-visible-tools .button,body .practice-visible-tools .text-button{min-height:44px;font-size:14px}
body .practice-workspace{scroll-margin-top:16px}
body .practice-field textarea{resize:vertical;max-width:100%;scroll-margin-block:24px;overflow-wrap:anywhere}
body .practice-preview pre{overflow-wrap:anywhere;white-space:pre-wrap}
body .saved-practices-list>li>div{min-width:0}
body .saved-practices-list strong{overflow-wrap:anywhere}
body :is(summary,.text-button){touch-action:manipulation}
body summary:focus-visible{outline:3px solid var(--ui-text);outline-offset:3px;border-radius:4px}
body .form-error{overflow-wrap:anywhere}
@media(max-width:760px){
  body .app-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  body .workspace{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  body .app-layout:has(textarea:focus,input:not([type=radio]):not([type=checkbox]):focus)>.sidebar{display:none}
  body:has(textarea:focus,input:not([type=radio]):not([type=checkbox]):focus) .toast{bottom:max(12px,env(safe-area-inset-bottom))}
  body .practice-visible-tools>.button,body .practice-visible-tools>.text-button{width:100%}
  body .practice-editor .practice-tabs button{min-height:48px}
  body :is(.practice-field textarea,.application-note-label textarea,.lab-notes textarea){font-size:16px}
  body .practice-kit-footer .button{white-space:normal}
}
@media(max-width:360px){
  body .focused-chat .practice-workspace{padding:18px 14px}
  body .practice-heading h2{font-size:21px}
  body .chat-heading{flex-wrap:wrap;gap:12px}
  body .practice-primary-actions{flex-wrap:wrap}
  body .practice-primary-actions>.button{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  body .toast{transition:none}
}