/* Watchlist — the reader's own list; same paper, same rules as the boards. */
.track .lede { max-width: 62ch; color: var(--ink-2); }
.tracklist { display: grid; gap: var(--s-3); margin-top: var(--s-4); }
.tracklist:empty::before { content: attr(data-empty); color: var(--ink-3); }
.trow { display: grid; grid-template-columns: 4.5rem 1fr auto; gap: var(--s-3); align-items: start;
        padding: var(--s-3) 0; border-top: 1px solid var(--rule); }
.trow:first-child { border-top: 0; }
.trow .udays { justify-self: start; }
.trow .t { font-weight: 600; }
.trow .m { color: var(--ink-3); font-size: 0.92em; }
.trow .ev { margin-top: 0.25rem; color: var(--ink-2); font-size: 0.92em; }
.trow .gone { color: var(--seal); }
.trow button { background: none; border: 1px solid var(--rule); border-radius: 4px; padding: 0.2rem 0.55rem;
               color: var(--ink-2); cursor: pointer; font: inherit; font-size: 0.85em; }
.trow button:hover, .trow button:focus-visible { border-color: var(--ink); color: var(--ink); }
.track-btn.on { border-color: var(--brand); color: var(--brand); }
#navtrackn { display: inline-block; margin-left: 0.3rem; padding: 0 0.4rem; border-radius: 999px;
             background: var(--brand); color: var(--paper); font-size: 0.75em; line-height: 1.5; }