.elementor-1330 .elementor-element.elementor-element-7ec29c88{--display:flex;}.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-font-weight );line-height:var( --e-global-typography-text-line-height );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 );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* =========================================================
   LeadsHQ Client Guide stylesheet  ·  .lhq-guide
   ---------------------------------------------------------
   Single source of truth for all client-guide pages.
   Wrap guide content in <div class="lhq-guide">…</div> and
   paste this into the page's Custom CSS (or Site Settings →
   Custom CSS if you want it global).

   Design principles (see CLAUDE.md for the full rationale):
   - Inherit the Elementor Global Kit (brand fonts + colours)
     via --e-global-* variables. Do NOT hardcode brand colours.
   - One H1, H2 = sections, H3 = subsections + FAQ questions
     (blue left bar), H4 = small accent labels (normal case).
   - NO horizontal separators anywhere.
   - Headings: normal letter/word spacing, left-aligned
     (justify caused wide word gaps).
   ========================================================= */

.lhq-guide {
  /* Body inherits the kit. Heading ink is a fixed dark. The blue accent
     (h3 bar, h4 labels, links) maps to the kit's PRIMARY colour — on this
     kit the mapping is inverted from the norm: --e-global-color-primary is
     the brand BLUE, and --e-global-color-accent is ORANGE. Heading TEXT is
     deliberately NOT tied to primary (that would turn every heading blue). */
  --lhq-accent: var(--e-global-color-primary, #1f4dff);
  --lhq-ink:    #1a1f36;
  --lhq-body:   var(--e-global-color-text, #35404f);
  --lhq-muted:  #7a8595;
  --lhq-line:   #e6e9ef;
  --lhq-soft:   #f5f7fb;

  max-width: 760px;
  margin: 0 auto;
  color: var(--lhq-body);
  line-height: 1.75;
  /* No font-size / font-family here — inherit the theme's body type */
}

.lhq-guide p { margin: 0 0 1.35em; }

/* ---- Headings: kit font + colour, normal spacing, no justify ---- */
.lhq-guide h1,
.lhq-guide h2,
.lhq-guide h3,
.lhq-guide h4 {
  font-family: var(--e-global-typography-primary-font-family), inherit;
  color: var(--lhq-ink);
  letter-spacing: normal;
  word-spacing: normal;
  text-align: left;   /* change to center if headings should stay centred */
}

.lhq-guide h1 { font-size: 2.4rem;  line-height: 1.15; font-weight: 800; margin: 0 0 0.8em; }
.lhq-guide h2 { font-size: 1.7rem;  line-height: 1.25; font-weight: 700; margin: 2.6em 0 0.7em; }
.lhq-guide h3 {
  font-size: 1.25rem; line-height: 1.35; font-weight: 650;
  margin: 2em 0 0.6em; padding-left: 0.7em; border-left: 3px solid var(--lhq-accent);
}
.lhq-guide h4 {
  color: var(--lhq-accent); font-size: 1.05rem; line-height: 1.4;
  font-weight: 700; text-transform: none; margin: 1.6em 0 0.5em;
}

.lhq-guide > h1:first-child,
.lhq-guide > h2:first-child { margin-top: 0; }

.lhq-guide strong { color: var(--lhq-ink); font-weight: 650; }

/* ---- Links ---- */
.lhq-guide a {
  color: var(--lhq-accent); text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--lhq-accent) 35%, transparent);
  transition: border-color .15s ease, color .15s ease;
}
.lhq-guide a:hover { border-bottom-color: var(--lhq-accent); }

/* ---- Lists ---- */
.lhq-guide ul, .lhq-guide ol { margin: 0 0 1.35em; padding-left: 1.3em; }
.lhq-guide li { margin-bottom: 0.6em; }

/* ---- Check / cross lists (fit vs not-a-fit) ---- */
.lhq-guide ul.lhq-check,
.lhq-guide ul.lhq-cross { list-style: none; padding-left: 0; }
.lhq-guide ul.lhq-check li,
.lhq-guide ul.lhq-cross li { position: relative; padding-left: 1.7em; }
.lhq-guide ul.lhq-check li::before {
  content: "✓"; position: absolute; left: 0; top: 0; color: var(--lhq-accent); font-weight: 700;
}
.lhq-guide ul.lhq-cross li::before {
  content: "✕"; position: absolute; left: 0; top: 0; color: var(--lhq-muted); font-weight: 700;
}

