.post-header{
  padding:56px 0 20px;
}
.back-link{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--accent-2);
  font-weight:700;
  font-size:14px;
  margin-bottom:24px;
}
.back-link:hover{color:var(--accent);}
.back-link .arrow-back{transition:transform .2s ease;}
.back-link:hover .arrow-back{transform:translateX(-4px);}

.post-header h1{
  font-size:42px;
  color:var(--mint);
  line-height:1.15;
  margin-bottom:16px;
}

.post-hero{
  border-radius:var(--radius-card);
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 30%, rgba(77,255,129,0.25), transparent 60%),
    linear-gradient(160deg, #103a1c, #06120a);
  min-height:260px;
  display:flex; align-items:center; justify-content:center;
  margin:28px 0 44px;
  border:1px solid var(--border);
}
.post-hero svg{width:35%; max-width:180px;}
.post-hero img{width:100%; height:100%; object-fit:cover;}

.post-content{
  max-width:70ch;
  margin:0 auto 60px;
  font-size:17px;
}
.post-content p{margin-bottom:20px; color:var(--text);}
.post-content h2{
  font-size:24px;
  color:var(--mint);
  margin:36px 0 14px;
}

.post-footer-nav{
  max-width:70ch;
  margin:0 auto 70px;
  padding-top:24px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

@media (max-width:860px){
  .post-header h1{font-size:30px;}
}