/* ============================================================
 *  Life.exe — Brand System v1.1  (May 2026)
 *  runlifeexe.com on the Astra theme
 *
 *  PASTE LOCATION:  Appearance → Customize → Additional CSS
 *  REPLACES:        the entire contents of the Additional CSS box
 *
 *  CHANGES IN v1.1
 *  ----------------
 *  + Library card image inset + centering fix
 *  + Page title bar tone-down (parchment + gold hairline)
 *  + Submenu / dropdown parchment styling (was dark)
 *  + Day/night toggle button fully styled
 *  + Night-mode cascade across the Astra wrapper divs
 *  + Footer alignment + Astra footer retint
 *  + Header wordmark injection + nav indicator
 *  + Site-wide body weight 500 + 18px reading bump
 *  + Scroll-to-top retint
 *  + Subscribe / Jetpack widget retint
 *  + Category archive band toning
 *
 *  NIGHT MODE: requires an HTML widget with id="lx-mode-toggle"
 *  on every page. See bottom of this file for the widget snippet
 *  to paste into Appearance → Widgets → Footer (Custom HTML).
 * ============================================================ */


/* —— 1. WEBFONT —————————————————————————————————————— */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');


/* —— 2. BRAND DESIGN TOKENS ————————————————————————— */
:root {
  /* Surfaces (day / parchment) */
  --lx-bg:        #F2E8D2;
  --lx-surface:   #FAF3DF;
  --lx-surface-2: #EADFBF;
  --lx-border:    #D4C5A8;

  /* Ink */
  --lx-ink:       #231630;
  --lx-ink-2:     #5B4A6E;
  --lx-stone:     #8A7896;

  /* Conceptual color ramps */
  --lx-gold:      #A8762C;
  --lx-rose:      #8E3A5C;
  --lx-sage:      #3D6B47;
  --lx-aubergine: #4A2858;

  /* Type stacks */
  --lx-serif: 'Cormorant Garamond', Garamond, 'Times New Roman', Georgia, serif;
  --lx-mono:  'Courier New', ui-monospace, 'Courier Prime', monospace;

  /* Layout */
  --lx-content:  1140px;          /* outer max-width for homepage */
  --lx-reading:  720px;           /* reading column for body copy */

  /* Sigil data URIs (18 marks, 36×36, 0.9 stroke) */
  --sigil-universal-laws: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23A8762C%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Cpolygon%20points=%2218,6%2028,25%208,25%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222.5%22%20fill=%22%23A8762C%22/%3E%20%3C/svg%3E");
  --sigil-game-mechanics: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%3E%20%3Crect%20x=%226%22%20y=%226%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(45%2018%2018)%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%229%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222.5%22%20fill=%22%238E3A5C%22/%3E%20%3C/svg%3E");
  --sigil-energy-core: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%233D6B47%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2212%22%20r=%223%22/%3E%20%3Ccircle%20cx=%2213%22%20cy=%2222%22%20r=%223%22/%3E%20%3Ccircle%20cx=%2223%22%20cy=%2222%22%20r=%223%22/%3E%20%3Cline%20x1=%2218%22%20y1=%2215%22%20x2=%2213%22%20y2=%2219%22/%3E%20%3Cline%20x1=%2218%22%20y1=%2215%22%20x2=%2223%22%20y2=%2219%22/%3E%20%3Cline%20x1=%2216%22%20y1=%2222%22%20x2=%2220%22%20y2=%2222%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-astral-matrix: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%234A2858%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%228%22/%3E%20%3Cline%20x1=%2218%22%20y1=%224%22%20x2=%2218%22%20y2=%2232%22/%3E%20%3Cline%20x1=%224%22%20y1=%2218%22%20x2=%2232%22%20y2=%2218%22/%3E%20%3Cline%20x1=%228%22%20y1=%228%22%20x2=%2228%22%20y2=%2228%22/%3E%20%3Cline%20x1=%2228%22%20y1=%228%22%20x2=%228%22%20y2=%2228%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222%22%20fill=%22%234A2858%22/%3E%20%3C/svg%3E");
  --sigil-player: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23231630%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22%20stroke-dasharray=%221.5%202%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%23231630%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22%3E%20%3Cline%20x1=%2218%22%20y1=%229%22%20x2=%2218%22%20y2=%2227%22/%3E%20%3Cline%20x1=%229%22%20y1=%2218%22%20x2=%2227%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2211.5%22%20y1=%2211.5%22%20x2=%2224.5%22%20y2=%2224.5%22/%3E%20%3Cline%20x1=%2224.5%22%20y1=%2211.5%22%20x2=%2211.5%22%20y2=%2224.5%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222.5%22%20fill=%22%23231630%22/%3E%20%3C/svg%3E");
  --sigil-transmission: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%229%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%224%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222%22%20fill=%22%238E3A5C%22/%3E%20%3C/svg%3E");
  --sigil-sync-stamp: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23A8762C%22%20stroke-width=%220.9%22%3E%20%3Cpolygon%20points=%2218,4%2030,11%2030,25%2018,32%206,25%206,11%22/%3E%20%3C/g%3E%20%3Ctext%20x=%2218%22%20y=%2222.5%22%20text-anchor=%22middle%22%20fill=%22%23A8762C%22%20font-family=%22Garamond,%20Georgia,%20serif%22%20font-size=%2212%22%20font-style=%22italic%22%3EN%3C/text%3E%20%3C/svg%3E");
  --sigil-cutscene: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%234A2858%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2216%22%20cy=%2218%22%20r=%2214%22/%3E%20%3C/g%3E%20%3Cpolygon%20points=%2213,12%2013,24%2023,18%22%20fill=%22%234A2858%22/%3E%20%3Cg%20fill=%22none%22%20stroke=%22%234A2858%22%20stroke-width=%220.7%22%20opacity=%220.55%22%3E%20%3Cpath%20d=%22M32%2013%20Q35%2018%2032%2023%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-game-rules: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%3E%20%3Crect%20x=%226%22%20y=%226%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(45%2018%2018)%22/%3E%20%3Cline%20x1=%2210%22%20y1=%2218%22%20x2=%2226%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2213%22%20y1=%2214%22%20x2=%2223%22%20y2=%2214%22/%3E%20%3Cline%20x1=%2213%22%20y1=%2222%22%20x2=%2223%22%20y2=%2222%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-pro-strategies: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%3E%20%3Crect%20x=%226%22%20y=%226%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(45%2018%2018)%22/%3E%20%3Cpolyline%20points=%2213,22%2018,13%2023,22%22/%3E%20%3Cline%20x1=%2218%22%20y1=%2213%22%20x2=%2218%22%20y2=%2225%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-cheat-code: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%20stroke-linecap=%22round%22%3E%20%3Crect%20x=%226%22%20y=%226%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(45%2018%2018)%22/%3E%20%3Cpath%20d=%22M10%2018%20L16%2018%20M22%2014%20L26%2018%20L22%2022%20M19%2018%20L26%2018%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-rewards-debuffs: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%20stroke-linecap=%22round%22%3E%20%3Crect%20x=%226%22%20y=%226%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(45%2018%2018)%22/%3E%20%3Cline%20x1=%2211%22%20y1=%2214%22%20x2=%2211%22%20y2=%2222%22/%3E%20%3Cline%20x1=%228%22%20y1=%2218%22%20x2=%2214%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2222%22%20y1=%2218%22%20x2=%2228%22%20y2=%2218%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-avatar: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23231630%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2214%22%20r=%224%22/%3E%20%3Cpath%20d=%22M10%2027%20Q18%2019%2026%2027%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-allies: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%233D6B47%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2213%22%20cy=%2218%22%20r=%227%22/%3E%20%3Ccircle%20cx=%2223%22%20cy=%2218%22%20r=%227%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2213%22%20cy=%2218%22%20r=%222%22%20fill=%22%233D6B47%22/%3E%20%3Ccircle%20cx=%2223%22%20cy=%2218%22%20r=%222%22%20fill=%22%233D6B47%22/%3E%20%3C/svg%3E");
  --sigil-adversaries: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238E3A5C%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Cpolygon%20points=%2218,27%209,12%2027,12%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2217%22%20r=%222%22%20fill=%22%238E3A5C%22/%3E%20%3C/svg%3E");
  --sigil-neutrals: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%238A7896%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Cline%20x1=%229%22%20y1=%2218%22%20x2=%2227%22%20y2=%2218%22/%3E%20%3C/g%3E%20%3C/svg%3E");
  --sigil-astro-signs: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%234A2858%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2210%22/%3E%20%3Cline%20x1=%2218%22%20y1=%224%22%20x2=%2218%22%20y2=%228%22/%3E%20%3Cline%20x1=%2218%22%20y1=%2228%22%20x2=%2218%22%20y2=%2232%22/%3E%20%3Cline%20x1=%224%22%20y1=%2218%22%20x2=%228%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2228%22%20y1=%2218%22%20x2=%2232%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2225%22%20y1=%225.5%22%20x2=%2223%22%20y2=%229%22/%3E%20%3Cline%20x1=%2230.5%22%20y1=%2211%22%20x2=%2227%22%20y2=%2213%22/%3E%20%3Cline%20x1=%2230.5%22%20y1=%2225%22%20x2=%2227%22%20y2=%2223%22/%3E%20%3Cline%20x1=%2225%22%20y1=%2230.5%22%20x2=%2223%22%20y2=%2227%22/%3E%20%3Cline%20x1=%2211%22%20y1=%2230.5%22%20x2=%2213%22%20y2=%2227%22/%3E%20%3Cline%20x1=%225.5%22%20y1=%2225%22%20x2=%229%22%20y2=%2223%22/%3E%20%3Cline%20x1=%225.5%22%20y1=%2211%22%20x2=%229%22%20y2=%2213%22/%3E%20%3Cline%20x1=%2211%22%20y1=%225.5%22%20x2=%2213%22%20y2=%229%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%222%22%20fill=%22%234A2858%22/%3E%20%3C/svg%3E");
  --sigil-easter-eggs: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2036%22%20width=%2236%22%20height=%2236%22%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23A8762C%22%20stroke-width=%220.9%22%3E%20%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2214%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%23A8762C%22%20stroke-width=%221%22%20stroke-linecap=%22round%22%3E%20%3Cline%20x1=%2218%22%20y1=%229%22%20x2=%2218%22%20y2=%2214%22/%3E%20%3Cline%20x1=%2218%22%20y1=%2222%22%20x2=%2218%22%20y2=%2227%22/%3E%20%3Cline%20x1=%229%22%20y1=%2218%22%20x2=%2214%22%20y2=%2218%22/%3E%20%3Cline%20x1=%2222%22%20y1=%2218%22%20x2=%2227%22%20y2=%2218%22/%3E%20%3C/g%3E%20%3Cpolygon%20points=%2218,14%2022,18%2018,22%2014,18%22%20fill=%22%23A8762C%22/%3E%20%3Ccircle%20cx=%2225%22%20cy=%2211%22%20r=%221.4%22%20fill=%22%23A8762C%22/%3E%20%3C/svg%3E");
}


