1@use "../theme" as *;
2
3.list { display: flex; flex-direction: column; gap: 0.25rem; }
4.list__list { display: flex; flex-direction: column; border-bottom: 1px solid theme(border); padding-bottom: 0.5rem; }
5.list__link { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 0.35rem 0; color: theme(text); transition: color 0.15s ease; }
6.list__link:hover .list__link-date { color: theme(accent); }
7.list__link-title { font-weight: 500; }
8.star-icon { width: 0.8em; height: auto; margin-right: 0.35em; color: theme(accent); vertical-align: -0.05em; }
9.list__link-date { font-size: 0.8rem; font-variant-numeric: tabular-nums; color: theme(muted); flex-shrink: 0; transition: color 0.15s ease; }
10.list__more { font-size: 0.85rem; font-weight: 500; }