:root {
  --kn-text: #e2e8f0;
  --kn-muted: #94a3b8;
  --kn-bg: #04040d;
  --kn-link: #FFD700;
}

body {
  color: var(--kn-text);
}

/* Headings (front + editor) */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
  font-weight: 900;
  line-height: 1.35;
  margin: 1.25em 0 0.6em;
}
h1 { font-size: clamp(1.8rem, 2.5vw, 2.6rem); }
h2 { font-size: clamp(1.5rem, 2vw, 2.1rem); }
h3 { font-size: clamp(1.25rem, 1.6vw, 1.75rem); }
h4 { font-size: 1.1rem; }

p { margin: 0.95em 0; color: var(--kn-text); line-height: 1.95; }
small, .has-small-font-size { color: var(--kn-muted); }

a { color: var(--kn-link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Lists */
ul, ol { padding-inline-start: 1.4em; margin: 0.85em 0; }
li { margin: 0.35em 0; }

/* Block editor container safety */
.editor-styles-wrapper {
  background: transparent;
  color: var(--kn-text);
  font-family: Vazirmatn, system-ui, sans-serif;
}

/* Images */
img { max-width: 100%; height: auto; }

/* Quotes */
blockquote {
  border-right: 3px solid rgba(255, 215, 0, 0.6);
  padding: 0.75em 1em;
  background: rgba(8, 9, 26, 0.55);
  border-radius: 14px;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 14px;
}
th, td {
  border: 1px solid rgba(255,255,255,0.08);
  padding: 10px 12px;
}
th { color: #fff; background: rgba(8, 9, 26, 0.75); }
td { color: var(--kn-text); background: rgba(8, 9, 26, 0.35); }

/* Buttons in content */
.wp-element-button, button, input[type="submit"] {
  border-radius: 12px;
}

/* Override Tailwind Typography (.prose) sizes when used */
.prose h1 { font-size: clamp(1.8rem, 2.5vw, 2.6rem) !important; }
.prose h2 { font-size: clamp(1.5rem, 2vw, 2.1rem) !important; }
.prose h3 { font-size: clamp(1.25rem, 1.6vw, 1.75rem) !important; }
.prose h4 { font-size: 1.1rem !important; }
.prose p { margin: 0.95em 0 !important; line-height: 1.95 !important; }