/* —— 3. NIGHT MODE TOKEN OVERRIDES ————————————————— */
/* Add body.lx-night to switch the whole token system to cosmic dark.
   The toggle widget at the bottom of this file handles this. */
body.lx-night {
  --lx-bg:        #0E0822;
  --lx-surface:   #14082B;
  --lx-surface-2: #1A1038;
  --lx-border:    #2A1F4A;

  --lx-ink:       #EDE0CC;
  --lx-ink-2:     #C9B8DB;
  --lx-stone:     #9B87BD;

  --lx-gold:      #D4A356;
  --lx-rose:      #E89BB8;
  --lx-sage:      #9FC9A3;
  --lx-aubergine: #9B87BD;
}


/* —— 4. ASTRA THEME COLOR SLOT RETINT ————————————— */
/* Astra's 9 global color slots cascade through the whole theme.
   Retinting at :root level fixes the gray default backgrounds. */
:root,
body,
body.astra-theme {
  --ast-global-color-0: var(--lx-aubergine) !important;
  --ast-global-color-1: var(--lx-gold) !important;
  --ast-global-color-2: var(--lx-ink) !important;
  --ast-global-color-3: var(--lx-ink) !important;
  --ast-global-color-4: var(--lx-bg) !important;
  --ast-global-color-5: var(--lx-surface) !important;
  --ast-global-color-6: var(--lx-rose) !important;
  --ast-global-color-7: var(--lx-border) !important;
  --ast-global-color-8: var(--lx-ink-2) !important;
}


/* —— 5. PAGE BASELINE ————————————————————————————————— */
html, body {
  background: var(--lx-bg);
  color: var(--lx-ink);
}

