.nh-related-posts{
  margin:48px 0 10px;
  padding:24px;
  border:1px solid var(--line,rgba(127,127,127,.18));
  border-radius:24px;
  background:var(--glass,rgba(255,255,255,.66));
  box-shadow:var(--shadow-soft,0 12px 34px rgba(0,0,0,.06));
  overflow:hidden;
}
.nh-related-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.nh-related-head h2{
  margin:.35rem 0 0;
  font-size:clamp(1.45rem,3vw,2.05rem);
}
.nh-related-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border:1px solid var(--line,rgba(127,127,127,.18));
  border-radius:999px;
  color:var(--muted,#6b7280);
  background:var(--glass-strong,rgba(255,255,255,.82));
  font-size:.82rem;
  font-weight:700;
}
.nh-related-controls{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.nh-related-nav{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--line,rgba(127,127,127,.18));
  border-radius:13px;
  background:var(--glass-strong,rgba(255,255,255,.82));
  color:var(--text,#111827);
  font:inherit;
  font-size:1.15rem;
  font-weight:800;
  cursor:pointer;
}
.nh-related-nav:hover{
  color:var(--accent,#0a73e9);
  border-color:color-mix(in srgb,var(--accent,#0a73e9) 35%,transparent);
}
.nh-related-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.nh-related-track::-webkit-scrollbar{display:none}
.nh-related-card{
  flex:0 0 calc((100% - 32px)/3);
  min-width:0;
  scroll-snap-align:start;
  border:1px solid var(--line,rgba(127,127,127,.18));
  border-radius:19px;
  overflow:hidden;
  background:var(--bg-2,#fff);
}
.nh-related-link{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit!important;
  text-decoration:none!important;
}
.nh-related-thumb{
  aspect-ratio:16/9;
  overflow:hidden;
  background:rgba(127,127,127,.08);
}
.nh-related-thumb img{
  display:block;
  width:100%;
  height:100%!important;
  object-fit:cover;
  transition:transform .25s ease;
}
.nh-related-link:hover .nh-related-thumb img{transform:scale(1.035)}
.nh-related-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:17px;
}
.nh-related-meta{
  color:var(--muted,#6b7280);
  font-size:.78rem;
}
.nh-related-body h3{
  margin:.45rem 0 .5rem;
  font-size:1.08rem;
  line-height:1.35;
}
.nh-related-body p{
  margin:0;
  color:var(--muted,#6b7280);
  font-size:.9rem;
  line-height:1.6;
}
.nh-related-more{
  margin-top:auto;
  padding-top:14px;
  color:var(--accent,#0a73e9);
  font-size:.86rem;
  font-weight:800;
}
@media(max-width:900px){
  .nh-related-card{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:620px){
  .nh-related-posts{
    margin-top:36px;
    padding:18px;
    border-radius:20px;
  }
  .nh-related-head{
    align-items:center;
    gap:12px;
  }
  .nh-related-head h2{font-size:1.45rem}
  .nh-related-card{flex-basis:100%}
  .nh-related-body{padding:15px}
  .nh-related-nav{width:38px;height:38px}
}