a.ni{text-decoration:none;color:inherit}
a.ni .t{
  transition:color .25s ease;
  text-decoration-color:transparent;
}
a.ni:hover .t{
  color:var(--wx-navy);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
a.ni:focus-visible{outline:2px solid var(--brand-dim);outline-offset:4px}



.ni.has-img{
  grid-template-columns:168px 100px 1fr auto;
  align-items:center;
  gap:26px;
  padding:22px 0;
  padding-left:0;
}
.ni.has-img::before{content:none}  



.ni .nth{
  display:block;
  overflow:hidden;
  background:var(--wx-slate);
  aspect-ratio:16/9;
}
.ni .nth img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
a.ni:hover .nth img{transform:scale(1.06)}



.ni.has-img .d{
  font-family:var(--wx-en);
  font-size:14px;
  letter-spacing:.06em;
  color:var(--wx-navy);
  

  opacity:.61;
  white-space:nowrap;
}
.ni.has-img .t{
  font-family:var(--wx-gothic);
  font-size:16px;
  line-height:1.62;
  color:var(--wx-navy);
}
 
.ni.has-img .x{
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--wx-navy);
   
  opacity:.61;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:opacity .25s ease;
}
.ni.has-img .x::after{content:"↗";font-size:13px;line-height:1}
a.ni:hover .x{opacity:.9}



.ni .tsub{
  display:inline-block;
  width:100%;
  margin-top:6px;
  font-size:13px;
  line-height:1.75;
  opacity:.72;
}



@media(max-width:880px){
  .ni.has-img{
    grid-template-columns:1fr;
    gap:10px;
    padding:22px 0;
  }
  .ni.has-img .x{justify-content:flex-start}
}