/* Exercise styling */
.exercise-header {
    height: 1.75px;
    background-color: black;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1em;
}

.exercise-title {
    background-color: #b5e7a0;
    position: relative;
    top: -0.7em;
    padding: 0 2em;
    /* Increased horizontal padding from 1em to 2em */
}

/* Solution styling */
.solution-header {
    height: 0.5px;
    background-color: transparent;
    text-align: left;
    border-style: dashed none none none;
    border-width: 0.5px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.solution-title {
    background-color: #D6EAF8;
    position: relative;
    top: -1em;
    font-size: 80%;
    padding: 0 2em;
    /* Increased horizontal padding from 1em to 2em */
}

/* Theorem styling */
.theorem-header {
    height: 1.75px;
    background-color: black;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1em;
}

.theorem-title {
    background-color: #ffa7a7;
    position: relative;
    top: -0.7em;
    padding: 0 2em;
    /* Increased horizontal padding from 1em to 2em */
}

/* Proof styling */
.proof-header {
    height: 0.5px;
    background-color: transparent;
    text-align: left;
    border-style: dashed none none none;
    border-width: 0.5px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.proof-title {
    background-color: #f8c52c;
    position: relative;
    top: -1em;
    font-size: 80%;
    padding: 0 2em;
    /* Increased horizontal padding from 1em to 2em */
}

/* Common divider */
.section-end {
    height: 1.75px;
    background-color: black;
    margin: 0 0 1em 0;
    margin-top: -0.25em;
    /* Negative margin to shift upward */
}

/* Styling for postulate headers */
.postulate-header {
    height: 1.75px;
    background-color: black;
    text-align: left;
    margin: 20px 0px 10px 0px;
}

.postulate-title {
    background-color: #ffc040;
    position: relative;
    top: -0.7em;
    padding: 0 0.7em;
}

/* Styling for corollary headers */
.corollary-header {
    height: 1.75px;
    background-color: black;
    text-align: left;
    margin: 20px 0px 10px 0px;
}

.corollary-title {
    background-color: #ffa7a7;
    position: relative;
    top: -0.7em;
    padding: 0 0.7em;
}


/* Usage Examples

<div class="exercise-header">
<span class="exercise-title">Exercise 1</span>
</div>

<div class="solution-header">
<span class="solution-title">Solution</span>
</div>

<div class="theorem-header">
<span class="theorem-title">Theorem 1</span>
</div>

<div class="proof-header">
<span class="proof-title">Proof</span>
</div>

<div class="section-end"></div>

<div class="postulate-header">
<span class="postulate-title">Postulate 1</span>
</div>

<div class="corollary-header">
<span class="corollary-title">Corollary 1</span>
</div>

*/