/* =====================
ARTICLE SEO
===================== */


.article-section{

background:#050505;

padding:
110px 25px;

}



.article-container{

max-width:1200px;

margin:auto;


display:grid;

grid-template-columns:
1fr 320px;


gap:70px;

align-items:start;

}





/* ARTICLE */


.seo-article{


color:white;


}




.seo-article h2{


font-size:

clamp(34px,4vw,56px);


line-height:1.1;


letter-spacing:-1.5px;


font-weight:900;


margin-bottom:35px;

}




.article-intro{


font-size:19px!important;


color:#ddd!important;


}







.seo-article h3{


margin:

50px 0 18px;



font-size:28px;


font-weight:900;


color:#d4af37;

}





.seo-article p{


font-size:17px;


line-height:1.9;


color:#bdbdbd;


margin-bottom:22px;

}





.seo-article strong{

color:white;

}








/* SIDEBAR */


.article-sidebar{

position:sticky;

top:120px;

}




.toc-box{


padding:30px;


border-radius:28px;



background:

linear-gradient(

145deg,

rgba(255,255,255,.08),

rgba(255,255,255,.02)

);



border:

1px solid rgba(212,175,55,.25);

}




.toc-box strong{


display:block;


color:white;


font-size:20px;


margin-bottom:25px;

}




.toc-box a{


display:block;


padding:

14px 0;


color:#aaa;


font-weight:700;


text-decoration:none;


border-bottom:

1px solid rgba(255,255,255,.08);

}




.toc-box a:hover{


color:#d4af37;

}







/* MOBILE */


@media(max-width:900px){


.article-container{


grid-template-columns:1fr;


}



.article-sidebar{


display:none;

}


}




@media(max-width:520px){


.article-section{


padding:

80px 20px;

}



.seo-article h3{

font-size:24px;

}



.seo-article p{

font-size:16px;

}


}