body {
  font-family: var(--lx-serif);
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* —— 6. TYPOGRAPHY ————————————————————————————————— */
h1, h2, h3, h4, h5, h6,
.entry-title,
.ast-archive-title {
  font-family: var(--lx-serif);
  font-weight: 500;
  color: var(--lx-ink);
  letter-spacing: -0.005em;
  line-height: 1.15;
}

h1, .entry-title {
  font-size: clamp(28px, 4vw, 42px);
  font-style: italic;
  line-height: 1.08;
  font-weight: 500;
}

h2 { font-size: clamp(22px, 2.6vw, 28px); }
h3 { font-size: clamp(18px, 2vw, 22px); }
h4 { font-size: 16px; }

p, li { font-family: var(--lx-serif); }

em, i { font-style: italic; }
strong, b { font-weight: 600; }

/* Eyebrows / overlines / meta — monospace */
.entry-meta,
.entry-meta a,
.posted-on,
.cat-links,
.tag-cloud-link,
.ast-post-format {
  font-family: var(--lx-mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--lx-stone);
}


/* —— 7. LINKS ————————————————————————————————————— */
a {
  color: var(--lx-gold);
  text-decoration: none;
  border-bottom: 0.5px solid currentColor;
  padding-bottom: 1px;
  transition: color .2s ease;
}
a:hover, a:focus { color: var(--lx-rose); }

.entry-content a { font-style: italic; }


/* —— 8. BUTTONS ——————————————————————————————————— */
.wp-block-button__link,
.ast-button,
.ast-custom-button,
input[type="submit"],
button.button {
  background-color: transparent !important;
  color: var(--lx-gold) !important;
  border: 0.5px solid var(--lx-gold) !important;
  border-radius: 2px !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
  padding: 12px 24px !important;
  transition: all .25s ease !important;
  text-decoration: none !important;
}
.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover {
  background-color: var(--lx-gold) !important;
  color: var(--lx-bg) !important;
}


/* —— 9. BLOCKQUOTES / PULL QUOTES ———————————————————— */
.entry-content blockquote,
.wp-block-quote,
.wp-block-pullquote {
  border: 0.5px solid var(--lx-gold) !important;
  border-left: 0.5px solid var(--lx-gold) !important;
  padding: 36px 32px;
  margin: 36px auto;
  text-align: center;
  font-family: var(--lx-serif);
  font-style: italic;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.45;
  color: var(--lx-aubergine);
  background: transparent;
  max-width: var(--lx-reading);
}

/* Homepage blockquote — match the centered reading column */
.home .entry-content blockquote,
.home .entry-content .wp-block-quote,
.home .entry-content .wp-block-pullquote,
.page-id-862 .entry-content .wp-block-quote {
  max-width: var(--lx-reading) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.entry-content blockquote::before,
.wp-block-quote::before {
  content: '✦';
  display: block;
  color: var(--lx-gold);
  font-size: 14px;
  margin-bottom: 18px;
}

.entry-content blockquote cite,
.wp-block-quote cite {
  display: block;
  font-style: normal;
  font-family: var(--lx-mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--lx-stone);
  text-transform: uppercase;
  margin-top: 18px;
}
.wp-block-quote cite em,
.entry-content blockquote cite em {
  font-family: var(--lx-serif);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-style: italic;
  color: var(--lx-ink-2);
}


/* —— 10. SECTION SEPARATOR ——————————————————————— */
.wp-block-separator,
hr.wp-block-separator {
  border: none;
  text-align: center;
  margin: 38px auto;
  height: auto;
  max-width: 200px;
  background: transparent;
}
.wp-block-separator::before {
  content: '✦ ✦ ✦';
  color: var(--lx-gold);
  font-size: 11px;
  letter-spacing: 1.2em;
  display: inline-block;
  opacity: 0.9;
}


/* —— 11. SELECTION & FOCUS RING ——————————————————— */
::selection {
  background: var(--lx-gold);
  color: var(--lx-bg);
}
:focus-visible {
  outline: 1.5px solid var(--lx-gold);
  outline-offset: 2px;
}


/* —— 12. SIGIL UTILITY CLASSES ——————————————————————— */
/* Usage: add classes lx-sigil and lx-sigil--SLUG to any inline element.
   Slugs available:
     universal-laws, game-mechanics, energy-core, astral-matrix,
     player, transmission, sync-stamp, cutscene, game-rules,
     pro-strategies, cheat-code, rewards-debuffs, avatar, allies,
     adversaries, neutrals, astro-signs, easter-eggs
   Size modifiers: default 36px, or lx-sigil--sm (24px), --lg (56px), --xl (96px) */
.lx-sigil {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  background-image: var(--sigil-mark, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.lx-sigil--sm { width: 24px;  height: 24px; }
.lx-sigil--lg { width: 56px;  height: 56px; }
.lx-sigil--xl { width: 96px;  height: 96px; }

.lx-sigil--universal-laws { --sigil-mark: var(--sigil-universal-laws); }
.lx-sigil--game-mechanics { --sigil-mark: var(--sigil-game-mechanics); }
.lx-sigil--energy-core { --sigil-mark: var(--sigil-energy-core); }
.lx-sigil--astral-matrix { --sigil-mark: var(--sigil-astral-matrix); }
.lx-sigil--player { --sigil-mark: var(--sigil-player); }
.lx-sigil--transmission { --sigil-mark: var(--sigil-transmission); }
.lx-sigil--sync-stamp { --sigil-mark: var(--sigil-sync-stamp); }
.lx-sigil--cutscene { --sigil-mark: var(--sigil-cutscene); }
.lx-sigil--game-rules { --sigil-mark: var(--sigil-game-rules); }
.lx-sigil--pro-strategies { --sigil-mark: var(--sigil-pro-strategies); }
.lx-sigil--cheat-code { --sigil-mark: var(--sigil-cheat-code); }
.lx-sigil--rewards-debuffs { --sigil-mark: var(--sigil-rewards-debuffs); }
.lx-sigil--avatar { --sigil-mark: var(--sigil-avatar); }
.lx-sigil--allies { --sigil-mark: var(--sigil-allies); }
.lx-sigil--adversaries { --sigil-mark: var(--sigil-adversaries); }
.lx-sigil--neutrals { --sigil-mark: var(--sigil-neutrals); }
.lx-sigil--astro-signs { --sigil-mark: var(--sigil-astro-signs); }
.lx-sigil--easter-eggs { --sigil-mark: var(--sigil-easter-eggs); }


/* —— 13. WORDMARK COMPONENT ———————————————————————— */
.lifeexe-wordmark { display: inline-block; }
.lifeexe-wordmark .cmd,
.lifeexe-wordmark .suffix {
  font-family: var(--lx-mono);
  color: var(--lx-gold);
  font-weight: 500;
}
.lifeexe-wordmark .name {
  font-family: var(--lx-serif);
  font-style: italic;
  color: var(--lx-ink);
  font-weight: 400;
}
.lifeexe-wordmark .suffix {
  font-size: 0.62em;
  vertical-align: 0.3em;
}


/* —— 14. UTILITY HELPERS ——————————————————————————— */
.lx-eyebrow {
  font-family: var(--lx-mono);
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--lx-gold);
}

.lx-dek {
  font-family: var(--lx-serif);
  font-style: italic;
  font-size: clamp(15px, 1.7vw, 18px);
  line-height: 1.65;
  color: var(--lx-ink-2);
  max-width: var(--lx-reading);
  margin-left: auto;
  margin-right: auto;
}

.lx-system-strip {
  font-family: var(--lx-mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--lx-stone);
  text-transform: uppercase;
}


/* —— 15. ASTRA HEADER ——————————————————————————————— */
.site-header,
.ast-site-header-bar-wrap,
.ast-primary-header-bar,
.ast-above-header-wrap,
.ast-below-header-wrap,
.ast-main-header-wrap {
  background-color: var(--lx-bg) !important;
  border-bottom: 0.5px solid var(--lx-border) !important;
}

.site-title,
.site-title a,
.ast-site-title-wrap .site-title a {
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: var(--lx-ink) !important;
  border-bottom: none !important;
  letter-spacing: -0.005em;
}

.site-description {
  font-family: var(--lx-serif);
  font-style: italic;
  color: var(--lx-ink-2);
  font-size: 13px;
}

/* Inject "> Life.exe" wordmark after site title */
.ast-site-identity::after {
  content: " > Life.exe";
  font-family: var(--lx-mono);
  font-style: normal;
  font-weight: 500;
  color: var(--lx-gold);
  font-size: 17px;
  letter-spacing: 0;
  margin-left: 14px;
  vertical-align: 2px;
}

/* Main navigation */
.main-header-menu > .menu-item > a,
.ast-builder-menu-1 .menu-item > a {
  font-family: var(--lx-serif) !important;
  font-style: italic;
  font-weight: 500 !important;
  color: var(--lx-ink-2) !important;
  font-size: 15px !important;
  letter-spacing: 0.01em;
  border-bottom: none !important;
}

.main-header-menu > .menu-item > a:hover,
.ast-builder-menu-1 .menu-item > a:hover {
  color: var(--lx-gold) !important;
}

/* Current page nav indicator — gold underline, not a black box */
.main-header-menu .current-menu-item > a,
.main-header-menu .current_page_item > a,
.ast-builder-menu-1 .current-menu-item > a {
  color: var(--lx-gold) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--lx-gold) !important;
  border-radius: 0 !important;
  padding-bottom: 4px !important;
}


/* —— 16. SUBMENU / DROPDOWN ———————————————————————— */
/* The Astra default submenu is dark. Retint to parchment. */
.main-header-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu,
.main-navigation ul ul,
.ast-builder-menu-1 .sub-menu,
.main-header-menu li.menu-item-has-children > .sub-menu,
.ast-mega-menu-wrap .sub-menu,
.ast-builder-menu .sub-menu {
  background-color: var(--lx-surface) !important;
  border: 0.5px solid var(--lx-border) !important;
  box-shadow: 0 8px 24px rgba(35, 22, 48, 0.10) !important;
  padding: 6px 0 !important;
  border-radius: 2px !important;
}

.main-header-menu .sub-menu a,
.main-navigation ul ul a,
.ast-builder-menu-1 .sub-menu a,
.main-header-menu .sub-menu .menu-item > a {
  color: var(--lx-ink) !important;
  background-color: transparent !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  padding: 9px 18px !important;
  border-bottom: none !important;
  letter-spacing: 0 !important;
}

.main-header-menu .sub-menu a:hover,
.main-navigation ul ul a:hover,
.ast-builder-menu-1 .sub-menu a:hover,
.main-header-menu .sub-menu li:hover > a,
.main-header-menu .sub-menu .current-menu-item > a,
.main-header-menu .sub-menu .current_page_item > a {
  color: var(--lx-gold) !important;
  background-color: var(--lx-bg) !important;
}


/* —— 17. PAGE TITLE BAR / BANNER ——————————————————— */
/* Astra has TWO title bar systems:
   1. Legacy "Page Title Bar" (.ast-page-title-bar) — used on older
      Astra themes / pages set up with the classic page header.
   2. Modern "Header Builder → Banner" (.ast-banner-section) — newer
      banner-builder system that puts page title in a colored band.
   Both default to a saturated colored fill (pulling from Astra's
   color-1 / color-2 slots which we retinted to gold/rose). Tone the
   whole lot down to parchment + gold hairlines. */
.ast-page-builder-template .entry-header,
.ast-page-title-bar,
.ast-page-title-bar-wrap,
.page-builder-template .entry-header,
.page .ast-page-builder-template > .entry-header,
.single-page .ast-page-builder-template .entry-header,
.entry-header.ast-no-thumbnail,
.entry-header.ast-header-without-markup,
body.page .entry-header,
body.single .entry-header.ast-no-thumbnail,
.ast-banner-section,
.ast-banner-area-wrap,
.ast-builder-banner-section,
.ast-builder-banner-container,
.site-banner-section,
.ast-page-header-section,
.ast-banner-wrap,
.ast-single-post-banner,
.ast-single-post-banner-section,
.site-banner-wrap,
.ast-builder-template-banner-section,
[data-section="section-banner-builder-1"],
[data-section="section-banner-builder-2"],
[data-section="banner-builder"] {
  background-color: var(--lx-bg) !important;
  background-image: none !important;
  border-top: 0.5px solid var(--lx-border) !important;
  border-bottom: 0.5px solid var(--lx-border) !important;
  padding: 48px 24px 36px !important;
  margin: 0 0 40px !important;
  text-align: center !important;
  color: var(--lx-ink) !important;
}

/* Banner title — Garamond italic in aubergine, not Astra default sans */
.ast-page-builder-template .entry-header .entry-title,
.ast-page-title-bar .entry-title,
.page .entry-header .entry-title,
.single-page .entry-header .entry-title,
body.page .ast-page-builder-template .entry-title,
.ast-banner-section .ast-banner-title,
.ast-banner-section .entry-title,
.ast-banner-section h1,
.ast-banner-area-wrap h1,
.ast-banner-area-wrap .ast-banner-title,
.ast-builder-banner-section h1,
.ast-builder-banner-section .ast-banner-title,
.site-banner-section h1,
.site-banner-section .ast-banner-title,
.ast-page-header-section h1,
.ast-banner-wrap h1,
.ast-banner-wrap .ast-banner-title,
.site-banner-wrap h1 {
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: var(--lx-aubergine) !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
  margin: 0 !important;
  font-size: clamp(32px, 4.6vw, 48px) !important;
  line-height: 1.12 !important;
}

/* Banner description / subtitle — Garamond italic in muted ink */
.ast-page-builder-template .entry-header p,
.ast-page-title-bar .ast-archive-description,
.page .entry-header .ast-archive-description,
.page .entry-header > p,
.ast-banner-section p,
.ast-banner-section .ast-banner-description,
.ast-banner-area-wrap p,
.ast-banner-area-wrap .ast-banner-description,
.site-banner-section p,
.ast-builder-banner-section p,
.ast-banner-wrap p,
.ast-page-header-section p {
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-size: clamp(15px, 1.6vw, 17px) !important;
  color: var(--lx-ink-2) !important;
  max-width: var(--lx-reading) !important;
  margin: 14px auto 0 !important;
  line-height: 1.6 !important;
}


/* —— 18. SINGLE POST READING ———————————————————————— */
.single-post .entry-content,
.single-post .entry-header {
  max-width: var(--lx-reading);
  margin-left: auto;
  margin-right: auto;
}

.single-post .entry-title {
  text-align: center;
  margin-bottom: 0.4em;
}

.single-post .entry-meta {
  text-align: center;
  margin-bottom: 2.2em;
}

.single-post .entry-content > p {
  font-size: 18px;
  line-height: 1.78;
  margin-bottom: 1.3em;
  color: #2A1E3A;
  font-weight: 500;
}

/* Drop cap */
.single-post .entry-content > p:first-of-type::first-letter {
  font-family: var(--lx-serif);
  float: left;
  font-size: 68px;
  line-height: 0.85;
  padding: 6px 12px 0 0;
  color: var(--lx-aubergine);
  font-weight: 500;
}


/* —— 19. CATEGORY / ARCHIVE ————————————————————————— */
.archive .ast-archive-description,
.search .ast-archive-description {
  text-align: center;
  padding: 48px 24px 24px;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0.5px solid var(--lx-border);
  border-bottom: 0.5px solid var(--lx-border);
  margin-bottom: 40px;
}
.archive .ast-archive-title,
.search .ast-archive-title {
  font-family: var(--lx-serif);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(28px, 4vw, 42px);
  color: var(--lx-aubergine);
  margin: 0 0 12px;
}
.archive .archive-description,
.search .archive-description {
  font-family: var(--lx-serif);
  font-style: italic;
  color: var(--lx-ink-2);
  max-width: var(--lx-reading);
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
}

.archive article.post,
.search article.post {
  border-bottom: 0.5px solid var(--lx-border);
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.archive .entry-title a,
.search .entry-title a {
  border-bottom: none;
  font-family: var(--lx-serif);
  font-style: italic;
}


/* —— 20. SIDEBAR & WIDGETS ————————————————————————— */
/* Sidebar wrapper — transparent so it inherits page bg in both modes */
.sidebar-main,
#secondary,
.secondary,
.widget-area,
.ast-separate-container .sidebar-main {
  background-color: transparent !important;
  background-image: none !important;
}

/* Each widget container — hairline divider, no fill */
.widget,
.widget_block,
.sidebar-main .widget,
aside.widget {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid var(--lx-border) !important;
  padding: 0 0 24px !important;
  margin: 0 0 24px !important;
}

/* Widget titles — the BLOCK-BASED widget editor renders titles with
   the wp-block-heading class on the h2, NOT the legacy widget-title
   class, so we target both for cross-version coverage. */
.widget-title,
.sidebar-main .widget-title,
.wp-block-heading.widget-title,
h2.widget-title,
.widget_block .wp-block-heading,
.widget_block > h2,
.widget_block > h3,
.widget_block > .wp-block-group > .wp-block-heading,
.widget .wp-block-heading,
.sidebar-main h2.wp-block-heading,
aside.widget .wp-block-heading,
aside.widget > h2 {
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--lx-gold) !important;
  line-height: 1.4 !important;
  margin: 0 0 14px !important;
  padding: 0 0 8px !important;
  border-bottom: 0.5px solid var(--lx-border) !important;
}

/* Widget list items */
.widget ul,
.widget_block ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_entries ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget ul li,
.widget_block ul li,
.sidebar-main .widget ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_entries ul li {
  border-bottom: none !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  font-family: var(--lx-serif) !important;
  font-size: 15px !important;
  color: var(--lx-stone) !important;
  line-height: 1.45 !important;
}

.widget ul li a,
.widget_block ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a {
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  border-bottom: none !important;
  color: var(--lx-gold) !important;
  text-decoration: none !important;
}

.widget ul li a:hover,
.widget_block ul li a:hover { color: var(--lx-rose) !important; }


/* —— 21. SEARCH WIDGET ————————————————————————————— */
.wp-block-search,
.widget_search,
.search-form {
  background: transparent;
}

.wp-block-search__input,
.search-form .search-field,
input[type="search"] {
  background: var(--lx-surface) !important;
  border: 0.5px solid var(--lx-border) !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  color: var(--lx-ink) !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  border-radius: 2px !important;
}

.wp-block-search__button,
.search-form .search-submit {
  background-color: transparent !important;
  border: 0.5px solid var(--lx-gold) !important;
  color: var(--lx-gold) !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
}


/* —— 22. SCROLL TO TOP —————————————————————————————— */
#ast-scroll-top,
.ast-scroll-top,
.ast-scroll-to-top {
  background-color: var(--lx-surface) !important;
  background-image: none !important;
  color: var(--lx-gold) !important;
  border: 0.5px solid var(--lx-gold) !important;
  border-radius: 999px !important;
  width: auto !important;
  height: auto !important;
  padding: 8px 16px !important;
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(35, 22, 48, 0.08) !important;
}

#ast-scroll-top:hover {
  background-color: var(--lx-gold) !important;
  color: var(--lx-bg) !important;
}

#ast-scroll-top svg {
  width: 12px !important;
  height: 12px !important;
  fill: currentColor !important;
}


