/* v0.71.56 shared component guardrails. Intentional: do not rearrange the
   existing MEDIPHARM Header, logo, search, menu, Reader or external WebApps. */
.syh-app,.syh-superapp-page,.syh-header,.syh-footer{--med-touch-target:44px;--med-focus-ring:#167ac4}
.syh-app :is(img,video,canvas,svg){max-width:100%}
.syh-app :is(.syh-tool-card,.syh-library-card,.syh-parent-category-card,.syh-learning-entry-card){min-width:0}
.syh-app :is(h1,h2,h3,p,strong,a){overflow-wrap:break-word}
.syh-app :is(a,button,input,select,textarea):focus-visible,
.syh-header :is(a,button,input):focus-visible{outline:3px solid var(--med-focus-ring)!important;outline-offset:3px}
.syh-header [data-syh-theme-toggle]{touch-action:manipulation}
.syh-header [data-syh-menu-toggle]{touch-action:manipulation}
@media(max-width:720px){
  .syh-app :is(input[type="text"],input[type="search"],input[type="email"],input[type="password"],textarea,select){font-size:max(16px,1em)}
  .syh-app :is(button,[role="button"]){touch-action:manipulation}
  .syh-app :is(.syh-tool-link,.syh-library-copy>a,.syh-search-submit){min-height:var(--med-touch-target)}
  .syh-app main{min-width:0}
}
@media(min-width:721px) and (max-width:1140px){
  .syh-app :is(.syh-book-layout,.syh-member-layout,.syh-library-browser)>*{min-width:0}
}
:is(html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html[data-theme="dark"]) .syh-app,
:is(html.tvm-dark,html.nah-sdp-dark-mode,html.nah-sdp-night-active,html[data-theme="dark"]) .syh-header{--med-focus-ring:#80cef7;color-scheme:dark}
@media(prefers-reduced-motion:reduce){.syh-app :is(a,button){scroll-behavior:auto}}