/* Wisdom → "What I know about you" (src/features/wisdom/known-memory.js, 2026-09-23). */
/* .km-forget is scoped under the panel id: styles.css paints every bare <button> with a gradient (button:not(.icon-btn):not(.danger)), and an id outranks that selector without !important. */
#knownMemoryContent { max-width: 760px; }
.km-title { margin: 0 0 4px; }
.km-sub { margin: 0 0 16px; opacity: 0.8; }
.km-empty { opacity: 0.8; }
.km-group { margin: 18px 0; }
.km-group-title { font-size: 0.95rem; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.85; margin: 0 0 8px; }
.km-list { list-style: none; margin: 0; padding: 0; }
.km-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0;
  border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.km-item-body { flex: 1; min-width: 0; }
.km-text { overflow-wrap: anywhere; }
.km-meta { font-size: 0.8rem; opacity: 0.7; margin-top: 2px; }
.km-link { text-decoration: none; }
#knownMemoryContent .km-forget { flex: none; font: inherit; font-size: 0.8rem; padding: 4px 12px; border-radius: 999px; cursor: pointer;
  background: transparent; color: inherit; border: 1px solid color-mix(in srgb, currentColor 35%, transparent); }
#knownMemoryContent .km-forget:hover, #knownMemoryContent .km-forget:focus-visible { border-color: currentColor; }
#knownMemoryContent .km-forget:disabled { opacity: 0.5; cursor: default; }
.km-more { margin-top: 6px; }
.km-notes { margin: 22px 0 12px; }
.km-notes summary { cursor: pointer; font-weight: 600; }
.km-profile { font-size: 0.9rem; opacity: 0.85; margin: 12px 0; }
.km-download { margin-top: 12px; }
@media (max-width: 600px) { .km-item { flex-direction: column; gap: 6px; } }