/* —— 23. SUBSCRIBE / JETPACK WIDGETS ———————————————— */
.jetpack-subscribe-modal,
.wp-block-jetpack-subscriptions,
.jetpack_subscription_widget,
.jp-carousel-overlay,
.wp-block-jetpack-subscriptions__form-container {
  background: var(--lx-surface) !important;
  border: 0.5px solid var(--lx-border) !important;
  font-family: var(--lx-serif) !important;
}

.wp-block-jetpack-subscriptions__form input[type="email"] {
  background: var(--lx-bg) !important;
  border: 0.5px solid var(--lx-border) !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  color: var(--lx-ink) !important;
}

.wp-block-jetpack-subscriptions__form button,
.wp-block-jetpack-subscriptions__button {
  background-color: transparent !important;
  border: 0.5px solid var(--lx-gold) !important;
  color: var(--lx-gold) !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
}


/* —— 24. WORDPRESS ADMIN BAR ———————————————————————— */
#wpadminbar {
  background-color: var(--lx-ink) !important;
}


/* —— 25. IMAGES / FEATURED ——————————————————————————— */
.wp-block-image img,
.entry-content img,
.post-thumb-img-content img {
  border-radius: 2px;
}

.entry-content figure figcaption,
.wp-block-image figcaption {
  font-family: var(--lx-serif);
  font-style: italic;
  font-size: 13px;
  color: var(--lx-ink-2);
  text-align: center;
  margin-top: 8px;
}


