/* Article Content Styling - Exact Duplicate */
/* Based on Abundance Institute article styling */

/* Font Import - IBM Plex Mono */
/* Main Article Container */
.wysiwyg {
  font-family: var(--font-plex-mono);
  word-break: break-word;
  color: #000;
  background-color: #ccc;
  max-width: 85ch;
}

/* Headings */
.wysiwyg h2 {
  font-size: clamp(30px, 3.90625vw, 45px);
  font-family: var(--font-plex-mono);
  line-height: 1.05;
  font-weight: 400;
  margin: 0.6em 0;
}

.wysiwyg h3 {
  font-size: clamp(24px, 3.0729166667vw, 35px);
  font-family: var(--font-plex-mono);
  line-height: 1.5;
  font-weight: 400;
  margin: 1em 0 0.3em;
  color: red;
}

.wysiwyg h3 + p {
  margin-top: 0.8em;
}

.wysiwyg h4 {
  font-size: clamp(20px, 2.34375vw, 25px);
  font-family: var(--font-plex-mono);
  line-height: 1.5;
  font-weight: 400;
  margin: 1em 0 0.3em;
}

.wysiwyg h4 + p {
  margin-top: 0.5em;
}

/* Paragraphs */
.wysiwyg p {
  font-size: clamp(14px, 1.5625vw, 16px);
  font-weight: 400;
  font-family: var(--font-plex-mono);
  max-width: 85ch;
  margin: 1.5em 0;
  line-height: 1.5;
}

/* Links */
.wysiwyg a:link {
  color: #0048ff;
  text-decoration: underline;
}

.wysiwyg a:visited {
  color: #551a8b;
}

/* Lists */
.wysiwyg ul {
  margin-left: 3em;
  list-style: disc outside;
  font-size: clamp(14px, 1.5625vw, 16px);
  font-weight: 400;
  font-family: var(--font-plex-mono);
  line-height: 1.5;
}

.wysiwyg ul li {
  margin: 0.5em 0;
}

/* Blockquotes */
.wysiwyg blockquote,
.wysiwyg blockquote p {
  font-size: clamp(16px, 1.875vw, 20px);
  line-height: 1.25;
  font-weight: 400;
  font-family: var(--font-plex-mono);
}

.wysiwyg blockquote {
  margin: 1em 0;
  border-left: 1px solid #000;
  padding: 1px 0 1px 1em;
}

.wysiwyg blockquote p {
  max-width: 60ch;
}

/* Footnotes */
.wysiwyg {
  counter-reset: prosemirror-footnote;
}

.wysiwyg .footnote:link {
  text-decoration: none;
}

.wysiwyg .footnote:before {
  content: counter(prosemirror-footnote);
  vertical-align: super;
  font-size: 70%;
  counter-increment: prosemirror-footnote;
}

.wysiwyg .footnote-footer {
  margin-top: 1em;
  font-size: 14px;
  word-break: break-word;
}

.wysiwyg .footnote-footer:before {
  content: "";
  display: block;
  height: 1px;
  width: 30%;
  background-color: #000;
  margin-bottom: 0.5em;
}

.wysiwyg .footnote-foot {
  margin: 0.5em 0;
}

.wysiwyg .footnote-foot .footnote:before {
  font-size: 100%;
  vertical-align: text-bottom;
  margin-right: 0.5em;
}

/* WordPress Editor Specific Classes */
.wp-block-quote {
  font-size: clamp(16px, 1.875vw, 20px);
  line-height: 1.25;
  font-weight: 400;
  font-family: var(--font-plex-mono);
  margin: 1em 0;
  border-left: 1px solid #000;
  padding: 1px 0 1px 1em;
}

.wp-block-quote p {
  max-width: 60ch;
}

/* Ensure proper rendering in WordPress editor */
.editor-styles-wrapper .wysiwyg,
.block-editor-writing-flow .wysiwyg {
  font-family: var(--font-plex-mono);
}

/* Strong/Bold text */
.wysiwyg strong {
  font-weight: 700;
}

/* Emphasis/Italic text */
.wysiwyg em {
  font-style: italic;
}

/* Code blocks (if needed) */
.wysiwyg code {
  font-family: var(--font-plex-mono);
  background-color: #f4f4f4;
  padding: 0.2em 0.4em;
  font-size: 0.9em;
}

.wysiwyg pre {
  font-family: var(--font-plex-mono);
  background-color: #f4f4f4;
  padding: 1em;
  overflow-x: auto;
  margin: 1.5em 0;
}

.wysiwyg pre code {
  background-color: transparent;
  padding: 0;
}