.kursnet-editor {
    --kursnet-editor-border: var(--color-border);
    border: 1px solid var(--kursnet-editor-border);
    border-radius: var(--rounded-md);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
    overflow: hidden;
}

.kursnet-editor__toolbar {
    padding: var(--size-2);
    border-block-end: 1px solid var(--kursnet-editor-border);
    background: var(--color-surface);
}

.kursnet-editor__toolbar .btn {
    min-block-size: 2rem;
}

.kursnet-editor__toolbar-button--active {
    --btn-background: var(--color-border-light);
    --btn-border-color: var(--color-selected-dark);
    box-shadow: inset 0 0 0 1px var(--color-selected-dark);
}

.kursnet-editor__surface {
    display: block;
}

.kursnet-editor__content {
    min-block-size: 15rem;
    padding: var(--size-3);
}

.kursnet-editor__content {
    outline: 0;
}

.kursnet-editor__content:focus {
    box-shadow: inset 0 0 0 2px var(--color-selected-dark);
}

.kursnet-editor__content :is(h1, h2, h3) {
    margin-block: 0.5em;
    font-weight: var(--font-extrabold);
    line-height: 1.1;
}

.kursnet-editor__content h1 {
    font-size: 2em;
}

.kursnet-editor__content h2 {
    font-size: 1.6em;
}

.kursnet-editor__content h3 {
    font-size: 1.35em;
}

.kursnet-editor__content :is(p, ul, ol) {
    margin-block: 0.65lh;
}

.kursnet-editor__content :is(strong, b) {
    font-weight: var(--font-bold);
}

.kursnet-editor__content :is(ul, ol) {
    list-style-position: outside;
    padding-inline-start: 1.5em;
}

.kursnet-editor__content ul {
    list-style-type: disc;
}

.kursnet-editor__content ol {
    list-style-type: decimal;
}