/* Medium-style reading layout for single posts. 20-Sep-2026, on Apurva's ask.
   Values taken from medium.com's article CSS: Source Serif body 20px/32px, -0.003em,
   #242424 ink; 680px column; headings keep the site's Gotham. */
body.single-post .site-main .container.flex { display: block !important; max-width: 720px !important; width: 100% !important; margin: 0 auto !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 56px !important; }
@media (min-width: 1280px) { body.single-post .site-main .container.flex { padding-top: 72px !important; } }
body.single-post .site-main .xl\:w-3\/12 { display: none !important; }
body.single-post .site-main .xl\:w-9\/12 { width: 100% !important; }
body.single-post .site-main .max-w-6xl { box-shadow: none !important; }

body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content blockquote p {
  font-family: "Source Serif 4", source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif !important;
  font-size: 20px !important; line-height: 32px !important; letter-spacing: -0.003em !important;
  color: #242424 !important; font-weight: 400 !important;
}
body.single-post .entry-content p { margin: 0 0 2em 0 !important; }
body.single-post .entry-content li { margin: 0 0 0.6em 0 !important; }
body.single-post .entry-content a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px; }

body.single-post h1.entry-title, body.single-post .entry-title {
  font-family: gothambold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 42px !important; line-height: 52px !important; letter-spacing: -0.011em !important; color: #242424 !important; margin-bottom: 24px !important;
}
body.single-post .entry-content h2 {
  font-family: gothambold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 24px !important; line-height: 30px !important; letter-spacing: -0.016em !important; color: #242424 !important;
  margin: 1.72em 0 0.7em 0 !important;
}
body.single-post .entry-content h3 { font-family: gothambold, sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #242424 !important; margin: 1.4em 0 0.5em 0 !important; }
body.single-post .entry-meta, body.single-post .posted-on { font-family: gothambook, sans-serif !important; font-size: 14px !important; color: #6B6B6B !important; }
body.single-post .entry-content img, body.single-post .post-thumbnail img { max-width: 100% !important; height: auto !important; border-radius: 4px; margin: 0 auto 2em auto !important; display: block; }
body.single-post .entry-content blockquote { border-left: 3px solid #242424 !important; padding-left: 20px !important; margin: 0 0 2em 0 !important; font-style: italic; }
body.single-post .entry-content table { font-family: gothambook, sans-serif !important; font-size: 15px !important; line-height: 22px !important; }
body.single-post .entry-content hr { border: 0; border-top: 1px solid #E5E5E5; margin: 3em auto; width: 120px; }
@media (max-width: 640px) {
  body.single-post .entry-content p, body.single-post .entry-content li { font-size: 18px !important; line-height: 29px !important; }
  body.single-post h1.entry-title, body.single-post .entry-title { font-size: 32px !important; line-height: 40px !important; }
  body.single-post .entry-content h2 { font-size: 22px !important; line-height: 28px !important; }
}