/* Single Post Page */
.single .container{max-width:1100px;margin:0 auto;padding:0 16px}
.single-hero{padding:18px 0 10px;background:#fff}
.single-hero .hero-top{display:flex;flex-direction:column;gap:10px}
.single-title{margin:0;font-size:34px;font-weight:900;letter-spacing:-.2px}
.single-meta{display:flex;align-items:center;gap:14px;color:#6b7280}
.single-meta .avatar{width:42px;height:42px;border-radius:999px;object-fit:cover}
.share-inline{margin-left:auto;display:flex;gap:8px}
.share-btn{width:36px;height:36px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
.cover{margin:12px 0 2px}
.cover img{width:100%;height:auto;display:block;border-radius:14px}
.cover .muted{font-size:12px;color:#6b7280;margin-top:6px}

.single-grid{display:grid;grid-template-columns:1fr 320px;gap:26px;margin-top:12px}
.content{font-size:16px;line-height:1.75;color:#111827}
.content .lead{font-size:18px;font-weight:600}
.content h2{margin-top:22px}
.content h3{margin-top:18px}
blockquote{margin:18px 0;padding:14px 16px;border-left:4px solid var(--primary);background:#f9fafb;color:#374151;border-radius:6px}
.content figure{margin:16px 0}
.content figure img{width:100%;border-radius:10px}
.content figure .muted{font-size:12px;color:#6b7280;margin-top:6px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}

.post-nav{display:flex;justify-content:space-between;gap:12px;margin:26px 0}
.post-nav a{flex:1 1 0;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;text-decoration:none;color:#111827;background:#fff}
.post-nav .nav-kicker{display:block;color:#6b7280;font-size:12px}
.post-nav .nav-title{font-weight:700}

.comments{margin-top:24px}
.sec-title{margin:0 0 10px;font-size:18px;font-weight:800}
.comment-form textarea{width:100%;resize:vertical;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.comment-form .row{display:flex;gap:10px;margin-top:8px}
.comment-form .row input{flex:1;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.comment-form button{height:38px;padding:0 14px;border-radius:10px;border:1px solid #111827;background:#0B0B0C;color:#fff;font-weight:700;cursor:pointer}
.comment-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.comment .head{display:flex;align-items:center;gap:8px}
.comment .head img{width:30px;height:30px;border-radius:999px}
.comment p{margin:6px 0 0}
.small{font-size:12px}
.muted{color:#6b7280}

/* Sidebar */
.sidebar .widget{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:14px}
.author-box{display:flex;gap:10px}
.w-title{margin:0 0 8px;font-size:14px;font-weight:800}
.mini-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mini-list a{display:flex;gap:10px;text-decoration:none;color:#111827}
.mini-list img{width:84px;height:56px;border-radius:8px;object-fit:cover}
.sub-mini{display:flex;gap:8px;margin-top:6px}
.sub-mini input{flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:10px}
.sub-mini button{height:38px;padding:0 12px;border-radius:8px;border:1px solid #111827;background:#0B0B0C;color:#fff;font-weight:700;cursor:pointer}

/* Related */
.related{padding:20px 0 26px}
.rel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.rel-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:16px}
@media (max-width:900px){
  .single-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .single-title{font-size:28px}
  .rel-grid{grid-template-columns:1fr}
}