/* ---- Tables ---- */
.lhq-guide table {
  width: 100%; border-collapse: separate; border-spacing: 0;
  margin: 1.75em 0; border: 1px solid var(--lhq-line);
  border-radius: 10px; overflow: hidden; font-size: 0.97rem;
}
.lhq-guide thead th {
  background: var(--lhq-soft); color: var(--lhq-ink); font-weight: 650;
  text-align: left; padding: 0.85em 1.1em; border-bottom: 1px solid var(--lhq-line);
}
.lhq-guide tbody td {
  padding: 0.8em 1.1em; border-bottom: 1px solid var(--lhq-line); vertical-align: top;
}
.lhq-guide tbody tr:last-child td { border-bottom: 0; }
.lhq-guide tbody tr:nth-child(even) { background: #fafbfd; }
.lhq-guide tbody td:first-child { font-weight: 600; color: var(--lhq-ink); }

/* ---- Blockquote / callouts ---- */
.lhq-guide blockquote {
  margin: 1.75em 0; padding: 1.1em 1.3em; background: var(--lhq-soft);
  border-left: 4px solid var(--lhq-accent); border-radius: 0 10px 10px 0; color: var(--lhq-ink);
}
.lhq-guide blockquote p:last-child { margin-bottom: 0; }

/* ---- Muted secondary / aside text ---- */
.lhq-guide .muted { color: var(--lhq-muted); font-size: 0.96rem; }

/* ---- Note / caution callout ---- */
.lhq-guide .lhq-note {
  margin: 1.6em 0; padding: 0.9em 1.15em;
  background: var(--lhq-soft); border-left: 4px solid var(--lhq-accent);
  border-radius: 0 10px 10px 0; color: var(--lhq-ink); font-size: 0.97rem;
}
.lhq-guide .lhq-note p { margin: 0; }
.lhq-guide .lhq-note .label { font-weight: 700; color: var(--lhq-accent); margin-right: 0.35em; }

/* ---- Code (logged-attempt examples) ---- */
.lhq-guide code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em; background: #eef1f7; color: #2a3140; padding: 0.15em 0.4em; border-radius: 5px;
}
.lhq-guide pre {
  background: #12172a; color: #e7ecff; padding: 1.1em 1.3em;
  border-radius: 10px; overflow-x: auto; line-height: 1.6; margin: 1.5em 0;
}
.lhq-guide pre code { background: none; color: inherit; padding: 0; }

/* ---- Kill ALL separator lines ---- */
.lhq-guide hr { display: none; }

/* =========================================================
   Legal / agreement pages  ·  .lhq-legal
   Separate wrapper from .lhq-guide. Restrained layout for
   contracts: numbered clause indents, no marketing components.
   Never reword clause text — presentation only.
   ========================================================= */
.lhq-legal {
  --lhq-ink:   #1a1f36;
  --lhq-body:  var(--e-global-color-text, #35404f);
  --lhq-muted: #7a8595;
  max-width: 820px;
  margin: 0 auto;
  color: var(--lhq-body);
  font-size: 16px;
  line-height: 1.7;
}
.lhq-legal .lead { font-weight: 700; color: var(--lhq-ink); margin: 0 0 1.6em; }
.lhq-legal h2 {
  font-family: var(--e-global-typography-primary-font-family), inherit;
  color: var(--lhq-ink);
  font-size: 1.15rem; font-weight: 700;
  letter-spacing: normal; word-spacing: normal; text-align: left;
  margin: 2.4em 0 0.8em;
}
.lhq-legal > h2:first-child { margin-top: 0; }
.lhq-legal p { margin: 0 0 0.7em; }
.lhq-legal p > strong:first-child { color: var(--lhq-ink); }
.lhq-legal .l1 { margin-left: 0; }
.lhq-legal .l2 { margin-left: 2.2em; }
.lhq-legal .l3 { margin-left: 4.4em; }
.lhq-legal a {
  color: var(--e-global-color-primary, #1f4dff); text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--e-global-color-primary, #1f4dff) 35%, transparent);
}
.lhq-legal .def { color: var(--lhq-muted); }
@media (max-width: 600px) {
  .lhq-legal .l2 { margin-left: 1.3em; }
  .lhq-legal .l3 { margin-left: 2.6em; }
}

/* ---- Mobile ---- */
@media (max-width: 600px) {
  .lhq-guide h1 { font-size: 1.9rem; }
  .lhq-guide h2 { font-size: 1.4rem; }
  .lhq-guide h3 { font-size: 1.12rem; }
  .lhq-guide table { font-size: 0.9rem; }
  .lhq-guide thead th,
  .lhq-guide tbody td { padding: 0.65em 0.75em; }
}/* End custom CSS */