@layer reset {
	*, *::before, *::after {
	  box-sizing: border-box;
	}
  
	* {
	  margin: 0;
	  padding: 0;
	}
  
	body {
	  line-height: 1.5;
	}
  
	img, picture, video, canvas, svg {
	  display: block;
	  max-inline-size: 100%;
	  height: auto;
	}
  
	input, button, textarea, select {
	  font: inherit;
	  letter-spacing: inherit;
	  word-spacing: inherit;
	  color: currentColor;
	}
  
	p, h1, h2, h3, h4, h5, h6 {
	  overflow-wrap: break-word;
	}
  
	ol, ul {
	  list-style: none;
	}
  
	:not([class]) {
	  h1&, h2&, h3&, h4&, h5&, h6& {
		margin-block: 0.75em;
		line-height: 1.5;
		text-wrap: balance;
		letter-spacing: -0.05ch;
		font-family: sans-serif;

        &:first-child {
            margin-block-start: 0;
        }
	  }
  
	  p&, ol&, ul& {
		margin-block: 1em;
		text-align: justify;;

        &:first-child {
            margin-block-start: 0;
        }
	  }
  
	  ol&, ul& {
		padding-inline-start: 1.5em;
		list-style: revert;
	  }
  
	  li& {
		margin-block: 0.5em;
	  }
	}

	pre[class] {
		padding: 1em;
		border-radius: 0.5em;
	}
}

@view-transition {
  navigation: auto;
}