/* RestfulPicks: top-lists.html (index of every top list). */
.tl-bar{padding-top:1.25rem}
.tl-bar .rp-toolbar{margin-bottom:0}
.rp-fl .rp-thumb{width:4.5rem;height:4.5rem;border-radius:14px}
.rp-tl .rp-card__foot{flex-wrap:wrap;row-gap:.35rem}
#mornings{scroll-margin-top:6rem}
/* the rail: rows at their own height, then the lists being written next */
#featured .rp-freshlist{grid-auto-rows:auto;align-content:start;flex:none}
.tl-next{margin-top:.9rem;padding:.9rem 1rem;border-radius:var(--r-m);background:#fff;border:1px dashed var(--line-2)}
.tl-next__title{display:flex;align-items:center;gap:.45rem;font:700 1rem var(--display);color:var(--ink);margin-bottom:.5rem}
.tl-next__title .rp-ic{color:var(--moon-text)}
.tl-next ul{display:grid;gap:.45rem}
.tl-next li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .6rem;font-size:.9rem}
.tl-next a{color:var(--ink);font-weight:600;text-decoration:none}
.tl-next a:hover{color:var(--act);text-decoration:underline}
.tl-next__chip{display:inline-flex;align-items:center;padding:.12rem .55rem;border-radius:999px;background:var(--lav);color:var(--chip-text);font:700 .76rem/1.4 var(--body)}
.rp-freshbox .tl-next+.rp-tipcard{margin-top:.9rem}
#featured .rp-freshbox{align-self:start}
