:root{--zn-radius:12px;--zn-focus:#22d3a6}
html{scroll-behavior:smooth}body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
header{min-width:0}header a,header button,footer a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}
main{min-width:0}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}
button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--zn-focus)!important}
.panel,.card,[class*="rounded-lg"][class*="border"]{box-shadow:0 1px 0 rgba(255,255,255,.025)}
table{font-variant-numeric:tabular-nums}img{max-width:100%;height:auto}
@media(max-width:767px){main{padding-left:12px!important;padding-right:12px!important}.overflow-x-auto{max-width:100%;overscroll-behavior-x:contain}table{font-size:12px}input,select,textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}