/* blog/blog.css — styles for blog index and posts (LTR + RTL) */
.posts-list{display:grid;gap:1.25rem;margin:1.5rem 0 2.5rem}
.post-card{
  display:block;padding:1.25rem 1.4rem;border:1px solid rgba(128,128,128,.25);
  border-radius:14px;background:rgba(128,128,128,.06);text-decoration:none;
  transition:transform .15s ease,border-color .15s ease;
}
.post-card:hover,.post-card:focus-visible{transform:translateY(-2px);border-color:currentColor}
.post-card h2,.post-card h3{margin:.1rem 0 .4rem;font-size:1.15rem}
.post-card .post-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;opacity:.75;margin-bottom:.35rem}
.post-card p{margin:0;font-size:.95rem;line-height:1.7}
.pill.date{font-size:.75rem}
.post-status{margin:1rem 0;font-size:.9rem;opacity:.8}

/* single post pages */
.post-page main > .container{max-width:46rem}
.post-header{margin:2.5rem 0 1.5rem}
.post-header h1{font-size:1.9rem;line-height:1.35;margin:.4rem 0 .8rem}
.post-header .post-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.85rem;opacity:.8}
.post-body{line-height:1.9;font-size:1.02rem}
.post-body h2{margin:2rem 0 .8rem;font-size:1.35rem}
.post-body h3{margin:1.5rem 0 .6rem;font-size:1.12rem}
.post-body p{margin:.8rem 0}
.post-body ul,.post-body ol{margin:.8rem 0;padding-inline-start:1.5rem}
.post-body li{margin:.35rem 0}
.post-body pre{direction:ltr;text-align:left;overflow-x:auto;padding:1rem;border-radius:10px;background:rgba(128,128,128,.12);font-size:.88rem;line-height:1.6}
.post-body code{background:rgba(128,128,128,.15);padding:.1em .35em;border-radius:5px;font-size:.9em}
.post-body pre code{background:none;padding:0}
html[lang="fa"] .post-body code{font-size:inherit}
.post-nav{display:flex;justify-content:space-between;gap:1rem;margin:2.5rem 0 3rem;font-size:.95rem}
.lang-switch-line{margin-top:1rem;font-size:.9rem}

@media (max-width:600px){
  .post-header h1{font-size:1.5rem}
  .post-card{padding:1rem 1.1rem}
}