.md-content{
  color:var(--color-text-soft);
  font-family:var(--font-reading-ar);
  font-weight:var(--font-reading-ar-weight);
  font-size:var(--fs-body);
  line-height:var(--font-reading-ar-leading);
  letter-spacing:var(--font-reading-ar-tracking);
}
html[lang="en"] .md-content,
[dir="ltr"] .md-content{
  font-family:var(--font-reading-en);
  font-weight:var(--font-reading-en-weight);
  line-height:var(--font-reading-en-leading);
  letter-spacing:var(--font-reading-en-tracking);
}

.md-content > *:first-child{ margin-top:0; }
.md-content > *:last-child{ margin-bottom:0; }

.md-paragraph{
  margin:0 0 1.1em;
}

.md-heading{
  color:var(--color-text);
  font-family:var(--font-heading-ar);
  font-weight:var(--font-heading-ar-weight);
  line-height:var(--font-heading-ar-leading);
  letter-spacing:var(--font-heading-ar-tracking);
  margin:1.6em 0 0.7em;
}
html[lang="en"] .md-heading,
[dir="ltr"] .md-heading{
  font-family:var(--font-heading-en);
  font-weight:var(--font-heading-en-weight);
  line-height:var(--font-heading-en-leading);
  letter-spacing:var(--font-heading-en-tracking);
}
.md-content > .md-heading:first-child{ margin-top:0; }

h3.md-heading{ font-size:var(--fs-h3); }
h4.md-heading{ font-size:clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem); }
h5.md-heading{ font-size:clamp(1rem, 0.94rem + 0.2vw, 1.1rem); }
h6.md-heading{ font-size:var(--fs-small); text-transform:uppercase; letter-spacing:0.04em; color:var(--color-text-muted); }

.md-content strong{ color:var(--color-text); font-weight:700; }
.md-content em{ font-style:italic; }

.md-link{
  color:var(--color-accent-strong);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:var(--color-accent);
  transition:color var(--dur-fast, 180ms) ease;
}
.md-link:hover{ color:var(--color-accent); }

.md-list{
  margin:0 0 1.1em;
  padding-inline-start:1.4em;
  display:flex;
  flex-direction:column;
  gap:0.45em;
}
.md-list li{ padding-inline-start:0.2em; }
ul.md-list{ list-style:disc; }
ol.md-list{ list-style:decimal; }
.md-list .md-list{ margin:0.45em 0 0; }

.md-quote{
  margin:0 0 1.1em;
  padding:0.85em 1.2em;
  border-inline-start:3px solid var(--color-accent);
  background:var(--color-accent-soft);
  border-radius:var(--radius-sm, 8px);
  color:var(--color-text);
  font-style:italic;
}
.md-callout{
  margin:0 0 1.1em;
  padding:0.9em 1.2em;
  border:1px solid var(--color-border);
  border-inline-start-width:3px;
  border-inline-start-color:var(--color-border-strong);
  border-radius:var(--radius-md, 12px);
  background:var(--color-surface-2, var(--color-bg-alt));
  color:var(--color-text);
}
.md-callout > *:last-child{ margin-bottom:0; }

.md-callout--note{
  border-inline-start-color:var(--color-sage-strong);
  background:var(--color-sage-soft);
}

.md-code-inline{
  font-family:"SFMono-Regular", Consolas, Menlo, monospace;
  font-size:0.9em;
  background:var(--color-surface-2, var(--color-bg-alt));
  border:1px solid var(--color-border);
  border-radius:5px;
  padding:0.15em 0.45em;
  direction:ltr;
  unicode-bidi:embed;
}

.md-code-block{
  margin:0 0 1.1em;
  background:var(--color-surface-2, var(--color-bg-alt));
  border:1px solid var(--color-border);
  border-radius:var(--radius-md, 12px);
  padding:1em 1.2em;
  overflow-x:auto;
  direction:ltr;
  text-align:start;
}
.md-code-block code{
  font-family:"SFMono-Regular", Consolas, Menlo, monospace;
  font-size:0.9em;
  color:var(--color-text);
  white-space:pre;
}

.md-hr{
  border:none;
  border-top:1px solid var(--color-border-strong);
  margin:2em 0;
}

.md-image{
  max-width:100%;
  height:auto;
  border-radius:var(--radius-md, 12px);
  margin:0.4em 0 1.1em;
  display:block;
}

.md-table-wrap{
  overflow-x:auto;
  margin:0 0 1.1em;
  border:1px solid var(--color-border);
  border-radius:var(--radius-md, 12px);
}
.md-table{
  width:100%;
  border-collapse:collapse;
  font-size:var(--fs-small);
  font-family:var(--font-interface-ar);
  min-width:420px;
}
html[lang="en"] .md-table,
[dir="ltr"] .md-table{
  font-family:var(--font-interface-en);
}
.md-table th{
  background:var(--color-surface-2, var(--color-bg-alt));
  color:var(--color-text);
  font-weight:700;
  text-align:start;
  padding:0.7em 0.9em;
  border-bottom:1px solid var(--color-border-strong);
  white-space:nowrap;
}
.md-table td{
  padding:0.65em 0.9em;
  border-bottom:1px solid var(--color-border);
}
.md-table tr:last-child td{ border-bottom:none; }