.article-wrapper{
    max-width:100%;
    margin:40px auto;
    padding:0 20px;
}

.article-content{
    font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif;
    font-size:18px;
    line-height:1.85;
    color:#202124;
    font-weight:400;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    word-wrap:break-word;
}

/* Parágrafos */

.article-content p{
    margin:0 0 24px;
}

/* Títulos */

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5{
    color:#202124;
    font-weight:700;
    line-height:1.3;
    margin-top:48px;
    margin-bottom:20px;
}

.article-content h1{
    font-size:2.3rem;
}

.article-content h2{
    font-size:1.9rem;
    border-bottom:1px solid #e8eaed;
    padding-bottom:10px;
}

.article-content h3{
    font-size:1.45rem;
}

.article-content h4{
    font-size:1.2rem;
}

/* Links */

.article-content a{
    color:#1a73e8;
    text-decoration:none;
    font-weight:500;
}

.article-content a:hover{
    text-decoration:underline;
}

/* Listas */

.article-content ul,
.article-content ol{
    margin:20px 0 25px 28px;
}

.article-content li{
    margin:10px 0;
}

/* Imagens */

.article-content img{
    display:block;
    width:100%;
    height:auto;
    margin:35px auto;
    border-radius:12px;
}

/* Citações */

.article-content blockquote{
    border-left:5px solid #4285f4;
    background:#f8f9fa;
    padding:20px 25px;
    margin:30px 0;
    font-style:italic;
    color:#5f6368;
}

/* Código */

.article-content code{
    background:#f1f3f4;
    padding:3px 7px;
    border-radius:5px;
    font-size:.95em;
}

.article-content pre{
    background:#202124;
    color:#fff;
    padding:20px;
    border-radius:10px;
    overflow:auto;
}

/* Tabelas */

.article-content table{
    width:100%;
    border-collapse:collapse;
    margin:35px 0;
}

.article-content th{
    background:#f1f3f4;
    font-weight:600;
}

.article-content th,
.article-content td{
    border:1px solid #dadce0;
    padding:14px;
}

/* Linha horizontal */

.article-content hr{
    border:none;
    border-top:1px solid #dadce0;
    margin:45px 0;
}

/* Texto em destaque */

.article-content strong{
    color:#202124;
    font-weight:700;
}

.article-content em{
    font-style:italic;
}

/* Responsivo */

@media (max-width:768px){

.article-wrapper{
    padding:0 18px;
}

.article-content{
    font-size:17px;
    line-height:1.8;
}

.article-content h1{
    font-size:2rem;
}

.article-content h2{
    font-size:1.6rem;
}

.article-content h3{
    font-size:1.35rem;
}

}