.elementor-5290 .elementor-element.elementor-element-5e197e6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5290 .elementor-element.elementor-element-9b10675{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-5e197e6 *//* ═══════════════════════════════════════════════════════════
   TECHRADIANT — MASTER ARTICLE STYLING OVERRIDE
   Scoped exclusively to: .entry-content, .post-content, article,
   .elementor-widget-theme-post-content
   Does NOT affect: Elementor button widgets, nav menus, homepage,
   /agencies/, /resources/ index pages, or any other site page.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. BASE TYPOGRAPHY — force Manrope, but scoped (no universal *) ── */
.entry-content,
.post-content,
article,
.elementor-widget-theme-post-content {
  font-family: 'Manrope', sans-serif !important;
}

.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content div,
.post-content p,
.post-content li,
.post-content td,
.post-content th,
.post-content div,
article p,
article li,
article td,
article th,
article div {
  font-family: 'Manrope', sans-serif !important;
}

/* ── 2. INLINE BODY LINKS — underline + color + hover ── */
.entry-content a,
.post-content a,
article a,
.elementor-widget-theme-post-content a {
  font-family: 'Manrope', sans-serif !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(26,79,58,.3) !important;
  text-underline-offset: 3px !important;
  color: #1a4f3a !important;
  transition: text-decoration-color .2s, color .2s !important;
}

.entry-content a:hover,
.post-content a:hover,
article a:hover,
.elementor-widget-theme-post-content a:hover {
  text-decoration-color: #1a4f3a !important;
  color: #1a4f3a !important;
}

.entry-content a:visited,
.post-content a:visited,
article a:visited,
.elementor-widget-theme-post-content a:visited {
  color: #1a4f3a !important;
}

/* Links INSIDE buttons/CTAs must never get the body underline */
.entry-content .mid-cta a,
.entry-content .bottom-cta a,
.entry-content .agency-link,
.post-content .mid-cta a,
.post-content .bottom-cta a,
.post-content .agency-link,
article .mid-cta a,
article .bottom-cta a,
article .agency-link {
  text-decoration: none !important;
}

/* ── 3. DM SERIF DISPLAY ITALIC — headings, accents, quotes ── */
.entry-content h2 em,
.post-content h2 em,
article h2 em,
.elementor-widget-theme-post-content h2 em,
.entry-content .article-title em,
.post-content .article-title em,
article .article-title em,
.entry-content .serif-accent,
.post-content .serif-accent,
article .serif-accent,
.entry-content .insight-quote p,
.post-content .insight-quote p,
article .insight-quote p,
.entry-content .insight-quote em,
.post-content .insight-quote em,
article .insight-quote em {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-style: italic !important;
  color: #1a4f3a !important;
  font-weight: 400 !important;
}

.entry-content .insight-quote p,
.post-content .insight-quote p,
article .insight-quote p {
  color: #0f0f0e !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
}

/* ── MID-CTA BUTTON — Light surface style with dark green border ── */

.mid-cta .btn-primary,
.mid-cta .btn-primary:link,
.mid-cta .btn-primary:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f7f9f2 !important;
  color: #1a4f3a !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  border-radius: 8px !important;
  border: 1.5px solid #1a4f3a !important;
  text-decoration: none !important;
  letter-spacing: .01em !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
  cursor: pointer !important;
}

.mid-cta .btn-primary:hover,
.mid-cta .btn-primary:focus {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
  border-color: #1a4f3a !important;
  box-shadow: 0 2px 12px rgba(26, 79, 58, 0.12) !important;
  text-decoration: none !important;
}

.mid-cta .btn-primary:active {
  background: #b8d9c7 !important;
  box-shadow: none !important;
  transform: translateY(1px) !important;
}

/* ── 5. BOTTOM-CTA BUTTONS (dark green background — standard) ── */
.bottom-cta .btn-dark,
.bottom-cta .btn-dark:link,
.bottom-cta .btn-dark:visited {
  background: #ffffff !important;
  color: #1a4f3a !important;
  text-decoration: none !important;
}
.bottom-cta .btn-dark:hover,
.bottom-cta .btn-dark:focus {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
}

.bottom-cta .btn-outline,
.bottom-cta .btn-outline:link,
.bottom-cta .btn-outline:visited {
  background: transparent !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255,255,255,.45) !important;
  text-decoration: none !important;
}
.bottom-cta .btn-outline:hover,
.bottom-cta .btn-outline:focus {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.8) !important;
  color: #ffffff !important;
}

/* ── 6. AGENCY LINK BUTTONS (used inline in body text) ── */
.agency-link,
.agency-link:link,
.agency-link:visited {
  background: #1a4f3a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.agency-link:hover {
  background: #d3fae3 !important;
  color: #1a4f3a !important;
}

/* ── 7. RELATED CARDS — no underline on title links ── */
.related-card,
.related-card:link,
.related-card:visited,
.related-card:hover {
  text-decoration: none !important;
}/* End custom CSS */