/* Page defaults. Everything a screen inherits before a single component is mounted. */
html{font-family:var(--font-sans);line-height:var(--leading-body);background-color:var(--surface-page);color:var(--text-body);-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:var(--text-strong);margin:0}
p{margin:0}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:4px}
a:hover{color:var(--surface-action-hover)}
[data-theme='dark'] a:hover{color:var(--color-primary-200)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.syr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}