*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font:var(--text-body);color:var(--text-primary);background:var(--surface-page)}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
h1{font:var(--text-h1);letter-spacing:var(--tracking-tighter)}
h2{font:var(--text-h2);letter-spacing:var(--tracking-tight)}
h3{font:var(--text-h3);letter-spacing:var(--tracking-tight)}
h4{font:var(--text-h4)}
a{color:var(--text-accent);text-decoration:none;transition:var(--transition-control)}
a:hover{color:var(--tedx-red-hover);text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] a:hover{color:var(--white)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--tedx-red);color:var(--white)}
img{display:block;max-width:100%}
button{font-family:inherit}