/* Shared by all three styles. Inherits each style's fonts and colours; styles override as needed. */

.rl-note { margin: 0 0 12px; max-width: 64ch; }
.rl-tools { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 0 0 12px; }
.rl-search { display: flex; align-items: center; gap: 8px; }
.rl-search input { font: inherit; font-size: max(16px, 1em); min-width: 0; width: 16em; max-width: 100%; }
.rl-only { display: flex; align-items: center; gap: 6px; }
.rl-shelf h3 { font-size: 1em; margin: 14px 0 6px; }
.rl-shelf h3 span { opacity: .6; font-weight: normal; }
.rl-shelf ul { list-style: none; margin: 0; padding: 0; }
.rl-shelf li { padding: 3px 0; }
.rl-author { opacity: .7; }
.rl-author::before { content: "by "; }
.rl-tag { font-size: .8em; padding: 0 6px; border: 1px solid currentColor; border-radius: 3px; white-space: nowrap; }
.rl-high .rl-title { font-weight: 600; }
.rl-no { opacity: .7; }
.rl-count, .rl-empty { opacity: .7; font-size: .9em; }