html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  text-underline-offset: 0.2em;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

/* Render admin notification HTML exactly like the TinyMCE editor preview:
   revert Tailwind preflight so headings, lists and links use browser defaults,
   then mirror the editor's content_style (14px, 1.6, #18181b). */
.notification-content {
  font-size: 14px;
  line-height: 1.6;
  color: #18181b;
  overflow-wrap: break-word;
}

.notification-content :where(h2, h3, h4, p, ul, ol, li, a, strong, b, em, i, u) {
  all: revert;
}

.notification-content table {
  border-collapse: collapse;
}

.notification-content th,
.notification-content td {
  border: 1px solid #ccc;
  padding: 0.4rem;
}