.single-post {
      max-width: 700px;
      margin: auto;
      padding: 16px 0;
      font-family: system-ui, -apple-system, sans-serif;
      line-height: 1.7;
    }

    .post-thumb a img{
      width: 100%;
      height:auto;
      border-radius: 12px;background:#555;
      margin-bottom: 16px;
    }

    .single-post .user-info{margin-top: 20px;border-bottom: 1px solid #eee;padding: 15px 0;}
    .single-post .user-info a img{width: 40px;height: 40px;border-radius: 15%;cursor: pointer;}
    .single-post .user-info a img:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: scale(1.1);}

    .single-post .user-info h2{font-size: 1.5em;margin-bottom: 5px;}
 
    .post-content {
      font-size: 1.05rem;
      color: #222;
    }

    .section{margin-top:20px;}

    .back-btn {
      margin-top: 24px;
      padding: 10px 18px;
      background: #111;
      color: #fff;
      border: none;
      border-radius: 8px;
      cursor: pointer;
    }

    .back-btn:hover {
      background: #333;
    }

    .not-found {
      text-align: center;
      padding: 40px;
      font-size: 1.2rem;
      color: #999;
    }
    
    @media (max-width: 600px) {
      .blog-post h1 {
        font-size: 1.5rem;
      }
    }