/* OZEN editorial templates share the site's Jost typography and palette. */
body.ozen-editorial {
  color: #263b35;
  font-family: Jost, sans-serif;
  background: #f8f7f2;
}
.editorial-main {
  box-sizing: border-box;
  width: min(100% - 3rem, 860px);
  margin: clamp(3rem, 8vw, 7rem) auto;
}
.editorial-entry {
  background: #fff;
  padding: clamp(1.5rem, 5vw, 4rem);
}
.editorial-entry .entry-title, .archive-header .entry-title {
  color: #294c43;
  font-size: clamp(2.25rem, 5vw, 4.25rem);
  font-weight: 400;
  line-height: 1.08;
  margin: 0 0 1.5rem;
}
.entry-content { font-size: 1.125rem; line-height: 1.75; }
.entry-content h2, .entry-content h3, .entry-content h4 { color: #294c43; line-height: 1.2; margin: 2.25em 0 .65em; }
.entry-content a { color: #527468; text-underline-offset: .18em; }
.entry-content img, .post-featured-image img, .post-card-image img { height: auto; max-width: 100%; }
.entry-content figure { margin: 2rem 0; }
.entry-content figcaption { color: #65736e; font-size: .9rem; text-align: center; }
.entry-content blockquote { border-left: 3px solid #b5a780; margin: 2rem 0; padding: .5rem 1.5rem; color: #52665e; }
.entry-content ul, .entry-content ol { padding-left: 1.5em; }
.entry-content .wp-block-button__link, .editorial-main .button { background: #294c43; border-radius: 0; color: #fff; padding: .8em 1.4em; text-decoration: none; }
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content th, .entry-content td { border: 1px solid #d7ddd8; padding: .65rem; text-align: left; }
.entry-content hr { border: 0; border-top: 1px solid #c9d2cc; margin: 2.5rem 0; }
.entry-content iframe, .entry-content video { max-width: 100%; }
.post-featured-image { margin: 0 0 2rem; }
.entry-date { color: #718078; font-size: .95rem; }
.post-list { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.post-card { background: #fff; padding: 1.5rem; }
.post-card h2 { color: #294c43; font-size: 1.6rem; }
.post-card h2 a { color: inherit; text-decoration: none; }
.post-card-image img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
@media (max-width: 640px) { .editorial-main { width: min(100% - 1.25rem, 860px); } .editorial-entry { padding: 1.25rem; } }