/* Load before style.css so content adapters can refine the shared surface. */
.popover-panel {
  box-sizing: border-box;
  position: fixed;
  inset: auto;
  margin: 0;
  width: 320px;
  min-width: 0;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid rgb(var(--c-border));
  border-radius: 12px;
  background: rgb(var(--c-bg));
  color: rgb(var(--c-body));
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.12);
  font: inherit;
  font-size: 14px;
  line-height: 1.6;
  text-align: start;
  overflow-wrap: anywhere;
}
.popover-panel[hidden] { display: none; }
.popover-panel:focus-visible {
  outline: 2px solid rgb(var(--c-accent));
  outline-offset: 2px;
}
.popover-panel::backdrop { background: transparent; }
.popover-title { margin: 0 0 8px; font-weight: 600; }
.popover-description { margin: 0; color: rgb(var(--c-muted)); }
.popover-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }