/* ========================================================= */
/* PROSE / MARKDOWN CONTENT                                  */
/* ========================================================= */

.prose {
    /* typography only — no layout */
}

/* --------------------------------------------------------- */
/* Text                                                      */
/* --------------------------------------------------------- */

.prose p,
.prose li {
    font-size: 1.06rem;
    line-height: 1.75;
    color: #e5e7eb;
}

/* --------------------------------------------------------- */
/* Lists                                                     */
/* --------------------------------------------------------- */

.prose ul,
.prose ol {
    margin-left: 1.2rem;
    margin-bottom: 0.9rem;
}

/* Normal unordered lists */
.prose ul li:not(.task-list-item) {
    list-style: disc;
}

/* Ordered lists */
.prose ol li {
    list-style: decimal;
}

/* Marker styling */
.prose ul li::marker,
.prose ol li::marker {
    color: #7dd3fc;
}

/* --------------------------------------------------------- */
/* Task lists (Markdown checkboxes)                          */
/* --------------------------------------------------------- */

.prose li.task-list-item {
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding-left: 0;
}

/* Checkbox alignment */
.prose li.task-list-item input[type="checkbox"] {
    margin-top: 0.35rem;
    flex-shrink: 0;
}

/* Task text block */
.prose li.task-list-item > p,
.prose li.task-list-item > div {
    margin: 0;
}

/* Allow multiline task descriptions */
.prose li.task-list-item p {
    margin: 0;
}

/* --------------------------------------------------------- */
/* Code                                                      */
/* --------------------------------------------------------- */

.prose pre {
    margin: 1rem 0;
}

/* --------------------------------------------------------- */
/* Headings                                                  */
/* --------------------------------------------------------- */

.prose h1 {
    font-size: 2.1rem;
    line-height: 1.25;
    margin-bottom: 1.2rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #2a2c31;
}

.prose h2 {
    font-size: 1.45rem;
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 0.6rem;
}

.prose h3 {
    font-size: 1.2rem;
    margin-top: 1.4rem;
}

/* --------------------------------------------------------- */
/* Emphasis                                                  */
/* --------------------------------------------------------- */

.prose strong {
    font-weight: 600;
}

/* --------------------------------------------------------- */
/* Divider                                                   */
/* --------------------------------------------------------- */

.prose hr {
    border: none;
    height: 1px;
    background: #2a2c31;
    margin: 2rem 0;
}