/* Blog styles aligned with visual direction */
.container{max-width:900px;margin:0 auto;padding:1rem}
.posts-list{display:flex;flex-direction:column;gap:1.25rem}

/* Post preview cards */
.post-preview{
  border-bottom:1px solid var(--muted-border);
  padding:1.5rem 0;
  transition:all 0.2s ease;
}
.post-preview:hover{background-color:var(--featured-bg);border-radius:0.25rem;padding:1.5rem 1rem;margin:0 -1rem;padding-left:calc(1rem - 1rem)}
.post-preview h2{margin:0 0 0.5rem 0;font-family:'Playfair Display',serif;font-size:1.4rem;line-height:1.3}
.post-preview .meta{font-size:.92rem;color:var(--muted-dark);margin:0.25rem 0 0.75rem 0}
.post-preview .excerpt{margin:0;color:var(--text);line-height:1.6}

/* Post links */
.post-preview a{color:var(--accent);text-decoration:none;font-weight:500}
.post-preview a:hover{color:var(--accent-2);text-decoration:underline}

/* Single post article */
.post{max-width:800px;margin:0 auto}
.post h1{font-family:'Playfair Display',serif;font-size:2rem;margin:0 0 1rem 0;line-height:1.3}
.post .meta{font-size:.95rem;color:var(--muted-dark);margin-bottom:1.5rem;border-bottom:2px solid var(--accent);padding-bottom:1rem}
.post-body{margin-top:1rem;line-height:1.8;color:var(--text)}
.post-body p{margin-bottom:1rem}
.post-body img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:0.5rem;display:block}
.post-body a{color:var(--accent);text-decoration:none;font-weight:500}
.post-body a:hover{color:var(--accent-2);text-decoration:underline}

/* Back link on post page */
.post-back{display:inline-block;margin-bottom:1.5rem;color:var(--accent);text-decoration:none;font-weight:500;font-size:0.95rem}
.post-back:hover{color:var(--accent-2);text-decoration:underline}

@media (max-width:600px){
  .container{padding:.75rem}
  .post h1{font-size:1.5rem}
  .post-preview h2{font-size:1.1rem}
}