/*
 * Author:  The Vi
 * Created: 2026-09-08
 * Purpose: Page-scoped styles for the post pages (@section('page','posts')).
 *          Typography for the rendered Markdown body (.markdown) on the post
 *          detail page. Auto-loaded in <head> when the page declares page 'posts'.
 */

.markdown { font-size: 1.0625rem; line-height: 1.8; }
.markdown > :first-child { margin-top: 0; }
.markdown h1 { font-size: 1.75rem; font-weight: 700; line-height: 1.3; margin: 2.25rem 0 .75rem; color: #111827; }
.markdown h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.35; margin: 2rem 0 .75rem; color: #111827; letter-spacing: -.01em; }
.markdown h3 { font-size: 1.2rem; font-weight: 600; line-height: 1.4; margin: 1.5rem 0 .5rem; color: #111827; }
.markdown p { margin: 1rem 0; }
.markdown ul { list-style: disc; margin: 1rem 0; padding-left: 1.5rem; }
.markdown ol { list-style: decimal; margin: 1rem 0; padding-left: 1.5rem; }
.markdown li { margin: .35rem 0; }
.markdown li::marker { color: var(--color-primary, #1A74E5); }
.markdown a { color: var(--color-primary, #1A74E5); text-decoration: underline; text-underline-offset: 3px; }
.markdown a:hover { color: var(--color-primary-dark, #1560bd); }
.markdown strong { color: #111827; font-weight: 600; }
.markdown hr { border: 0; border-top: 1px solid #e5e7eb; margin: 2rem 0; }
.markdown code { background: #eff6ff; color: #1e40af; border-radius: .25rem; padding: .1rem .35rem; font-size: .875em; overflow-wrap: anywhere; }
.markdown pre { background: #0f172a; color: #e2e8f0; border-radius: .5rem; padding: 1rem 1.125rem; overflow-x: auto; margin: 1.25rem 0; font-size: .875rem; line-height: 1.65; }
.markdown pre code { background: transparent; color: inherit; padding: 0; font-size: inherit; }
.markdown blockquote { border-left: 3px solid var(--color-primary, #1A74E5); background: #f8fafc; padding: .75rem 1rem; color: #4b5563; margin: 1.25rem 0; border-radius: 0 .375rem .375rem 0; }
.markdown blockquote p { margin: .25rem 0; }
.markdown img { max-width: 100%; border-radius: .5rem; margin: 1.25rem 0; }
.markdown table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: .95rem; display: block; overflow-x: auto; }
.markdown th { background: #f8fafc; font-weight: 600; text-align: left; color: #111827; }
.markdown th, .markdown td { border: 1px solid #e5e7eb; padding: .5rem .75rem; }