/* NepalTechHub editorial single-post bundle — v5.38.15 */
#nth-single-post{
  --bg:#f8fafc;
  --card:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --accent:#2563eb;
  --line:#e5e7eb;
  --soft:#eff6ff;
}
#nth-single-post{
  max-width:1100px;
  margin:20px auto;
  padding:16px;
}
.nth-post-hero{
  background:linear-gradient(130deg,#dbeafe,#ffffff);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px 20px;
}
.nth-post-cat{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--accent);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.nth-post-title{
  margin:12px 0 0;
  font-size:34px;
  line-height:1.22;
  font-weight:900;
  color:var(--ink);
}
.nth-post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}
.nth-post-excerpt{
  margin-top:14px;
  color:#334155;
  line-height:1.8;
  font-size:15px;
}
.nth-post-thumb{
  margin-top:18px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
}
.nth-post-thumb img{
  width:100%;
  height:auto;
  display:block;
}
.nth-layout{
  /* v4.38: sidebar removed ("On this page" / "More in this category"
     boxes) -- was a 2-column grid (minmax(0,1fr) 300px), which would have
     left an empty 300px gap next to the article once the sidebar's only
     two boxes were gone. Single column now that there's nothing to sit in
     that second column. */
  margin-top:26px;
}
.nth-main{
  min-width:0;
}
.nth-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
}
.nth-box + .nth-box{
  margin-top:16px;
}
.nth-box h2,
.nth-box h3{
  margin-top:0;
  color:var(--ink);
}
.nth-toc{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.nth-toc a{
  color:var(--accent);
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.nth-toc a:hover{
  text-decoration:underline;
}
.nth-content{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  line-height:1.85;
  color:#334155;
  font-size:16px;
}
.nth-content h2,
.nth-content h3{
  color:var(--ink);
  line-height:1.35;
}
.nth-content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
}
.nth-content table{
  width:100%;
  overflow:auto;
  display:block;
}
.nth-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.nth-tags a{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  text-decoration:none;
  color:var(--ink);
  font-weight:800;
  font-size:13px;
}
.nth-tags a:hover{
  background:var(--soft);
  border-color:var(--accent);
}
.nth-author{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:start;
}
.nth-author img{
  border-radius:999px;
}
.nth-author-name{
  margin:0 0 6px;
  font-weight:900;
  color:var(--ink);
}
.nth-author-bio{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.nth-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:22px;
}
.nth-nav-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
}
.nth-nav-label{
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.nth-nav-card a{
  text-decoration:none;
  color:var(--ink);
  font-weight:800;
  line-height:1.6;
}
.nth-nav-card a:hover{
  color:var(--accent);
}
.nth-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-top:14px;
}
.nth-related-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}
.nth-related-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.06);
}
.nth-related-thumb{
  display:block;
  aspect-ratio:16/10;
  background:#f8fafc;
}
.nth-related-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.nth-related-body{
  padding:14px;
}
.nth-related-date{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
  margin-bottom:6px;
}
.nth-related-title{
  margin:0;
  font-size:16px;
  line-height:1.5;
  font-weight:900;
}
.nth-related-title a{
  text-decoration:none;
  color:var(--ink);
}
.nth-related-title a:hover{
  color:var(--accent);
}
.nth-comments{
  margin-top:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
}
.nth-comments h2,
.nth-comments h3{
  margin-top:0;
}
@media (max-width: 980px){
  .nth-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 767px){
  .nth-post-title{
    font-size:28px;
  }
  .nth-nav{
    grid-template-columns:1fr;
  }
  #nth-single-post{
    padding:14px;
  }
}