/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Article typography (static ERB articles are plain HTML, styled here) */
.prose-custom h1 { font-size: 2rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; line-height: 1.2; text-wrap: balance; }
.prose-custom h2 { font-size: 1.5rem; font-weight: 600; color: #0f172a; margin-top: 2.25rem; margin-bottom: 0.75rem; }
.prose-custom h3 { font-size: 1.125rem; font-weight: 600; color: #0f172a; margin-top: 1.5rem; margin-bottom: 0.4rem; }
.prose-custom p { font-size: 1.0625rem; line-height: 1.75; color: #334155; margin-bottom: 1rem; }
.prose-custom ul, .prose-custom ol { padding-left: 1.5rem; margin-bottom: 1rem; color: #334155; line-height: 1.7; }
.prose-custom ul { list-style: disc; }
.prose-custom ol { list-style: decimal; }
.prose-custom li { margin-bottom: 0.4rem; }
.prose-custom a { text-decoration: underline; color: #0f172a; }
.prose-custom a:hover { color: #d97706; }
.prose-custom .capsule { background: #fffbeb; border: 2px solid #fbbf24; border-radius: 0.5rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; }
.prose-custom .capsule p { margin-bottom: 0; }
.prose-custom .takeaways { background: #f8fafc; border-radius: 0.5rem; padding: 1.25rem 1.5rem; margin: 1.5rem 0; }
.prose-custom .takeaways h2 { margin-top: 0; font-size: 1.125rem; }