.elementor-2064 .elementor-element.elementor-element-5dfc7ab7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:56px;--padding-bottom:88px;--padding-left:0px;--padding-right:0px;}.elementor-2064 .elementor-element.elementor-element-4d1f58e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-2064 .elementor-element.elementor-element-5dfc7ab7{--padding-top:56px;--padding-bottom:88px;--padding-left:16px;--padding-right:16px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-2064 .elementor-element.elementor-element-4d1f58e2{--content-width:820px;}}/* Start custom CSS *//* ========================================================
   AI Search Field Guide — post-level stylesheet
   ========================================================
   WHERE THIS GOES
   Edit post with Elementor > hamburger > Page Settings >
   Advanced > Custom CSS. Paste the whole file.

   Uses the site's CURRENT tokens:
     --color-accent / --color-accent-hover / --font-body
     --color-ink / --color-ink-soft / --radius-*

   Avoids --color-stone and --color-stone-soft (those
   inverted in the token rename). Muted text uses alpha
   on ink instead.

   Two literals declared locally, because the palette has
   no semantic pass/fail pair: --fg-ok and --fg-no. They
   drive the do/don't columns and the myth markers only.

   File: aimkc-post-field-guide-v1.css
   ======================================================== */

.aimkc-fg {
  --fg-panel: #FFFFFF;
  --fg-rule:  rgba(14, 16, 16, 0.12);
  --fg-hair:  rgba(14, 16, 16, 0.07);
  --fg-dim:   rgba(14, 14, 16, 0.48);
  --fg-wash:  #F2F0EA;
  --fg-ok:    #1E5F3D;
  --fg-ok-bg: #E6F0EA;
  --fg-no:    #B8390E;
  --fg-no-bg: #FAEBE4;
  --fg-mono:  ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  margin: 36px 0;
}

.aimkc-fg *, .aimkc-fg *::before, .aimkc-fg *::after { box-sizing: border-box; }


/* ========================================================
   1. HEADINGS — specificity fix
   ========================================================
   Elementor's kit rule .elementor-widget-heading
   .elementor-heading-title ties at (0,2,0) and loads later.
   Chaining the widget class takes these to (0,3,0).
   ======================================================== */

.elementor-widget-heading.aimkc-post__h2 { margin: 6px 0 14px; }

.elementor-widget-heading.aimkc-post__h2 .elementor-heading-title {
  font-family: var(--font-body);
  font-size: clamp(27px, 3.4vw, 36px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.025em;
  color: var(--color-ink);
}

.elementor-widget-heading.aimkc-post__h2--lede { margin: 0 0 18px; }

.elementor-widget-heading.aimkc-post__h2--lede .elementor-heading-title {
  font-size: clamp(32px, 5.2vw, 54px);
  line-height: 1.0;
  letter-spacing: -0.032em;
}

.elementor-widget-heading.aimkc-post__h3 { margin: 40px 0 12px; }

.elementor-widget-heading.aimkc-post__h3 .elementor-heading-title {
  font-family: var(--font-body);
  font-size: clamp(19px, 2.2vw, 23px);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.012em;
  color: var(--color-ink);
}

/* Section number line — also the scroll anchor target */
.aimkc-post__secnum { margin: 80px 0 0; }

.aimkc-post__secnum .sec-num {
  font-family: var(--fg-mono, ui-monospace, monospace);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0;
  scroll-margin-top: 90px;
}

/* Italic standfirst under each section heading */
.aimkc-post__seclede { margin: 0 0 30px; }

.elementor-widget-text-editor.aimkc-post__seclede .sec-lede {
  font-size: 20px;
  line-height: 1.5;
  font-style: italic;
  color: rgba(14, 14, 16, 0.55);
  max-width: 60ch;
  margin: 0;
}


/* ========================================================
   2. PROSE
   ======================================================== */

.elementor-widget-text-editor.aimkc-post__prose p {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-ink-soft);
  margin: 0 0 22px;
  max-width: 68ch;
}

