html:not(.kr) body{visibility:hidden;animation:kr-free-show 0s 1s forwards}
@keyframes kr-free-show{to{visibility:visible}}
@media print{html:not(.kr) body{visibility:visible;animation:none}}
@media (prefers-reduced-motion:reduce){html:not(.kr) body{visibility:visible;animation:none}}


/* tap-targets: comfortable phone taps -- the sizes win on phones, the page's own layout stays */
@media (max-width: 600px) {
  a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a), button, [role=button], [onclick], summary, select, input:not([type=hidden], [type=checkbox], [type=radio], [type=range]) { min-height: 44px !important; min-width: 44px !important; }
  :where(a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a)) { display: inline-flex; align-items: center; justify-content: center; }
  input, select, textarea { font-size: max(16px, 1em) !important; }
}