/* Compact highlight cards. No accent bars; the category tint comes from the shared .what/.why/... classes in styles.css. */
section.quote.highlight-card{display:flex;flex-direction:column;gap:6px;margin:6px 0;padding:10px var(--space-3);cursor:pointer;white-space:normal}
.highlight-card .card-head{display:flex;align-items:flex-start;gap:6px}
.highlight-card .quote-text{flex:1 1 auto;min-width:0;display:block;margin:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent!important;text-align:left;font-size:var(--text-md);line-height:1.55;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer}
.highlight-card .quote-text:focus-visible,.highlight-card .card-icon:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.highlight-card .card-tools{display:flex;flex:0 0 auto;align-items:center;gap:2px}
.highlight-card .card-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-ink)}
.highlight-card .card-icon:hover:not(:disabled){background:var(--overlay-white-weak)}
.highlight-card .card-icon:disabled{opacity:.4;cursor:default}
.highlight-card .memo-indicator{display:inline-flex;align-items:center;justify-content:center;width:22px;height:28px;color:var(--color-ink)}
.highlight-card .memo-indicator[hidden],.highlight-card .category-choices[hidden],.highlight-card .memo-toggle[hidden]{display:none}
.highlight-card .category-choices select{min-height:var(--control-sm);padding:0 var(--space-2);font-size:var(--text-sm);background:var(--overlay-white-weak);border-color:var(--overlay-ink-line)}
.highlight-card .memo-toggle{margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:var(--text-base);cursor:default}
.highlight-card .memo-toggle textarea{margin:0;width:100%;padding:var(--space-2);font-size:var(--text-md);line-height:1.6;border-color:var(--overlay-ink-line);background:var(--overlay-white);resize:vertical}
.highlight-card .memo-save{min-height:var(--control-sm);padding:0 10px;font-size:var(--text-sm)}
@media(max-width:680px){section.quote.highlight-card{padding:10px}.highlight-card .card-icon{width:32px;height:32px}}
@media(pointer:coarse){.highlight-card .card-icon{width:var(--control-touch);height:var(--control-touch)}}