.content ul,
.article ul
{
    margin:1.5rem 0;
    padding-left:1.4rem;
}

.content ol,
.article ol
{
    margin:1.5rem 0;
    padding-left:1.4rem;
}

.content li,
.article li
{
    margin-bottom:.8rem;
    color:var(--muted);
    line-height:1.9;
}

.content ul li::marker
{
    color:var(--accent);
}

.content ol li::marker
{
    color:var(--accent);
    font-weight:700;
}


.content h1,
.article h1
{
    font-size:clamp(2.4rem,5vw,4rem);
    line-height:1.1;
    margin-bottom:1.3rem;
}

.content h2,
.article h2
{
    font-size:clamp(2rem,4vw,3rem);
    margin-bottom:1rem;
}

.content h3,
.article h3
{
    font-size:1.55rem;
    margin-bottom:.9rem;
}

.content h4,
.article h4
{
    font-size:1.25rem;
    margin-bottom:.8rem;
}

.content h5,
.article h5
{
    font-size:1.05rem;
}

.content h6,
.article h6
{
    font-size:.95rem;
    color:var(--muted);
}


.content p,
.article p
{
    margin-bottom:1.4rem;
    line-height:1.9;
    color:var(--muted);
}



.content strong,
.article strong
{
    color:var(--text);
    font-weight:700;
}


.content code,
.article code
{
    padding:.15rem .4rem;
    border-radius:.35rem;
    background:var(--pricing-badge);
    font-family:Consolas,monospace;
    font-size:.9em;
}




.content pre,
.article pre
{
    overflow:auto;
    margin:2rem 0;
    padding:1.5rem;
    border-radius:.8rem;
    background:var(--card);
    border:1px solid var(--line);
}

.content pre code,
.article pre code
{
    background:none;
    padding:0;
}




.content hr,
.article hr
{
    margin:3rem 0;
    border:0;
    height:1px;
    background:var(--line);
}








.content a,
.article a
{
    color:var(--accent);
    transition:.25s;
}

.content a:hover,
.article a:hover
{
    color:var(--accent2);
}









.content blockquote,
.article blockquote
{
    margin:2rem 0;
    padding:1.5rem;
    border-left:4px solid var(--accent);
    background:var(--card);
    border-radius:.75rem;
    color:var(--muted);
    font-style:italic;
}









.content img,
.article img
{
    display:block;
    max-width:100%;
    margin:2rem auto;
    border-radius:.8rem;
    border:1px solid var(--line);
}









.content figure,
.article figure
{
    margin:2rem 0;
}

.content figcaption,
.article figcaption
{
    margin-top:.8rem;
    text-align:center;
    color:var(--muted);
    font-size:.9rem;
}















.content table,
.article table
{
    width:100%;
    border-collapse:collapse;
    margin:2rem 0;
}

.content th,
.article th
{
    padding:1rem;
    text-align:left;
    background:var(--card);
    border:1px solid var(--line);
}

.content td,
.article td
{
    padding:1rem;
    border:1px solid var(--line);
}

.content tbody tr:nth-child(even)
{
    background:rgba(255,255,255,.03);
}



.content dl
{
    margin:2rem 0;
}

.content dt
{
    font-weight:700;
    margin-top:1rem;
}

.content dd
{
    margin-left:1rem;
    color:var(--muted);
}






::selection
{
    background:var(--accent);
    color:var(--btn-primary);
}