.elementor-widget-text-editor.aimkc-post__prose p:last-child { margin-bottom: 0; }

.aimkc-post__prose strong { color: var(--color-ink); font-weight: 700; }
.aimkc-post__prose em { font-style: italic; }

.aimkc-post__prose code {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88em;
  background: #F2F0EA;
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--color-ink);
}

.aimkc-post__prose a {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.aimkc-post__prose a:hover { color: var(--color-accent-hover); }

.aimkc-post__prose ul {
  margin: 0 0 22px;
  padding-left: 0;
  list-style: none;
  max-width: 68ch;
}

.aimkc-post__prose ul li {
  position: relative;
  padding-left: 26px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-ink-soft);
  margin-bottom: 10px;
}

.aimkc-post__prose ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-accent);
}

.aimkc-post__kicker .cga-eyebrow-line {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0;
}

.aimkc-post__prose .cga-dek {
  font-size: clamp(19px, 2.2vw, 22px);
  line-height: 1.45;
  color: rgba(14, 14, 16, 0.62);
  max-width: 52ch;
}


/* ========================================================
   3. TL;DR PANEL
   ======================================================== */

.fg-tldr {
  background: var(--fg-panel);
  border: 1px solid var(--fg-rule);
  border-left: 4px solid var(--color-accent);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: 28px 32px;
}

.fg-tldr__lab {
  display: block;
  font-family: var(--fg-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: 16px;
}

.fg-tldr__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 32px;
}

.fg-tldr__list li {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--color-ink-soft);
}

.fg-tldr__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--color-accent);
  border-radius: 50%;
}

.fg-tldr__list strong { color: var(--color-ink); font-weight: 700; }


/* ========================================================
   4. JUMP BAR
   ========================================================
   Replaces the original's 240px sticky sidebar, which has
   nowhere to live inside a single-column post.
   ======================================================== */

.fg-jump {
  border-top: 1px solid var(--fg-rule);
  border-bottom: 1px solid var(--fg-rule);
  padding: 18px 0;
}

.fg-jump__lab {
  display: block;
  font-family: var(--fg-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-dim);
  margin-bottom: 12px;
}

.fg-jump ol {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: fgjump;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}

.fg-jump li { counter-increment: fgjump; }

.fg-jump a {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-ink);
  text-decoration: none;
}

.fg-jump a::before {
  content: counter(fgjump, decimal-leading-zero);
  font-family: var(--fg-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--color-accent);
}

.fg-jump a:hover { color: var(--color-accent); }


/* ========================================================
   5. ASIDE / CALLOUT
   ======================================================== */

.fg-aside {
  background: var(--fg-wash);
  border-top: 2px solid var(--color-ink);
  padding: 24px 28px;
}

.fg-aside--flat { background: var(--fg-panel); border-top-color: var(--color-accent); }

.fg-aside__lab {
  display: block;
  font-family: var(--fg-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-ink);
  margin-bottom: 10px;
}

.fg-aside__quote,
.fg-aside__title {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--color-ink);
  margin: 0 0 8px;
}

.fg-aside p {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--color-ink-soft);
  margin: 0;
}

.fg-aside p + p { margin-top: 10px; }
.fg-aside a { color: var(--color-accent); text-decoration: underline; }


/* ========================================================
   6. PULL QUOTE
   ======================================================== */

.aimkc-post__quote { margin: 44px 0; }

.post-quote {
  margin: 0;
  padding: 4px 0 4px 26px;
  border-left: 3px solid var(--color-accent);
}

.post-quote p {
  margin: 0;
  font-size: clamp(21px, 2.6vw, 28px);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.018em;
  color: var(--color-ink);
}

.post-quote cite {
  display: block;
  margin-top: 16px;
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(14, 14, 16, 0.45);
}


/* ========================================================
   7. DO / DON'T COLUMNS
   ======================================================== */

.fg-dd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.fg-dd__col {
  padding: 24px 26px;
  border-radius: var(--radius-md);
}

