$px: 0.0625em;

.section-level {
    width: 640*$px;
    border-radius: 15*$px;
    margin: 1em 0;
    a:hover {
        text-decoration: underline;
    }
}

.section-type {
    display: inline-block;
    vertical-align: top;
    padding: 20*$px;

    h1 {
        text-transform: uppercase;
        margin: 0 0 1em 0;
        font-size: 1em;
    }
}
.section-type-synthetic {
    width: 300*$px - 2 * 20*$px;
}
.section-type-course {
    border-radius: 0 15*$px 15*$px 0;
    width: 340*$px - 2 * 20*$px;
}

.section-level-gimnazjum {
    background: #f4ae83;
    color: #67584f;
    a, a:hover {
        color: #67584f;
    }

    .section-type-synthetic {
    }
    .section-type-course {
        background: #ed7831;
        color: #fff;
        a {
            color: #fff;
        }
    }
}


.section-level-liceum {
    background: #44b69f;
    color: #363a3e;
    a, a:hover {
        color: #363a3e;
    }

    .section-type-synthetic {
    }
    .section-type-course {
        background: #16a487;
        color: #fff;
        a {
            color: #fff;
        }
    }
}


.course-boxes {
    h1 {
        color: #363a3e;
    }
    .section-level {
        background: white;
        border: 1px solid #777;
        a, a:hover {
            color: #363a3e;
        }
        .section-type-course {
            background: white;
            bborder-left: 1px solid #363a3e;
        }
    }
}


.section-links {
    float: right;
}

h2.section-header {
    margin: 0;
}


.section-list-toc {
    display: inline-block;
    vertical-align: top;
    width: 300*$px;
}