/* ============================================================
   HOMEPAGE — runlifeexe.com page ID 862
   ============================================================ */

/* —— 26. HOMEPAGE CONTENT WIDTH ——————————————————— */
.home .entry-content,
.home .ast-container .site-content > .ast-container,
.page-id-862 .entry-content {
  max-width: var(--lx-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
}

/* The reading column inside the homepage (for prose blocks) */
.home .entry-content > p,
.home .entry-content > h1,
.home .entry-content > h2:not(.lx-section-label),
.home .entry-content .wp-block-paragraph,
.page-id-862 .entry-content > p {
  max-width: var(--lx-reading);
  margin-left: auto;
  margin-right: auto;
}


/* —— 27. SECTION LABELS — "// THE LATEST TRANSMISSION" ——— */
.lx-section-label,
.home .entry-content .lx-section-label {
  font-family: var(--lx-mono) !important;
  font-size: 14px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--lx-gold) !important;
  font-weight: 600 !important;
  margin: 64px auto 32px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  max-width: var(--lx-content) !important;
}

.lx-section-label::after {
  content: "";
  flex: 1;
  height: 0.5px;
  background-color: var(--lx-gold);
  opacity: 0.5;
}


/* —— 28. PILLAR CARDS — Four Frameworks ——————————— */
.lx-pillar {
  background: var(--lx-surface);
  border: 0.5px solid var(--lx-border);
  border-radius: 4px;
  padding: 28px 22px;
  text-align: center;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.lx-pillar:hover {
  border-color: var(--lx-gold);
  transform: translateY(-2px);
}

.lx-pillar .lx-pillar-mark {
  display: block;
  margin: 0 auto 14px;
}

.lx-pillar .lx-pillar-numeral {
  font-family: var(--lx-mono);
  font-size: 11px;
  letter-spacing: 0.28em;
  color: var(--lx-stone);
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

.lx-pillar .lx-pillar-name {
  font-family: var(--lx-serif);
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  color: var(--lx-ink);
  margin-bottom: 8px;
  display: block;
}
.lx-pillar .lx-pillar-name a {
  color: var(--lx-ink);
  border-bottom: none;
}
.lx-pillar:hover .lx-pillar-name a {
  color: var(--lx-aubergine);
}

.lx-pillar .lx-pillar-desc {
  font-family: var(--lx-serif);
  font-style: italic;
  font-size: 14.5px;
  color: var(--lx-ink-2);
  line-height: 1.55;
  margin: 0;
}


/* —— 29. LATEST TRANSMISSION (featured post block) ——— */
.home .wp-block-latest-posts:not(.is-grid),
.home ul.wp-block-latest-posts__list:not(.is-grid) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: var(--lx-content) !important;
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  grid-auto-rows: auto !important;
  gap: 0 36px !important;
  align-items: start !important;
}

.home .wp-block-latest-posts:not(.is-grid) > li,
.home ul.wp-block-latest-posts__list:not(.is-grid) > li {
  display: contents;
  list-style: none;
}

/* Image pinned to col 1 spanning all rows of the text block */
.home .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  margin: 0 !important;
}

.home .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 2px !important;
  display: block !important;
}

/* Title, date, excerpt all in col 2, stacked tight */
.home .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__post-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  color: var(--lx-ink) !important;
  border-bottom: none !important;
  display: block;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}

.home .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__post-date {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--lx-stone) !important;
  display: block;
  margin: 0 0 14px !important;
}

.home .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__post-excerpt {
  grid-column: 2 !important;
  grid-row: 3 !important;
  font-family: var(--lx-serif) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--lx-ink) !important;
  font-weight: 500 !important;
  margin: 0 !important;
}


