* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
html body :where(.editor-styles-wrapper) {
    font-family: var(--font-family-secondary);
}
html body :where(.editor-styles-wrapper),
html body .lesson-content {
    font-size: var(--font-size-paragraph);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-primary);
    font-weight: bold;
    letter-spacing: 0;
}

.lesson-content h1,
h1 {
    font-size: var(--font-size-heading-1);
    line-height: var(--line-height-heading-1);
    letter-spacing: 0;
}
.lesson-content h2,
h2 {
    font-size: var(--font-size-heading-2);
    line-height: var(--line-height-heading-2);
    letter-spacing: 0;
}
.lesson-content h3,
h3 { 
   font-size: var(--font-size-heading-3);
   line-height: var(--line-height-heading-3);
   letter-spacing: 0;
}
.lesson-content h4,
h4 {
    font-size: var(--font-size-heading-4);
    line-height: var(--line-height-heading-4);
    letter-spacing: 0;
}
.lesson-content h5,
h5 {
    font-size: var(--font-size-heading-5);
    line-height: var(--line-height-heading-5);
    text-transform: inherit;
    letter-spacing: 0;
}

.lesson-content p,
p {
    font-size: var(--font-size-paragraph);
    line-height: var(--line-height-paragraph);
}

.band {
    background: var(--color-secondary);
    color: #fff;
}

.hidden {
    display: none;
}

.container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

/* Temporary card styling, should be moved to its own CSS file */
.card {
    height: 100%;
}