/* update log entries (js/updates.js), shared by the studio drawer and /updates: a timeline down the left */
.nw-list { list-style: none; margin: 0; padding: 0; }
.nw-item { position: relative; padding: 0 0 26px 22px; }
.nw-item::before { content: ""; position: absolute; left: 4px; top: 16px; bottom: -2px; width: 1px; background: var(--line); }
.nw-item:last-child::before { display: none; }
.nw-item::after { content: ""; position: absolute; left: 0; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--paper); border: 1.5px solid var(--grey); box-sizing: border-box; }
.nw-main::after { background: linear-gradient(135deg, #7c5cf6, #4f8df5); border: 0; box-shadow: 0 0 0 3px rgba(124, 92, 246, 0.16); }
.nw-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.nw-meta time { font: 500 12px/1 var(--f-mono); color: var(--grey); letter-spacing: 0.02em; }
.nw-tag { font: 600 11px/1 var(--f-ui); padding: 4px 8px; border-radius: 99px; border: 1px solid var(--line); color: var(--grey); }
.nw-main .nw-tag { border: 0; color: #fff; background: linear-gradient(135deg, #7c5cf6, #4f8df5); }
.nw-feature .nw-tag { border-color: #4096d6; color: #2f7fbd; }
.nw-fresh { font: 700 10px/1 var(--f-mono); letter-spacing: 0.12em; color: #7a6fd0; }
.nw-item h3 { margin: 0 0 4px; font-size: 15px; line-height: 1.45; }
.nw-item p { margin: 0; font-size: 13px; line-height: 1.65; color: #4a515d; }
.nw-imgs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.nw-imgs figure { margin: 0; }
.nw-imgs img { display: block; width: 96px; height: auto; aspect-ratio: 9 / 16; border-radius: 8px; background: #1b1e26; box-shadow: 0 6px 18px rgba(43, 48, 59, 0.18); }
.nw-imgs figcaption { font: 600 10px/1 var(--f-mono); letter-spacing: 0.14em; color: var(--grey); margin-top: 7px; }