/* —— 30. FROM THE LIBRARY — post grid cards ——————— */
/* Card grid container — center it like the rest of the page */
.home .wp-block-latest-posts.is-grid,
.home ul.wp-block-latest-posts__list.is-grid,
.page-id-862 .wp-block-latest-posts.is-grid {
  max-width: var(--lx-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 28px !important;
  list-style: none !important;
  padding-left: 0 !important;
}

/* Each card — hairline frame with internal padding */
.home .wp-block-latest-posts.is-grid > li,
.home ul.wp-block-latest-posts__list.is-grid > li,
.page-id-862 .wp-block-latest-posts.is-grid > li {
  background: var(--lx-surface) !important;
  border: 0.5px solid var(--lx-border) !important;
  border-radius: 4px !important;
  padding: 16px 16px 22px !important;
  margin: 0 !important;
  list-style: none !important;
  transition: border-color 0.25s ease, transform 0.25s ease !important;
}

.home .wp-block-latest-posts.is-grid > li:hover,
.home ul.wp-block-latest-posts__list.is-grid > li:hover {
  border-color: var(--lx-gold) !important;
  transform: translateY(-2px) !important;
}

/* Featured image — sits inside the card padding now */
.home .wp-block-latest-posts.is-grid > li .wp-block-latest-posts__featured-image,
.home ul.wp-block-latest-posts__list.is-grid > li .wp-block-latest-posts__featured-image {
  margin: 0 0 18px 0 !important;
  width: 100% !important;
  display: block !important;
}

.home .wp-block-latest-posts.is-grid > li .wp-block-latest-posts__featured-image img,
.home ul.wp-block-latest-posts__list.is-grid > li .wp-block-latest-posts__featured-image img {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  border-radius: 2px !important;
  display: block !important;
  margin: 0 !important;
}

/* Title link — no padding (card padding handles spacing) */
.home .wp-block-latest-posts.is-grid > li > a,
.home .wp-block-latest-posts.is-grid > li .wp-block-latest-posts__post-title,
.home ul.wp-block-latest-posts__list.is-grid > li > a {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  font-family: var(--lx-serif) !important;
  font-style: italic !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  color: var(--lx-ink) !important;
  line-height: 1.3 !important;
  border-bottom: none !important;
}

.home .wp-block-latest-posts.is-grid > li > a:hover {
  color: var(--lx-gold) !important;
}

/* Date */
.home .wp-block-latest-posts.is-grid > li .wp-block-latest-posts__post-date,
.home ul.wp-block-latest-posts__list.is-grid > li .wp-block-latest-posts__post-date {
  display: block !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--lx-stone) !important;
}


/* —— 31. HOMEPAGE HERO ———————————————————————————— */
.home .entry-content h1,
.home .entry-content .wp-block-heading.is-style-default,
.page-id-862 .entry-content h1 {
  font-size: clamp(34px, 5vw, 52px) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-align: center !important;
  max-width: var(--lx-reading) !important;
  margin: 24px auto 24px !important;
  color: var(--lx-ink);
}

.home .entry-content h1 em,
.page-id-862 .entry-content h1 em {
  color: var(--lx-rose);
  font-style: italic;
}

.home .entry-content .has-text-align-center.lx-eyebrow,
.home .entry-content > p:first-of-type.lx-eyebrow {
  text-align: center;
  margin: 0 auto 8px;
  display: block;
}

.home .entry-content .lx-sigil--xl,
.page-id-862 .entry-content .lx-sigil--xl {
  display: block;
  margin: 12px auto;
}


/* —— 31b. HOMEPAGE LAYOUT CLEANUP ——————————————————— */
/* Hide the empty Astra page header on the homepage — the wrapper
   was rendering with top/bottom borders (per Section 17) and showing
   as an empty band with two thin lines just under the site header. */
