/* ------------------------------ */
/* ------------------------------ */
/* HTML */
h1 {
   display: block;
   width: 100%;
   min-height: calc(40px * var(--scale));
   overflow: auto;
   font-size: calc(var(--font-large) * var(--scale));
   margin-bottom: calc(50px * var(--scale));
   text-align: center;
   line-height: 1.5;
}

h2 {
   display: block;
   width: 100%;
   min-height: calc(30px * var(--scale));
   overflow: auto;
   font-size: calc(var(--font-medium) * var(--scale));
   margin-bottom: 0px;
   text-align: left;
   line-height: 1.5;
   text-transform: capitalize;
}

h3 {
   display: block;
   width: 100%;
   min-height: calc(20px * var(--scale));
   overflow: auto;
   font-size: calc(var(--font-small) * var(--scale));
   margin-bottom: 0px;
   text-align: left;
   line-height: 1.5;
   text-transform: capitalize;
}

p {
   display: block;
   width: 100%;
   min-height: calc(20px * var(--scale));
   overflow: auto;
   font-size: calc(var(--font-x-small) * var(--scale));
   margin-bottom: 0px;
   text-align: left;
   line-height: 1.5;
}

ul, ol { 
   display: block;
   list-style: disc outside none;
   margin: calc(20px * var(--scale)) 0px;
   padding: 0px 0px 0px calc(60px * var(--scale));
}

ol { 
   list-style-type: decimal;
}

li { 
   display: list-item;
   font-size: calc(var(--font-x-small) * var(--scale));
   margin-bottom: calc(20px * var(--scale));
   line-height: 1.5;
}

li:last-child {
   margin-bottom: 0px;
}

article {
   display: flex;
   flex-direction: column;
   gap: 10px;
}