body {
    background-color: #FDFCE8;
    color: #3E4B2F;
    margin: 0;
}

.highlight {
    background-color: yellow;
}

.toggle_highlight {
    background-color: white;
}

.core-spotlight {
  background-color: #e3d89a;
}

.definition {
        background-color: white;
        color: steelblue;
        position: relative;
        top: 100%;
    }

.intro {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-weight: 800;
    padding: 20px;
    gap: 15px;
}

.container {
    max-width: 100%;
}

.guide {
    background-color: #D4C4A8;
    color: #2E2B25;
    margin: 2px 5px;
    border-radius: 8px;
}

.output {
    min-height: 250px;
}

.toggle {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.data_table {
    display: flex;
    justify-content: center;
}

.data_table figure {
    border: 2px solid #4A3F35;
}

.data_table thead {
    background-color: #D4C4A8;
    color: #2E2B25;
}

.data_table tbody {
    background-color: #EAE6C9;
    color: #3E3A31;
    border: 1px solid #2E2B25;
}

.glossary {
    background-color: #D4C4A8;
    color: #2E2B25;
    margin: 2px 5px;
    border-radius: 8px;
}

.glossary dt {
    font-weight: 700;
}