/* Base readable typography in dark */
.article-body {
  color: #e5e7eb;
  line-height: 1.75;
  font-size: 1.0625rem;
}

/* Spacing */
.article-body p,
.article-body ul,
.article-body ol,
.article-body blockquote,
.article-body pre,
.article-body figure {
  margin: 1em 0;
}

 #articleBody img { 
    object-fit: cover;
    --tw-border-opacity: 1;
    border-color: rgb(30 35 48 / var(--tw-border-opacity, 1));
    border-width: 1px;
    border-radius: 1rem;
    aspect-ratio: 16 / 9;
}
        
/* Headings */
.article-body h1 { font-size: 1.875rem; line-height: 1.2; margin: 1.2em 0 .6em; }
.article-body h2 { font-size: 1.5rem;   line-height: 1.25; margin: 1.1em 0 .55em; }
.article-body h3 { font-size: 1.25rem;  line-height: 1.3;  margin: 1em 0 .5em;   }
.article-body h4 { font-size: 1.125rem; line-height: 1.35; margin: .9em 0 .45em; }

/* Lists */
.article-body ul { list-style: disc; padding-left: 1.25rem; }
.article-body ol { list-style: decimal; padding-left: 1.25rem; }
.article-body li { margin: .35em 0; }

/* Links & emphasis */
.article-body a { color: #93c5fd; text-decoration: underline; text-underline-offset: 2px; }
.article-body strong { font-weight: 700; }
.article-body em { font-style: italic; }


/* Blockquote / code */
.article-body blockquote {
  border-left: 3px solid #334155;
  padding-left: .9rem;
  color: #cbd5e1;
  background: #0f1319;
}
.article-body pre, .article-body code {
  background: #0f1319;
  border-radius: .5rem;
}
.article-body pre {
  padding: .8rem 1rem;
  overflow: auto;
}

/* Tables */
.article-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.article-body th, .article-body td { border: 1px solid #1e293b; padding: .5rem .6rem; }
.article-body thead th { background: #0f1319; }

/* Quill alignment helpers */
.article-body .ql-align-center { text-align: center; }
.article-body .ql-align-right  { text-align: right; }
.article-body .ql-align-justify{ text-align: justify; }

/* Quill indentation (approximate) */
.article-body .ql-indent-1 { margin-left: 2rem; }
.article-body .ql-indent-2 { margin-left: 4rem; }
.article-body .ql-indent-3 { margin-left: 6rem; }
.article-body .ql-indent-4 { margin-left: 8rem; }

/* Quill sizes (if enabled) */
.article-body .ql-size-small  { font-size: .875rem; }
.article-body .ql-size-large  { font-size: 1.25rem; }
.article-body .ql-size-huge   { font-size: 1.5rem; }

/* Figures + captions */
.article-body figure { text-align: center; }
.article-body figcaption { color: #94a3b8; font-size: .9rem; margin-top: .5rem; }

/* Prevent global Tailwind utilities from collapsing article spacing */
.article-body * + h1,
.article-body * + h2,
.article-body * + h3 { margin-top: 1.2em; }