/* =====  RESET  =====
 * Universal box-sizing + margin-collapse reset + OS/browser quirks. */

*,
*::before,
*::after{
box-sizing: border-box;
margin:0;
text-decoration:none;
hyphens:auto;
overflow-wrap:break-word;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:none;
line-height:normal;
}

body{
background:var(--bgr-body-300);
font-family:var(--primary-font-family);
color:var(--clr-primary-300);
scroll-behavior:smooth;
}

body:has(dialog[open]),
body:has(#nav.open){
overflow:hidden;
}