/* KYSEC · element defaults. Consumers link styles.css; this sets type, background and link colors. */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--type-n4-size);line-height:var(--type-n4-lh);font-weight:var(--weight-regular);text-wrap:pretty}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;color:var(--text-strong)}
h1{font-size:var(--type-n1-size);line-height:var(--type-n1-lh);letter-spacing:var(--type-n1-track);font-weight:var(--type-n1-weight)}
h2{font-size:var(--type-n2-size);line-height:var(--type-n2-lh);letter-spacing:var(--type-n2-track);font-weight:var(--type-n2-weight)}
h3{font-size:var(--step-3);line-height:1.2;font-weight:var(--weight-semibold)}
h4{font-size:var(--step-2);line-height:1.25;font-weight:var(--weight-semibold)}
h5{font-size:var(--step-1);line-height:1.3;font-weight:var(--weight-semibold)}
h6{font-size:var(--step-0);line-height:1.4;font-weight:var(--weight-semibold)}
p{margin:0 0 var(--space-16);max-width:var(--measure-body)}
a{color:var(--link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--link) 40%,transparent);transition:color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
a:hover{color:var(--cyan-700);border-bottom-color:var(--cyan-700)}
[data-theme="dark"] a:hover{color:var(--cyan-500);border-bottom-color:var(--cyan-500)}
strong{font-weight:var(--weight-bold)}
::selection{background:var(--cyan-500);color:var(--blue-500)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media (max-width:767px){
h1{font-size:var(--type-n1-size-m)}h2{font-size:var(--type-n2-size-m)}h3{font-size:var(--type-n3-size-m)}
}