.au-blog{
--orange:#F4A261;
--dark:#363636;
--cream:#FFF2DF;
--bg:#F8F8F5;
--white:#fff;

background:#F8F8F5;
color:#363636;
font-family:Arial,Helvetica,sans-serif;
line-height:1.75;
padding:30px 15px;
}

.au-blog .container{
max-width:1100px;
margin:auto;
}

.au-blog .hero{
background:white;
border-radius:16px;
padding:35px;
border-bottom:5px solid #F4A261;
}

.au-blog .tag{
display:inline-block;
background:#FFF2DF;
padding:6px 15px;
border-radius:20px;
font-size:13px;
font-weight:bold;
}


.au-blog h1{
font-size:38px;
line-height:1.25;
}

.au-blog h2{
font-size:28px;
margin-top:40px;
}

.au-blog h3{
font-size:20px;
}

.au-blog .grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:20px;
}


.au-blog .card{

background:#fff;
padding:25px;
border-radius:12px;

}


.au-blog .card:before{

content:"";
display:block;
width:40px;
height:5px;
background:#F4A261;
border-radius:5px;
margin-bottom:15px;

}


.au-blog .compare{

background:#fff;
border-radius:12px;
overflow:hidden;
margin-top:20px;

}


.au-blog table{

width:100%;
border-collapse:collapse;

}


.au-blog th{

background:#363636;
color:white;
padding:14px;

}


.au-blog td{

padding:14px;
border-bottom:1px solid #eee;

}



.au-blog .cta{

background:#363636;
color:white;
padding:35px;
border-radius:15px;
text-align:center;
margin-top:40px;

}


.au-blog .btn{

display:inline-block;
background:#F4A261;
padding:12px 25px;
border-radius:8px;
color:#363636;
font-weight:bold;
text-decoration:none;

}


@media(max-width:700px){

.au-blog h1{
font-size:28px;
}

.au-blog .grid{
grid-template-columns:1fr;
}

.au-blog table{
font-size:14px;
}

}