.blog-body{color:#3f4a56;font-size:1.05rem;line-height:1.75}
.blog-body h2{font-family:"Playfair Display",serif;color:#0f1f2e;font-size:1.6rem;font-weight:700;line-height:1.25;margin:2.25rem 0 .75rem}
.blog-body h3{font-family:"Playfair Display",serif;color:#0f1f2e;font-size:1.2rem;font-weight:700;margin:1.5rem 0 .5rem}
.blog-body p{margin:1rem 0}
.blog-body ul{margin:1rem 0 1rem 1.25rem;list-style:disc}
.blog-body li{margin:.45rem 0}
.blog-body strong{color:#0f1f2e;font-weight:600}
.blog-body a{color:#2d7a5e;text-decoration:underline;text-underline-offset:2px}
.blog-body a:hover{color:#1a4a3a}

.blog-grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Utilities used by the blog markup that the site's compiled Tailwind doesn't include. */
.h-48{height:12rem}
.p-7{padding:1.75rem}
.pb-10{padding-bottom:2.5rem}
.pb-14{padding-bottom:3.5rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.text-\[0\.65rem\]{font-size:.65rem}
.tracking-\[0\.18em\]{letter-spacing:.18em}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/60{color:rgba(255,255,255,.6)}
.text-white\/70{color:rgba(255,255,255,.7)}
.border-white\/30{border-color:rgba(255,255,255,.3)}
.ring-black\/5{box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.hover\:shadow-md:hover{box-shadow:0 6px 18px rgba(15,31,46,.10)}
.hover\:border-gray-200:hover{border-color:#e5e7eb}
.hover\:bg-brand-forest:hover{background-color:#1a4a3a}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:text-brand-botanical:hover{color:#2d7a5e}
.hover\:text-brand-forest:hover{color:#1a4a3a}
.hover\:text-brand-teal:hover{color:#3ec9bd}
@media(min-width:640px){
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:text-base{font-size:1rem;line-height:1.5rem}
  .sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:text-5xl{font-size:3rem;line-height:1}
}
@media(min-width:1024px){
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
  .lg\:text-5xl{font-size:3rem;line-height:1.1}
}