/* DesigningAxis — blog.min.css | Generated 2026-05-29 */
.blog-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5px;background:var(--border);margin-bottom:3rem}
.blog-card{
background:var(--white);padding:2.5rem;display:flex;flex-direction:column;gap:0.75rem;text-decoration:none;transition:background var(--dur);position:relative;overflow:hidden}
.blog-card::before{
content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height 0.4s}
.blog-card:hover::before{
height:100%}
.blog-card:hover{
background:var(--cream)}
.blog-card-tag{
font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);font-weight:400}
.blog-card-title{
font-family:var(--serif);font-size:1.15rem;color:var(--dark);font-weight:500;line-height:1.35}
.blog-card-hindi{
font-size:0.88rem;color:var(--muted);font-weight:400;line-height:1.5}
.blog-card-desc{
font-size:0.85rem;color:var(--muted);line-height:1.7;font-weight:300;flex:1}
.blog-card-read{
font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-top:0.5rem}
.blog-cta{
text-align:center}
.blog-page{
background:var(--cream)}
.blog-hero{
background:var(--dark);padding:8rem 5% 4rem;position:relative;overflow:hidden}
.blog-hero::before{
content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(201,169,110,0.03) 0px,rgba(201,169,110,0.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(-45deg,rgba(201,169,110,0.03) 0px,rgba(201,169,110,0.03) 1px,transparent 1px,transparent 40px)}
.blog-hero-inner{
position:relative;max-width:var(--container);margin:0 auto}
.blog-breadcrumb{
font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:1.5rem;font-weight:300}
.blog-breadcrumb a{
color:var(--gold);text-decoration:none}
.blog-breadcrumb a:hover{
text-decoration:underline}
.blog-hero-tag{
font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:block}
.blog-hero h1{
font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,3rem);color:var(--white);font-weight:400;line-height:1.2;margin-bottom:0.75rem}
.blog-hero h1 em{
color:var(--gold);font-style:italic}
.blog-hero-hindi{
font-size:1.1rem;color:rgba(255,255,255,0.5);font-weight:300;margin-bottom:1.5rem}
.blog-meta{
display:flex;gap:2rem;flex-wrap:wrap}
.blog-meta-item{
font-size:0.75rem;color:rgba(255,255,255,0.4);font-weight:300;letter-spacing:0.05em}
.blog-meta-item strong{
color:var(--gold);font-weight:400}
.article-wrap{
display:grid;grid-template-columns:1fr 320px;gap:4rem;max-width:var(--container);margin:0 auto;padding:4rem 5%;align-items:start}
.article-body{
}
.article-body h2{
font-family:var(--serif);font-size:1.6rem;color:var(--dark);font-weight:400;margin:2.5rem 0 1rem;line-height:1.3}
.article-body h2 .hindi{
display:block;font-size:1rem;color:var(--muted);font-style:italic;margin-top:0.25rem;font-weight:300}
.article-body h3{
font-family:var(--serif);font-size:1.15rem;color:var(--dark);font-weight:500;margin:2rem 0 0.75rem}
.article-body p{
font-size:0.95rem;color:var(--text);line-height:1.85;font-weight:300;margin-bottom:1.25rem}
.article-body p.hindi-para{
font-size:0.92rem;color:var(--muted);line-height:1.9;background:var(--cream-dk);padding:0.75rem 1rem;border-left:3px solid var(--gold-lt);margin-bottom:1.5rem}
.article-body ul,.article-body ol{
margin:0 0 1.5rem 1.5rem}
.article-body li{
font-size:0.95rem;color:var(--text);line-height:1.8;font-weight:300;margin-bottom:0.5rem}
.article-body .tip-box{
background:var(--white);border:1px solid var(--border);border-left:4px solid var(--gold);padding:1.5rem;margin:2rem 0}
.article-body .tip-box .tip-label{
font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem;font-weight:400}
.article-body .tip-box p{
margin:0;font-size:0.9rem}
.article-divider{
width:48px;height:2px;background:var(--gold);margin:2.5rem 0}
.lang-toggle{
display:flex;gap:0.5rem;margin-bottom:2rem;align-items:center}
.lang-btn{
font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.4rem 1rem;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all 0.2s;font-family:var(--sans)}
.lang-btn.active{
background:var(--dark);color:var(--gold-lt);border-color:var(--dark)}
.hindi-content{
display:none}
.hindi-content.show{
display:block}
.english-content.hide{
display:none}
.article-sidebar{
}
.sidebar-card{
background:var(--white);border:1px solid var(--border);padding:1.75rem;margin-bottom:1.5rem}
.sidebar-title{
font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;font-weight:400}
.sidebar-cta-card{
background:var(--dark);padding:2rem;text-align:center;margin-bottom:1.5rem}
.sidebar-cta-card .label{
color:var(--gold);justify-content:center}
.sidebar-cta-card h3{
font-family:var(--serif);font-size:1.1rem;color:var(--white);margin:0.5rem 0 1rem;font-weight:400;line-height:1.4}
.sidebar-cta-card p{
font-size:0.8rem;color:rgba(255,255,255,0.45);font-weight:300;margin-bottom:1.5rem;line-height:1.6}
.sidebar-links{
list-style:none}
.sidebar-links li{
margin-bottom:0.75rem}
.sidebar-links a{
font-size:0.85rem;color:var(--text);text-decoration:none;font-weight:300;line-height:1.5;transition:color 0.2s;display:flex;gap:0.5rem;align-items:flex-start}
.sidebar-links a::before{
content:'→';color:var(--gold);flex-shrink:0;font-size:0.75rem;margin-top:0.2rem}
.sidebar-links a:hover{
color:var(--gold)}
.blog-listing-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5px;background:var(--border);margin-top:3rem}
.blog-listing-card{
background:var(--white);padding:2.5rem;text-decoration:none;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.2s;position:relative;overflow:hidden}
.blog-listing-card::before{
content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height 0.4s}
.blog-listing-card:hover::before{
height:100%}
.blog-listing-card:hover{
background:var(--cream)}
.blog-listing-num{
font-size:0.68rem;letter-spacing:0.2em;color:var(--gold);font-weight:400}
.blog-listing-title{
font-family:var(--serif);font-size:1.15rem;color:var(--dark);font-weight:500;line-height:1.35}
.blog-listing-hindi{
font-size:0.85rem;color:var(--muted);font-weight:400}
.blog-listing-desc{
font-size:0.85rem;color:var(--muted);line-height:1.7;font-weight:300;flex:1}
.blog-listing-meta{
display:flex;justify-content:space-between;font-size:0.72rem;color:var(--muted);font-weight:300;margin-top:0.5rem}
.blog-listing-meta span{
color:var(--gold)}
@media (max-width:768px){
.article-wrap{
grid-template-columns:1fr}
.article-sidebar{
order:-1}
.blog-grid{
grid-template-columns:1fr}
}