/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

body {
  font-family: 'Sen', sans-serif;
  font-size: 20px;
}

/* Rendered markdown content */
.cf-prose p               { margin-bottom: 0.75em; line-height: 1.4; }
.cf-prose p:last-child    { margin-bottom: 0; }
.cf-prose ul,
.cf-prose ol              { margin: 0.5em 0 0.75em 1.5em; }
.cf-prose ul              { list-style-type: disc; }
.cf-prose ol              { list-style-type: decimal; }
.cf-prose li              { margin-bottom: 0.25em; line-height: 1.4; }
.cf-prose strong,
.cf-prose b               { font-weight: 700; }
.cf-prose em,
.cf-prose i               { font-style: italic; }
.cf-prose h1,
.cf-prose h2,
.cf-prose h3,
.cf-prose h4              { font-family: var(--cf-font-ui); font-weight: 700; letter-spacing: var(--cf-tracking); margin: 1em 0 0.4em; }
.cf-prose h1              { font-size: 28px; }
.cf-prose h2              { font-size: 24px; }
.cf-prose h3              { font-size: 20px; }
.cf-prose code            { font-family: monospace; font-size: 0.9em; background: rgba(0,0,0,0.05); padding: 0.1em 0.3em; border-radius: 3px; }
.cf-prose pre             { background: rgba(0,0,0,0.05); padding: 0.75em 1em; border-radius: var(--cf-radius); overflow-x: auto; margin: 0.5em 0; }
.cf-prose pre code        { background: none; padding: 0; }
.cf-prose blockquote      { border-left: 4px solid var(--cf-orange); padding-left: 1em; margin: 0.5em 0; color: var(--cf-gray); }