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; }
}


/* contrast: text colours nudged to readable; the page's own palette elsewhere */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) span.index { color: rgb(127, 55, 31) !important; }
  :root:not([data-theme="dark"]) span.process__num { color: rgb(147, 64, 35) !important; }
  :root:not([data-theme="dark"]) span.case__index { color: rgb(147, 64, 35) !important; }
}