.home .ast-page-builder-template > .entry-header,
.home > #page .entry-header.ast-no-thumbnail,
.home .entry-header.ast-header-without-markup,
.home .ast-page-builder-template .entry-header,
.page-id-862 .ast-page-builder-template > .entry-header,
.page-id-862 .entry-header.ast-no-thumbnail,
.page-id-862 .entry-header.ast-header-without-markup,
.page-id-862 .ast-page-builder-template .entry-header {
  display: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Constrain alignwide blocks on the homepage to the content column.
   Gutenberg's "wide" alignment breaks blocks out beyond .entry-content;
   on this homepage we want everything in the same 1140px column. */
.home .entry-content .alignwide,
.home .entry-content > .alignwide,
.home .entry-content .wp-block-latest-posts.alignwide,
.page-id-862 .entry-content .alignwide,
.page-id-862 .entry-content .wp-block-columns.alignwide {
  max-width: var(--lx-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* And constrain alignfull too, so nothing escapes the page column */
.home .entry-content .alignfull,
.page-id-862 .entry-content .alignfull {
  max-width: var(--lx-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* —— 32. FOOTER ———————————————————————————————————— */
.site-footer,
.ast-footer-overlay,
footer.site-footer,
.footer-sml-section-1,
.footer-sml-section-2,
.ast-small-footer,
.site-below-footer-wrap,
.footer-adv {
  background-color: var(--lx-bg) !important;
  color: var(--lx-stone) !important;
  padding: 28px 0 !important;
  border-top: 0.5px solid var(--lx-border) !important;
  margin-top: 0 !important;
}

.site-footer p,
.site-footer .ast-footer-copyright,
.ast-small-footer-wrap,
.ast-small-footer,
.ast-footer-copyright,
.site-info,
.site-below-footer-wrap .ast-builder-html-element {
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--lx-stone) !important;
  margin: 0 !important;
}

.site-footer a {
  color: var(--lx-gold) !important;
  border-bottom: none !important;
  text-decoration: none !important;
}
.site-footer a:hover { color: var(--lx-aubergine) !important; }


/* —— 32b. TABLE OF CONTENTS (in-post) ——————————————— */
/* Covers the major WP TOC plugins (Table of Contents Plus, Easy TOC,
   LuckyWP, Yoast, Kadence). Brings the TOC into the brand: parchment
   surface card with hairline edge, mono caps for the heading and
   hide/show toggle, clean nav-style links (no italic + underline
   that Section 7 applies to all .entry-content links). */

/* TOC container — surface card */
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.ez-toc-v2_0_75,
.lwptoc,
.lwptoc_i,
.kb-table-of-content-wrap,
.kt-table-of-content,
.wp-block-yoast-seo-table-of-contents,
nav.toc,
div.toc {
  background: var(--lx-surface) !important;
  background-image: none !important;
  border: 0.5px solid var(--lx-border) !important;
  border-radius: 4px !important;
  padding: 24px 28px !important;
  margin: 32px 0 !important;
  width: auto !important;
  max-width: 100% !important;
  display: block !important;
  box-shadow: none !important;
  font-family: var(--lx-serif) !important;
}

/* TOC heading ("Directory" / "Table of Contents") — mono caps gold */
#toc_container .toc_title,
.toc_container .toc_title,
#ez-toc-container .ez-toc-title,
.ez-toc-container .ez-toc-title-container,
.ez-toc-title,
.lwptoc_header,
.lwptoc_title,
.kb-table-of-content-list-title,
nav.toc h2,
nav.toc h3,
div.toc h2,
div.toc h3,
.wp-block-yoast-seo-table-of-contents h2,
.wp-block-yoast-seo-table-of-contents h3 {
  font-family: var(--lx-mono) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: var(--lx-gold) !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 0.5px solid var(--lx-border) !important;
  text-align: left !important;
  display: block !important;
}

/* [hide] / [show] toggle — tiny mono caps in stone color */
#toc_container .toc_toggle,
#toc_container .toc_toggle a,
.toc_container .toc_toggle,
.toc_container .toc_toggle a,
#ez-toc-container .ez-toc-cssicon-toggle-label,
.ez-toc-toggle,
.ez-toc-toggle a,
.ez-toc-title-toggle,
.ez-toc-title-toggle a,
a.ez-toc-pull-right,
.lwptoc_toggle,
.lwptoc_toggle a {
  font-family: var(--lx-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--lx-stone) !important;
  border-bottom: none !important;
  text-decoration: none !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}

#toc_container .toc_toggle a:hover,
.ez-toc-toggle a:hover,
.lwptoc_toggle a:hover {
  color: var(--lx-gold) !important;
}

/* TOC lists — kill discs, use a tight indent */
#toc_container ul,
.toc_container ul,
#ez-toc-container ul,
.ez-toc-container ul,
.ez-toc-list,
.lwptoc_items,
.kb-table-of-content-list,
nav.toc ul,
div.toc ul,
.wp-block-yoast-seo-table-of-contents ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#toc_container ul ul,
.toc_container ul ul,
.ez-toc-list ul,
.lwptoc_items ul,
nav.toc ul ul {
  padding-left: 22px !important;
  margin: 4px 0 0 !important;
}

/* List items — kill default bullets, add a small gold dot marker */
#toc_container li,
.toc_container li,
.ez-toc-list li,
.ez-toc-container li,
.lwptoc_item,
.kb-table-of-content-list li,
nav.toc li,
div.toc li,
.wp-block-yoast-seo-table-of-contents li {
  list-style: none !important;
  padding: 4px 0 4px 18px !important;
  margin: 0 !important;
  position: relative !important;
  line-height: 1.4 !important;
  font-family: var(--lx-serif) !important;
}

#toc_container li::before,
.toc_container li::before,
.ez-toc-list li::before,
.lwptoc_item::before,
nav.toc li::before,
div.toc li::before {
  content: "·" !important;
  position: absolute !important;
  left: 4px !important;
  top: 0 !important;
  color: var(--lx-gold) !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

/* TOC links — strip italic + underline from Section 7's
   .entry-content a rule. Reads as nav, not prose. */
#toc_container a,
.toc_container a,
#ez-toc-container a,
.ez-toc-container a,
.ez-toc-list a,
.lwptoc a,
.kb-table-of-content-list a,
nav.toc a,
div.toc a,
.wp-block-yoast-seo-table-of-contents a {
  font-family: var(--lx-serif) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--lx-ink) !important;
  border-bottom: none !important;
  text-decoration: none !important;
  padding-bottom: 0 !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}

#toc_container a:hover,
.ez-toc-list a:hover,
.lwptoc a:hover,
nav.toc a:hover,
.kb-table-of-content-list a:hover {
  color: var(--lx-gold) !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

/* TOC auto-numbering ("1", "1.1", "3.1 1)") — quiet mono prefix */
#toc_container .toc_number,
.ez-toc-list .ez-toc-page-num,
.ez-toc-section,
.lwptoc_item_number {
  color: var(--lx-stone) !important;
  font-family: var(--lx-mono) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-right: 6px !important;
}


/* ============================================================
   DAY / NIGHT MODE
   Requires HTML widget with id="lx-mode-toggle" — see bottom.
   ============================================================ */

/* —— 33. DAY/NIGHT TOGGLE BUTTON ————————————————————— */
/* Positioned bottom-right but elevated 80px to stack ABOVE the
   Jetpack Subscribe widget (which sits at bottom: ~20px right: ~20px).
   High z-index so nothing covers it. */
#lx-mode-toggle {
  position: fixed !important;
  bottom: 88px !important;
  right: 24px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99999 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--lx-surface);
  border: 0.5px solid var(--lx-gold);
  border-radius: 999px;
  color: var(--lx-gold);
  font-family: var(--lx-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(35, 22, 48, 0.20);
  outline: none;
  text-decoration: none;
}

#lx-mode-toggle:hover {
  background: var(--lx-gold);
  color: var(--lx-bg);
}

#lx-mode-toggle:focus-visible {
  outline: 1.5px solid var(--lx-gold);
  outline-offset: 2px;
}

#lx-mode-toggle .lx-mode-icon {
  font-size: 14px;
  line-height: 1;
}


/* —— 34. NIGHT MODE CASCADING OVERRIDES ——————————— */
body.lx-night,
body.lx-night html {
  background-color: var(--lx-bg) !important;
  color: var(--lx-ink) !important;
}

body.lx-night .site,
body.lx-night .ast-container,
body.lx-night .site-content,
body.lx-night .site-content > .ast-container,
body.lx-night #content,
body.lx-night #primary,
body.lx-night .ast-separate-container .ast-article-single,
body.lx-night .entry-content,
body.lx-night #page {
  background-color: var(--lx-bg) !important;
  color: var(--lx-ink) !important;
}

body.lx-night .site-header,
body.lx-night .ast-site-header-bar-wrap,
body.lx-night .ast-primary-header-bar,
body.lx-night .ast-above-header-wrap,
body.lx-night .ast-below-header-wrap,
body.lx-night .ast-main-header-wrap {
  background-color: var(--lx-bg) !important;
  border-bottom-color: var(--lx-border) !important;
}

body.lx-night .site-title,
body.lx-night .site-title a,
body.lx-night .ast-site-title-wrap .site-title a {
  color: var(--lx-ink) !important;
}

body.lx-night .ast-site-identity::after {
  color: var(--lx-gold) !important;
}

body.lx-night .main-header-menu > .menu-item > a,
body.lx-night .ast-builder-menu-1 .menu-item > a {
  color: var(--lx-ink-2) !important;
}

body.lx-night .main-header-menu > .menu-item > a:hover,
body.lx-night .main-header-menu .current-menu-item > a {
  color: var(--lx-gold) !important;
}

/* Night-mode submenu (still parchment-toned within dark theme = warm dark) */
body.lx-night .main-header-menu .sub-menu,
body.lx-night .main-navigation ul ul,
body.lx-night .ast-builder-menu-1 .sub-menu {
  background-color: var(--lx-surface) !important;
  border-color: var(--lx-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.40) !important;
}
body.lx-night .main-header-menu .sub-menu a {
  color: var(--lx-ink) !important;
}
body.lx-night .main-header-menu .sub-menu a:hover {
  color: var(--lx-gold) !important;
  background-color: var(--lx-surface-2) !important;
}

/* Night-mode pillars */
body.lx-night .lx-pillar {
  background-color: var(--lx-surface) !important;
  border-color: var(--lx-border) !important;
}
body.lx-night .lx-pillar .lx-pillar-name,
body.lx-night .lx-pillar .lx-pillar-name a {
  color: var(--lx-ink) !important;
}
body.lx-night .lx-pillar .lx-pillar-desc {
  color: var(--lx-ink-2) !important;
}

/* Night-mode library cards */
body.lx-night .home .wp-block-latest-posts.is-grid > li {
  background-color: var(--lx-surface) !important;
  border-color: var(--lx-border) !important;
}
body.lx-night .home .wp-block-latest-posts.is-grid > li > a,
body.lx-night .home .wp-block-latest-posts.is-grid > li .wp-block-latest-posts__post-title {
  color: var(--lx-ink) !important;
}
body.lx-night .home .wp-block-latest-posts.is-grid > li > a:hover {
  color: var(--lx-gold) !important;
}

/* Night-mode section labels */
body.lx-night .lx-section-label {
  color: var(--lx-gold) !important;
}
body.lx-night .lx-section-label::after {
  background-color: var(--lx-gold) !important;
}

/* Night-mode hero h1 */
body.lx-night .home .entry-content h1 {
  color: var(--lx-ink) !important;
}
body.lx-night .home .entry-content h1 em {
  color: var(--lx-rose) !important;
}

