.wn-wrap{
    background:#f3f3f1;           /* soft panel like screenshot */
    padding:18px 18px 6px;
    border-radius:4px;
  }
  .wn-item{
    display:grid;
    grid-template-columns: 14px 1fr auto;
    align-items:center;
    gap:14px;
    padding:16px 6px;
    border-bottom:1px solid rgba(0,0,0,.08);
    text-decoration:none;
  }
  .wn-item:last-child{ border-bottom:0; }
  .wn-item:hover{ background:rgba(0,0,0,.025); }

  .wn-bar{
    width:4px; height:24px; background:#cc9900; display:inline-block; border-radius:2px;
  }
  .wn-title{
    color:#006699;                 /* matches .tm-text-link color family */
    line-height:1.6;
  }
  .wn-date{
    color:#666; font-size:.95rem; white-space:nowrap; margin-left:16px;
  }

  /* small screens */
  @media (max-width:600px){
    .wn-item{ grid-template-columns: 8px 1fr; }
    .wn-date{ grid-column:2; margin-left:0; margin-top:6px; }
  }