:root {
    /* --header-height: 80px; */
    --header-mb: 0px;
    --content-offset: 20px;
}

body {
    background: #FAFAFA;
    background: linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(245, 245, 245, 1) 50%, rgba(250, 250, 250, 1) 100%);
}

/* Body if it has an attribute (class)  dark */
.dark body {
    background: #212124;
    background: linear-gradient(90deg, rgba(63, 63, 67, 1) -50%, rgba(33, 33, 36, 1) 50%, rgba(63, 63, 67, 1) 200%);
}

article h2, article h3, article h4 {
    color: rgb(39 39 42);
}

article h2 {
    /* .font-semibold */
    font-weight: 600;
    /* .text-lg */
    font-size: 1.125rem;
    line-height: 1.75rem;
    /* .text-zinc-800 */
    color: rgb(39 39 42);
    margin-top: 12px;
    margin-bottom: 8px;
}

article h3 {
    /* .font-semibold */
    font-weight: 500;
    /* .text-lg */
    font-size: 1.075rem;
    line-height: 1.5rem;
    margin-top: 9px;
    margin-bottom: 7px;
}

article h4 {
    /* .font-semibold */
    font-weight: 400;
    /* .text-lg */
    font-size: 1.025rem;
    line-height: 1.25rem;
    margin-top: 6px;
    margin-bottom: 4px;
}

.dark article h2, .dark article h3, .dark article h4 {
    /* .text-zinc-100 */
    color: rgb(244, 244, 245);
}

/* Limit text to two lines with ellipsis */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}