.post-hero{

max-width:900px;
margin:8rem auto 3rem;
text-align:center;

}

.post-breadcrumb{

font-size:.85rem;

color:var(--ink-faint);

margin-bottom:1.5rem;

}

.post-breadcrumb a{

text-decoration:none;

color:inherit;

}

.post-category{

color:var(--gold);

text-transform:uppercase;

letter-spacing:.2em;

font-size:.8rem;

margin-bottom:1rem;

}

.post-title{

font-size:clamp(3rem,6vw,5.5rem);

line-height:1.05;

margin-bottom:1rem;

font-family:'Noto Serif Bengali',serif;

}

.post-subtitle{

max-width:700px;

margin:auto;

margin-bottom:2rem;

color:var(--ink-muted);

font-size:1.1rem;

}

.post-meta{

display:flex;

justify-content:center;

gap:1rem;

flex-wrap:wrap;

color:var(--ink-muted);

}



.post-divider{

display:flex;

align-items:center;

gap:1rem;

max-width:1200px;

margin:2rem auto;

}

.post-divider::before,
.post-divider::after{

content:"";

flex:1;

height:1px;

background:var(--parchment-deep);

}

.post-divider span{

color:var(--gold);

}



.post-feature{

max-width:1200px;

margin:auto;

}

.post-feature-image{

aspect-ratio:16/9;

overflow:hidden;

border-radius:18px;

background:var(--parchment-dark);

}

.post-feature-image img{

width:100%;

height:100%;

object-fit:cover;

display:block;

}

.post-feature-image figcaption{

text-align:center;

font-size:.8rem;

color:var(--ink-faint);

padding-top:.8rem;

}



.post-main{

display:grid;

grid-template-columns:240px minmax(0,1fr);

gap:5rem;

max-width:1200px;

margin:4rem auto;

}



.post-sidebar{

position:sticky;

top:100px;

align-self:start;

}



.sidebar-group{

margin-bottom:2rem;

}

.sidebar-title{

font-size:.75rem;

text-transform:uppercase;

letter-spacing:.2em;

color:var(--gold);

margin-bottom:.5rem;

}



.tag{

display:inline-block;

padding:.4rem .9rem;

border:1px solid var(--parchment-deep);

border-radius:999px;

font-size:.8rem;

margin:.25rem;

}



.post-content{

font-size:1.15rem;

line-height:2.15;

color:var(--ink-soft);

}



.post-content p{

margin-bottom:2rem;

text-align:justify;

}



.post-content p:first-of-type::first-letter{

font-family:'Noto Serif Bengali',serif;

font-size:4rem;

float:left;

line-height:1;

margin-right:.5rem;

color:var(--gold);

}



.post-navigation{

max-width:1200px;

margin:4rem auto;

display:flex;

justify-content:center;

}



.post-navigation a{

text-decoration:none;

color:var(--ink);

}