.book-highlight { color:inherit; border-radius:.12em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.book-highlight.highlight-yellow,.highlight-color.highlight-yellow { background:var(--highlight-yellow); }
.book-highlight.highlight-green,.highlight-color.highlight-green { background:var(--highlight-green); }
.book-highlight.highlight-pink,.highlight-color.highlight-pink { background:var(--highlight-pink); }
.book-highlight.highlight-blue,.highlight-color.highlight-blue { background:var(--highlight-blue); }
.quote-card.highlight-yellow { border-left:4px solid var(--highlight-yellow); }
.quote-card.highlight-green { border-left:4px solid var(--highlight-green); }
.quote-card.highlight-pink { border-left:4px solid var(--highlight-pink); }
.quote-card.highlight-blue { border-left:4px solid var(--highlight-blue); }
.quote-card.entry-card { padding:var(--layout-entry-padding); }
.quote-card>p { font-size:var(--text-quote); line-height:1.48; }
.quote-card .entry-source { margin:12px 0; }
.quote-card .entry-bottom { padding-top:8px; }
.quote-entry-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; min-width:0; }
.quote-entry-actions .text-link { min-height:44px; text-align:left; }
.book-highlight:focus { outline:2px solid var(--green); outline-offset:3px; }
.highlight-toggle[aria-pressed="true"] { background:var(--mint); color:var(--green); border-radius:var(--control-radius); padding-inline:10px; }
.highlight-options { display:flex; flex-wrap:wrap; gap:9px; padding:10px 23px 0; }
.highlight-color { width:36px; height:36px; border:2px solid transparent; border-radius:50%; cursor:pointer; font-size:0; }
.highlight-color[aria-pressed="true"] { outline:2px solid var(--green); outline-offset:2px; }
.highlight-color:focus-visible { outline:3px solid var(--focus-color); outline-offset:3px; }
.highlight-help { padding:4px 23px 14px; color:var(--muted); font-size:.78rem; line-height:1.5; }
.saved-quote { margin:16px 0; padding:16px 18px; background:var(--book-paper); border-left:3px solid var(--green); font:italic var(--text-quote)/1.55 var(--font-editorial); white-space:pre-wrap; }
@media(max-width:760px) {
  .quote-card.entry-card { padding:16px; }
  .highlight-options { padding-inline:18px; }
  .highlight-help { padding-inline:18px; }
  .highlight-color { width:44px; height:44px; }
}