/* Night-mode body text */
body.lx-night p,
body.lx-night li,
body.lx-night .entry-content > p,
body.lx-night .lx-dek {
  color: var(--lx-ink) !important;
}

/* Night-mode blockquote */
body.lx-night .wp-block-quote,
body.lx-night .entry-content blockquote {
  color: var(--lx-ink) !important;
  border-color: var(--lx-gold) !important;
}

/* Night-mode buttons */
body.lx-night .wp-block-button__link {
  color: var(--lx-gold) !important;
  border-color: var(--lx-gold) !important;
}
body.lx-night .wp-block-button__link:hover {
  background-color: var(--lx-gold) !important;
  color: var(--lx-bg) !important;
}

/* Night-mode page title bar / banner — match all the day-mode
   banner selectors so the saturated band flips to cosmic dark too. */
body.lx-night .ast-page-builder-template .entry-header,
body.lx-night .page .entry-header,
body.lx-night .single-page .entry-header,
body.lx-night .ast-banner-section,
body.lx-night .ast-banner-area-wrap,
body.lx-night .ast-builder-banner-section,
body.lx-night .site-banner-section,
body.lx-night .ast-page-header-section,
body.lx-night .ast-banner-wrap,
body.lx-night .ast-single-post-banner,
body.lx-night .site-banner-wrap,
body.lx-night [data-section="section-banner-builder-1"],
body.lx-night [data-section="banner-builder"] {
  background-color: var(--lx-bg) !important;
  background-image: none !important;
  border-top-color: var(--lx-border) !important;
  border-bottom-color: var(--lx-border) !important;
}
body.lx-night .page .entry-header .entry-title,
body.lx-night .ast-page-builder-template .entry-title,
body.lx-night .ast-banner-section .ast-banner-title,
body.lx-night .ast-banner-section h1,
body.lx-night .ast-banner-area-wrap h1,
body.lx-night .ast-builder-banner-section h1,
body.lx-night .site-banner-section h1 {
  color: var(--lx-aubergine) !important;
}
body.lx-night .ast-banner-section p,
body.lx-night .ast-banner-section .ast-banner-description,
body.lx-night .ast-banner-area-wrap p,
body.lx-night .site-banner-section p {
  color: var(--lx-ink-2) !important;
}

/* Night-mode sidebar / widgets — full cascade so parchment doesn't leak */
body.lx-night .sidebar-main,
body.lx-night #secondary,
body.lx-night .secondary,
body.lx-night .widget-area,
body.lx-night .ast-separate-container .sidebar-main {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--lx-ink) !important;
}
body.lx-night .widget,
body.lx-night .widget_block,
body.lx-night aside.widget,
body.lx-night .sidebar-main .widget {
  background-color: transparent !important;
  border-bottom-color: var(--lx-border) !important;
  color: var(--lx-ink) !important;
}
body.lx-night .widget-title,
body.lx-night .widget_block .wp-block-heading,
body.lx-night .widget_block > h2,
body.lx-night .widget .wp-block-heading,
body.lx-night .sidebar-main h2.wp-block-heading,
body.lx-night aside.widget .wp-block-heading {
  color: var(--lx-gold) !important;
  border-bottom-color: var(--lx-border) !important;
}
body.lx-night .widget ul li,
body.lx-night .widget_block ul li,
body.lx-night .widget_categories ul li,
body.lx-night .widget_archive ul li {
  color: var(--lx-stone) !important;
}
body.lx-night .widget ul li a,
body.lx-night .widget_block ul li a {
  color: var(--lx-gold) !important;
}
body.lx-night .widget ul li a:hover {
  color: var(--lx-rose) !important;
}

/* Night-mode search */
body.lx-night .wp-block-search__input,
body.lx-night .search-form .search-field,
body.lx-night input[type="search"] {
  background-color: var(--lx-surface) !important;
  border-color: var(--lx-border) !important;
  color: var(--lx-ink) !important;
}

/* Night-mode TOC — surface card flips dark, links stay readable */
body.lx-night #toc_container,
body.lx-night .toc_container,
body.lx-night #ez-toc-container,
body.lx-night .ez-toc-container,
body.lx-night .lwptoc,
body.lx-night .kb-table-of-content-wrap,
body.lx-night nav.toc,
body.lx-night div.toc {
  background-color: var(--lx-surface) !important;
  border-color: var(--lx-border) !important;
}
body.lx-night #toc_container .toc_title,
body.lx-night .ez-toc-title,
body.lx-night .lwptoc_title,
body.lx-night nav.toc h2 {
  color: var(--lx-gold) !important;
  border-bottom-color: var(--lx-border) !important;
}
body.lx-night #toc_container a,
body.lx-night .ez-toc-list a,
body.lx-night .lwptoc a,
body.lx-night nav.toc a,
body.lx-night div.toc a {
  color: var(--lx-ink) !important;
}
body.lx-night #toc_container a:hover,
body.lx-night .ez-toc-list a:hover,
body.lx-night .lwptoc a:hover,
body.lx-night nav.toc a:hover {
  color: var(--lx-gold) !important;
}


/* Night-mode footer — broad selectors for Astra footer builder
   wrappers, since the saved parchment background was leaking through. */
body.lx-night .site-footer,
body.lx-night .ast-small-footer,
body.lx-night .site-below-footer-wrap,
body.lx-night .site-primary-footer-wrap,
body.lx-night .ast-footer-overlay,
body.lx-night .footer-sml-section-1,
body.lx-night .footer-sml-section-2,
body.lx-night .ast-builder-footer-grid-row-1,
body.lx-night .ast-builder-footer-grid-row-2,
body.lx-night .ast-builder-footer-grid-columns,
body.lx-night footer.site-footer,
body.lx-night .ast-footer-html-1,
body.lx-night .ast-footer-html-1-inner-wrap,
body.lx-night .ast-footer-copyright,
body.lx-night .site-info {
  background-color: var(--lx-bg) !important;
  background-image: none !important;
  border-top-color: var(--lx-border) !important;
  color: var(--lx-stone) !important;
}
body.lx-night .site-footer p,
body.lx-night .site-footer span,
body.lx-night .site-footer .ast-footer-copyright,
body.lx-night .ast-footer-copyright,
body.lx-night .site-info,
body.lx-night .site-info p,
body.lx-night .ast-builder-html-element {
  color: var(--lx-stone) !important;
  background-color: transparent !important;
}
body.lx-night .site-footer a {
  color: var(--lx-gold) !important;
}

/* Night-mode scroll-to-top */
body.lx-night #ast-scroll-top {
  background-color: var(--lx-surface) !important;
  color: var(--lx-gold) !important;
  border-color: var(--lx-gold) !important;
}

/* Night-mode toggle button itself */
body.lx-night #lx-mode-toggle {
  background: var(--lx-surface);
  border-color: var(--lx-gold);
  color: var(--lx-gold);
}
body.lx-night #lx-mode-toggle:hover {
  background: var(--lx-gold);
  color: var(--lx-bg);
}



/* ============================================================
 *  END OF BRAND SYSTEM v1.1
 *
 *  Night-mode toggle: this stylesheet styles a button with the
 *  id "lx-mode-toggle". The button itself must be added via a
 *  Custom HTML widget at Appearance, then Widgets, then Footer.
 *  The widget HTML and supporting JS live in a separate file:
 *  night-mode-toggle-widget.html
 *
 *  Without that widget pasted in, the toggle does not render.
 * ============================================================ */