html{font-size:16px;}
body{margin:0;line-height:1.6;font-family: 'Inter', sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
:before,:after{box-sizing:border-box;}
h1,h2,h3,h4{color:#000}
h1,h2,h3,h4,h5,button{font-family:'Sora', sans-serif;}
button,input,textarea,select{font-family: 'Inter', sans-serif;}
.container{width:90%;max-width:1320px;margin:0 auto;height:auto;overflow:hidden;}
.breadcrumb-section{width:100%;background:#f7f7f7;padding:1rem 0}
.breadcrumb{list-style:none;display:flex;align-items:center;font-size:.95rem;color:#555;padding:0;margin:0}
.breadcrumb li{display:flex;align-items:center;position:relative}
.breadcrumb li:not(:last-child)::after{content:"›";padding:0 .5rem;color:#777}
.breadcrumb a{text-decoration:none;color:#0157ad;font-weight:500}
.breadcrumb a:hover{text-decoration:underline}
.blog-hero{padding:40px 0;background:#fff}
.blog-title{font-size:2.4rem;line-height:3rem;margin-bottom:10px}
.blog-meta{color:#777;margin-bottom:20px}
.blog-hero-image{width:100%;border-radius:12px;margin-top:20px}
.blog-content{padding:50px 0;background:#fff}
.blog-content h2{margin-top:40px;font-size:1.6rem;line-height:2.2rem}
.blog-content h3{margin-top:25px;font-size:1.4rem;line-height:2rem}
.blog-content p{margin:18px 0;font-size:1rem}
.blog-image{width:100%;border-radius:10px;margin:25px 0}
.intro{font-size:1rem;font-weight:500}
.blog-list{margin:15px 0 25px 20px;padding-left:0}
.blog-list li{margin-bottom:10px;font-size:1rem;line-height:1.6}
blockquote{font-style:italic;padding:20px;background:#f3f4f6;border-left:4px solid #f3bb1e;border-radius:6px;margin:30px 0}
.author-box{background:#f8f9fa;padding:40px 0}
.author-card{display:flex;gap:20px;align-items:center;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.author-card img{width:120px;border-radius:50%}
.related-posts{padding:70px 0}
.related-posts h2{margin-bottom:25px;font-size:2rem;line-height:2.6rem}
.post-card{display:block;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#333;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:.3s}
.post-card:hover{transform:translateY(-5px)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.post-card img{width:100%}
.post-card h3{padding:15px;font-size:1.8rem;line-height:2.4rem;font-weight:600}

@media (max-width: 768px) {
.blog-title{font-size:2.1rem;line-height:2.7rem}.author-card{flex-direction:column;text-align:center}.author-card img{margin-bottom:15px}
}

/*Yellow: f3bb1e
Blue: 5373b8, 0157ad
Black: 000
font-family: 'Inter', sans-serif;
*/