.blog-content{
    max-width:820px;
    margin:40px auto;
    padding:0 20px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    line-height:1.85;
    color:#333;
}


.blog-content h1{
    font-size:42px;
    line-height:1.3;
    color:#111;
    margin-bottom:25px;
}


.blog-content h2{
    font-size:30px;
    margin-top:55px;
    margin-bottom:20px;
    color:#111;
    border-left:5px solid #1E73BE;
    padding-left:15px;
}


.blog-content h3{
    font-size:24px;
    margin-top:35px;
    color:#222;
}


.blog-content p{
    margin:18px 0;
}


.blog-content ul{
    margin:15px 0 25px 25px;
}


.blog-content li{
    margin-bottom:8px;
}


/* TOC */

.toc{

background:#f7f7f7;
padding:25px;
border-radius:8px;
margin:30px 0;

}


.toc a{

color:#1E73BE;
text-decoration:none;

}


/* Table */


.blog-content table{

width:100%;
border-collapse:collapse;
margin:30px 0;

}


.blog-content th{

background:#1E73BE;
color:white;
padding:14px;

}


.blog-content td{

border:1px solid #ddd;
padding:14px;

}



/* CTA */

.cta-box{

background:#f4f8fd;
padding:30px;
border-left:5px solid #1E73BE;
border-radius:8px;
margin:45px 0;

}


.cta-btn{

display:inline-block;
background:#1E73BE;
color:white;
padding:14px 28px;
border-radius:5px;
text-decoration:none;
font-weight:bold;

}



/* FAQ */


details{

border:1px solid #ddd;
padding:15px;
border-radius:6px;
margin-bottom:12px;

}


summary{

font-weight:bold;
cursor:pointer;

}


/* Author */

.author-box{

border-top:1px solid #ddd;
margin-top:50px;
padding-top:30px;

}