/* /assets/css/editor-content.css */

/* Uses your site variables */
:root{
  --brand: #8b1e1e;
  --brand-dark: #6f1717;
  --ink: #1a1a1a;
  --brand-050: #fff2f2;
}

/* Base typography */
body {
  color: var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  font-size: 16px;
}
h1,h2,h3,h4,h5,h6 {
  color: var(--ink);
  font-weight: 800;
  line-height: 1.25;
  margin: 1.2em 0 .5em;
}
h1{ font-size: 1.9rem; }
h2{ font-size: 1.6rem; }
h3{ font-size: 1.3rem; }
p{ margin: 0 0 1em; }

/* Links */
a { color: var(--brand); text-decoration: underline; text-underline-offset: .15em; }
a:hover { color: var(--brand-dark); }

/* Lists */
ul,ol { padding-left: 1.3em; margin: 0 0 1em; }

/* Blockquote */
blockquote{
  margin: 1em 0;
  padding: .75em 1em;
  border-left: 4px solid var(--brand);
  background: var(--brand-050);
}

/* Images */
img{ max-width:100%; height:auto; border-radius: .5rem; }

/* Tables */
table{
  width:100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: .95rem;
}
th, td{ padding:.6em .7em; border:1px solid #eee; }
thead th{
  background:#fafafa; font-weight:700; text-align:left;
}

/* Code */
pre, code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
pre{
  background:#f8f8f8; border:1px solid #eee;
  padding:.75rem; border-radius:.5rem; overflow:auto;
}

/* Helpers authors can apply via Styles dropdown */
.callout{
  border:1px solid var(--brand);
  background: var(--brand-050);
  border-radius:.5rem;
  padding: .75rem 1rem;
}
.btn-link{
  display:inline-block;
  background: var(--brand);
  color:#fff !important;
  border:1px solid var(--brand);
  padding:.4rem .75rem;
  border-radius:.5rem;
  text-decoration:none !important;
  font-weight:600;
}
.btn-link:hover{ background: var(--brand-dark); border-color: var(--brand-dark); }