.elementor-495 .elementor-element.elementor-element-2ca2dfe{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-495 .elementor-element.elementor-element-532915c .elementor-heading-title{font-family:"Crimson Pro", Sans-serif;font-size:40px;font-weight:600;line-height:40px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-495:not(.elementor-motion-effects-element-type-background), body.elementor-page-495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-93833f6 );}@media(max-width:767px){.elementor-495 .elementor-element.elementor-element-2ca2dfe{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-495 .elementor-element.elementor-element-532915c .elementor-heading-title{font-size:30px;line-height:1em;}}@media(min-width:768px){.elementor-495 .elementor-element.elementor-element-2ca2dfe{--content-width:1280px;}}/* Start custom CSS *//* ============================================================
   THE FIELD DESK — Single Post Template CSS
   Paste into: Elementor > Site Settings > Custom CSS
   (or the page-level "Custom CSS" tab if only used on this template)

   Matches the site's existing look: warm cream background,
   bold serif headlines, monospace uppercase labels/meta.

   Fonts assumed (add via Elementor > Site Settings > Global Fonts,
   or Custom Fonts if self-hosting):
     Serif   -> Lora (700 for headings, 400 for body)
     Mono    -> Space Mono or IBM Plex Mono (400/700)
   Swap the font-family values below if you're already using
   different faces elsewhere on the site — keep these variables
   as the single source of truth.
   ============================================================ */

:root {
  --fd-bg: #f0eee7;
  --fd-ink: #1e1c19;
  --fd-ink-soft: #4a4844;
  --fd-muted: #8a8780;
  --fd-border: #d6d2c7;
  --fd-serif: 'Lora', Georgia, serif;
  --fd-mono: 'Space Mono', 'IBM Plex Mono', monospace;
}

/* ---- Page background ---- */
.fd-post-page {
  background-color: var(--fd-bg);
}

/* ---- Eyebrow label (e.g. "Field Notes — Proprietor") ---- */
.fd-post-eyebrow {
  font-family: var(--fd-mono);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fd-muted);
  margin: 0 0 0.5rem;
}

/* ---- Post title (H1) ---- */
.fd-post-title {
  font-family: var(--fd-serif);
  font-weight: 700;
  font-size: clamp(2rem, 4vw + 1rem, 3.25rem);
  line-height: 1.1;
  color: var(--fd-ink);
  margin: 0 0 1.5rem;
  max-width: 16ch;
}

/* ---- Meta bar (date / author / category) ---- */
.fd-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-family: var(--fd-mono);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fd-muted);
  border-top: 1px solid var(--fd-border);
  border-bottom: 1px solid var(--fd-border);
  padding: 0.85rem 0;
  margin-bottom: 2.5rem;
}

.fd-post-meta span {
  display: inline-flex;
  align-items: center;
}

/* ---- Featured image hero ---- */
.fd-post-hero {
  margin-bottom: 2.5rem;
}

.fd-post-hero img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* ---- Body content ---- */
.fd-post-content {
  font-family: var(--fd-serif);
  font-size: 1.08rem;
  line-height: 1.8;
  color: var(--fd-ink-soft);
  max-width: 700px;
}

.fd-post-content p {
  margin: 0 0 1.4rem;
}

.fd-post-content h2,
.fd-post-content h3 {
  font-family: var(--fd-serif);
  font-weight: 700;
  color: var(--fd-ink);
  line-height: 1.25;
  margin: 2.25rem 0 1rem;
}

.fd-post-content h2 { font-size: 1.6rem; }
.fd-post-content h3 { font-size: 1.25rem; }

.fd-post-content blockquote {
  font-style: italic;
  color: var(--fd-ink);
  border-left: 2px solid var(--fd-ink);
  padding-left: 1.25rem;
  margin: 2rem 0;
}

.fd-post-content a {
  color: var(--fd-ink);
  text-decoration: underline;
  text-decoration-color: var(--fd-border);
  text-underline-offset: 3px;
}

.fd-post-content a:hover {
  text-decoration-color: var(--fd-ink);
}

/* ---- Section divider (thin rule, reused throughout site) ---- */
.fd-post-divider {
  border: none;
  border-top: 1px solid var(--fd-border);
  margin: 3rem 0;
}

/* ---- Prev / Next navigation ---- */
.fd-post-nav {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 0;
  border-top: 1px solid var(--fd-border);
  border-bottom: 1px solid var(--fd-border);
  margin: 3rem 0;
}

.fd-post-nav-item {
  display: flex;
  flex-direction: column;
  max-width: 45%;
}

.fd-post-nav-item.fd-next {
  align-items: flex-end;
  text-align: right;
}

.fd-post-nav-label {
  font-family: var(--fd-mono);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fd-muted);
  margin-bottom: 0.35rem;
}

.fd-post-nav-title {
  font-family: var(--fd-serif);
  font-weight: 700;
  font-size: 1rem;
  color: var(--fd-ink);
  text-decoration: none;
}

.fd-post-nav-title:hover {
  text-decoration: underline;
}

/* ---- Related posts ---- */
.fd-related-heading {
  font-family: var(--fd-mono);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fd-ink);
  margin-bottom: 1.5rem;
}

.fd-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.fd-related-card-title {
  font-family: var(--fd-serif);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--fd-ink);
  margin-top: 0.85rem;
  line-height: 1.3;
}

.fd-related-card-date {
  font-family: var(--fd-mono);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fd-muted);
  margin-top: 0.4rem;
}

.fd-related-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  .fd-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .fd-post-meta {
    gap: 0.85rem;
  }
  .fd-post-nav {
    flex-direction: column;
    gap: 1.5rem;
  }
  .fd-post-nav-item,
  .fd-post-nav-item.fd-next {
    max-width: 100%;
    align-items: flex-start;
    text-align: left;
  }
  .fd-related-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */