/* Saved-article rail: sort control, date groups and list items. Shell sizes live in styles.css. */
.library-sort{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2)}
.library-sort label{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-muted);white-space:nowrap}
.library-sort select{flex:1;min-width:0;width:auto;margin:0;min-height:var(--control-sm);padding:0 10px;font-size:var(--text-base)}
#list .library-group{display:flex;flex-direction:column;gap:6px;min-width:0}
#list .library-group+.library-group{margin-top:14px}
#list .library-group-heading{margin:0 0 2px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:650;letter-spacing:0;color:var(--color-ink);background:var(--color-surface-muted);border-radius:var(--radius-sm)}
#list .library-group-heading.is-unknown{color:var(--color-muted);font-weight:500}
#list .library-item{display:flex;flex-direction:column;gap:3px;text-align:left}
#list .library-item-title{font-size:var(--text-md);line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#list .library-item small{display:block;margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--color-muted)}
#list .library-item-dates [data-unknown=true]{font-style:italic}
#list .library-item[aria-current=true] small{color:var(--color-ink)}
@media(max-width:1100px){#article-sidebar{max-height:min(70vh,520px)}.library-sort select{max-width:440px}}