/* Start custom CSS for html, class: .elementor-element-0b04e80 *//* ===================================================================
   RMD PREMIUM BOOKKEEPING — blog and article styles
   ADD THIS TO THE END of Appearance → Customize → Additional CSS,
   after the other two stylesheets.

   Does two jobs:
   1. Styles articles pasted in as HTML (.rmd-article)
   2. Styles posts written normally in the WordPress editor, so future
      guides need no code at all
   =================================================================== */

/* ---------- 1. Pasted articles (.rmd-article) ---------------------- */
.rmd.rmd-article{
  max-width:720px;
  margin:0 auto;
  padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) clamp(48px,6vw,72px);
  background:var(--cream);
}
.rmd.rmd-article h2{
  font-size:clamp(1.4rem,2.6vw,1.85rem);
  margin-top:2.2em;
  margin-bottom:.55em;
}
.rmd.rmd-article h3{
  margin-top:0;
  margin-bottom:.5em;
}
.rmd.rmd-article p{
  margin-bottom:1.15em;
  max-width:68ch;
}
.rmd.rmd-article p strong{
  color:var(--plum);
  font-weight:700;
}
.rmd.rmd-article hr{
  border:0;
  border-top:1px solid var(--line);
  margin:2.6em 0;
}
.rmd.rmd-article .lead{
  margin-bottom:1.3em;
}
.rmd .article-cta{
  border:1px solid var(--line);
  background:var(--paper);
  padding:clamp(24px,3.5vw,36px);
  margin-top:3em;
}
.rmd .article-cta p{
  margin-bottom:0;
}
.rmd .article-cta .btn-row{
  margin-top:26px;
}
.rmd .article-sig{
  font-family:var(--f-mono);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--sandal);
  line-height:1.8;
  margin-top:2.4em;
  padding-top:1.4em;
  border-top:1px solid var(--line);
}

/* ---------- 2. Posts written in the WordPress editor --------------- */
/* So future guides can be typed normally, with no HTML.               */
body.single-post,
body.blog,
body.archive{
  background:#FAF7F1;
}
body.single-post .site-main,
body.blog .site-main,
body.archive .site-main{
  max-width:760px;
  margin:0 auto;
  padding:clamp(28px,5vw,56px) clamp(20px,5vw,40px) clamp(48px,6vw,72px);
}
body.single-post .entry-title,
body.blog .entry-title,
body.archive .entry-title{
  font-family:"Marcellus","Hoefler Text",Georgia,serif !important;
  font-weight:400 !important;
  font-size:clamp(1.9rem,4.2vw,2.9rem) !important;
  line-height:1.15;
  color:#29281E !important;
  text-wrap:balance;
  margin-bottom:.4em;
}
body.blog .entry-title a,
body.archive .entry-title a{
  color:#29281E !important;
  text-decoration:none;
}
body.blog .entry-title a:hover,
body.archive .entry-title a:hover{
  color:#48252F !important;
}
body.single-post .entry-content,
body.blog .entry-content,
body.archive .entry-content{
  font-family:"Karla","Helvetica Neue",Arial,sans-serif !important;
  font-size:17px;
  line-height:1.65;
  color:#29281E;
}
body.single-post .entry-content p,
body.blog .entry-content p{
  margin-bottom:1.15em;
  max-width:68ch;
}
body.single-post .entry-content h2{
  font-family:"Marcellus","Hoefler Text",Georgia,serif !important;
  font-weight:400 !important;
  font-size:clamp(1.4rem,2.6vw,1.85rem) !important;
  color:#29281E !important;
  margin-top:2.2em;
  margin-bottom:.55em;
  line-height:1.2;
}
body.single-post .entry-content h3{
  font-family:"Marcellus","Hoefler Text",Georgia,serif !important;
  font-weight:400 !important;
  font-size:1.25rem !important;
  color:#29281E !important;
  margin-top:1.8em;
  margin-bottom:.5em;
}
body.single-post .entry-content strong{
  color:#48252F;
}
body.single-post .entry-content a,
body.blog .entry-content a{
  color:#48252F;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.single-post .entry-content ul,
body.single-post .entry-content ol{
  max-width:68ch;
  margin-bottom:1.3em;
  padding-left:1.2em;
}
body.single-post .entry-content li{
  margin-bottom:.5em;
}
body.single-post .entry-content blockquote{
  border-left:2px solid #48252F;
  padding-left:22px;
  margin:1.8em 0;
  font-family:"Marcellus","Hoefler Text",Georgia,serif;
  font-size:1.15rem;
  line-height:1.45;
}
body.single-post .entry-content hr{
  border:0;
  border-top:1px solid rgba(133,120,97,.30);
  margin:2.6em 0;
}
body.single-post .entry-meta,
body.blog .entry-meta,
body.archive .entry-meta{
  font-family:"IBM Plex Mono","SFMono-Regular",Menlo,monospace !important;
  font-size:.68rem !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#857861 !important;
  margin-bottom:2em;
}

/* Post list on the Blog page */
body.blog article.post,
body.archive article.post{
  border-bottom:1px solid rgba(133,120,97,.30);
  padding-block:clamp(26px,3.5vw,40px);
}
body.blog article.post:first-of-type,
body.archive article.post:first-of-type{
  border-top:1px solid rgba(133,120,97,.30);
}/* End custom CSS */