.fg-dd__col--no { background: var(--fg-no-bg); border-top: 3px solid var(--fg-no); }
.fg-dd__col--ok { background: var(--fg-ok-bg); border-top: 3px solid var(--fg-ok); }

.fg-dd__col h4 {
  font-family: var(--fg-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-weight: 600;
}

.fg-dd__col--no h4 { color: var(--fg-no); }
.fg-dd__col--ok h4 { color: var(--fg-ok); }

.fg-dd__col ul { list-style: none; padding: 0; margin: 0; }

.fg-dd__col li {
  font-size: 15px;
  padding: 7px 0 7px 24px;
  position: relative;
  color: var(--color-ink-soft);
  line-height: 1.45;
}

/* Literal glyphs, not CSS codepoint escapes. An escaped
   sequence here is one backslash away from rendering as
   the text "\2715" on the page. */
.fg-dd__col li::before {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.fg-dd__col--no li::before { content: "✕"; color: var(--fg-no); }
.fg-dd__col--ok li::before { content: "✓"; color: var(--fg-ok); }


/* ========================================================
   8. CHECKLIST
   ======================================================== */

.fg-check {
  background: var(--fg-panel);
  border: 1px solid var(--fg-rule);
  border-radius: var(--radius-md);
  padding: 26px 30px 22px;
}

.fg-check h4 {
  font-family: var(--fg-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-weight: 600;
  color: var(--color-accent);
}

.fg-check ul { list-style: none; padding: 0; margin: 0; }

.fg-check li {
  padding: 11px 0 11px 32px;
  position: relative;
  font-size: 15.5px;
  color: var(--color-ink-soft);
  line-height: 1.5;
  border-bottom: 1px dashed var(--fg-rule);
}

.fg-check li:last-child { border-bottom: 0; }

.fg-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--color-ink);
  border-radius: 3px;
}

.fg-check li strong { color: var(--color-ink); }


/* ========================================================
   9. MYTH CARDS
   ======================================================== */

.fg-myths {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.fg-myth {
  background: var(--fg-panel);
  border: 1px solid var(--fg-rule);
  border-radius: var(--radius-md);
  padding: 24px 26px;
}

.fg-myth__tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--fg-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-no);
  margin-bottom: 12px;
}

.fg-myth__tag::before {
  content: "✕";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--fg-no);
  border-radius: 50%;
  font-size: 10px;
}

.fg-myth__claim {
  font-family: var(--font-body);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.015em;
  color: var(--color-ink);
  margin: 0 0 14px;
}

.fg-myth__g {
  font-size: 15px;
  line-height: 1.55;
  color: var(--color-ink-soft);
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fg-hair);
}

.fg-myth__g strong { color: var(--color-ink); font-weight: 700; }

.fg-myth__takelab {
  display: block;
  font-family: var(--fg-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: 8px;
}

.fg-myth__take p {
  font-size: 15px;
  line-height: 1.55;
  color: var(--color-ink-soft);
  margin: 0 0 10px;
}

.fg-myth__take p:last-child { margin-bottom: 0; }
.fg-myth__take a { color: var(--color-accent); text-decoration: underline; }


/* ========================================================
   10. FAQ ACCORDION
   ========================================================
   Native <details>. No JS, and the answers stay in the DOM
   for crawlers even when visually collapsed.
   ======================================================== */

.fg-faq {
  border-bottom: 1px solid var(--fg-rule);
  transition: background 200ms ease;
}

.fg-faq[open] { background: var(--fg-panel); }

.fg-faq summary {
  cursor: pointer;
  padding: 22px 56px 22px 14px;
  list-style: none;
  position: relative;
  font-family: var(--font-body);
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 700;
  color: var(--color-ink);
  line-height: 1.32;
  letter-spacing: -0.012em;
  transition: color 200ms ease;
}

.fg-faq summary::-webkit-details-marker { display: none; }
.fg-faq summary:hover { color: var(--color-accent); }

.fg-faq summary::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1.5px solid var(--color-ink);
  border-radius: 50%;
  background-image:
    linear-gradient(var(--color-ink), var(--color-ink)),
    linear-gradient(var(--color-ink), var(--color-ink));
  background-size: 10px 1.5px, 1.5px 10px;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 250ms ease;
}

