*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-background);color:var(--color-text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}
body:has(dialog[open]){overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.18;margin:0}
p{margin:0 0 1rem}
::selection{background:#dfeadf}
:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 65%,transparent);outline-offset:3px}
.skip-link{position:fixed;left:12px;top:12px;z-index:1000;padding:10px 14px;background:#fff;border:1px solid var(--color-border);border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}