.fg-faq[open] summary { color: var(--color-accent); }

.fg-faq[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
  background-size: 10px 1.5px, 0 0;
  border-color: var(--color-accent);
  background-image:
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent));
}

.fg-faq__a {
  padding: 0 56px 26px 14px;
  font-size: 16.5px;
  line-height: 1.65;
  color: var(--color-ink-soft);
}

.fg-faq__a p { margin: 0 0 14px; }
.fg-faq__a p:last-child { margin-bottom: 0; }
.fg-faq__a strong { color: var(--color-ink); }


/* ========================================================
   11. SOURCES
   ======================================================== */

.fg-sources {
  border-top: 1px solid var(--fg-rule);
  padding-top: 28px;
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--fg-dim);
}

.fg-sources p { margin: 0 0 14px; }
.fg-sources p:last-child { margin-bottom: 0; }
.fg-sources strong { color: var(--color-ink); }
.fg-sources a { color: var(--color-accent); text-decoration: underline; }
.fg-sources__note { font-style: italic; }


/* ========================================================
   12. END-OF-POST CTA
   ========================================================
   Full state coverage + !important because Hello Elementor's
   reset.css sets button:hover/:focus background to #c36.
   ======================================================== */

.aimkc-post__cta { margin: 72px 0 44px; }

.post-cta {
  background: var(--color-ink);
  border-radius: var(--radius-xl);
  padding: 44px 44px 40px;
}

.post-cta__eyebrow {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-accent);
  margin: 0 0 14px;
}

.post-cta__head {
  font-family: var(--font-body);
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0 0 14px;
}

.post-cta__body {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
  margin: 0 0 26px;
}

.post-cta__btn,
.post-cta__btn:link,
.post-cta__btn:visited,
.post-cta__btn:hover,
.post-cta__btn:focus,
.post-cta__btn:active,
.post-cta__btn:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 30px !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  border-radius: 6px !important;
  border: 2px solid var(--color-accent) !important;
  background: var(--color-accent) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  cursor: pointer !important;
  outline: none;
  transition: background 200ms ease, border-color 200ms ease, transform 120ms ease;
}

.post-cta__btn:hover,
.post-cta__btn:focus-visible {
  background: var(--color-accent-hover) !important;
  border-color: var(--color-accent-hover) !important;
  transform: translateY(-1px);
}

.post-cta__note {
  font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.50);
  margin: 18px 0 0;
}

/* Elementor suppresses clicks on HTML widgets without this */
.aimkc-post__cta,
.aimkc-post__cta * { pointer-events: all; }


/* ========================================================
   13. RESPONSIVE
   ======================================================== */

@media (max-width: 767px) {
  .elementor-widget-heading.aimkc-post__h2 .elementor-heading-title { font-size: 26px; }
  .elementor-widget-heading.aimkc-post__h3 { margin: 30px 0 10px; }
  .elementor-widget-text-editor.aimkc-post__prose p,
  .aimkc-post__prose ul li { font-size: 17px; }

  .aimkc-post__secnum { margin-top: 56px; }
  .elementor-widget-text-editor.aimkc-post__seclede .sec-lede { font-size: 18px; }

  .fg-tldr { padding: 22px 20px; }
  .fg-tldr__list { grid-template-columns: 1fr; }

  .fg-jump ol { flex-direction: column; gap: 10px; }

  .fg-dd { grid-template-columns: 1fr; }
  .fg-myths { grid-template-columns: 1fr; }

  .fg-aside, .fg-check { padding: 20px 18px; }
  .fg-myth { padding: 20px 18px; }

  .fg-faq summary { padding: 18px 48px 18px 4px; }
  .fg-faq__a { padding: 0 48px 22px 4px; }

  .post-cta { padding: 32px 24px 28px; }
}/* End custom CSS */