.avatar,
.wp-block-post-author__avatar,
.wp-block-post-author img,
.author-avatar,
.post-author img {
    display: none !important;
}
.site-header,
header.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
}
.elementor-element-446d51ea,
.elementor-element-446d51ea > .elementor-container,
.elementor-element-1b56cd91 {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  background: #ffffff !important;
}
.elementor-element-446d51ea,
.elementor-element-446d51ea > .elementor-container,
.elementor-element-446d51ea > .elementor-container > .elementor-column,
.elementor-element-446d51ea > .elementor-container > .elementor-column > .elementor-widget-wrap {
  overflow: visible !important;
}
/* ==========================================================================
   WORTHLY LIFE — EDITORIAL MODULE SYSTEM
   Paste this ONCE into: Elementor > Site Settings > Custom CSS (global),
   or into a single HTML widget at the top of the page wrapped in <style>.
   Every template below is built ONLY from the classes defined here, so you
   only ever touch this one file to restyle every template at once.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

:root{
  /* -- palette --------------------------------------------------------- */
  --wl-bg:        #FAF6EF;   /* page background, warm ivory */
  --wl-bg-alt:    #F1E9DC;   /* recessed panels: quotes, product cards, modules */
  --wl-ink:       #2A241D;   /* primary text, warm near-black */
  --wl-ink-soft:  #6B6053;   /* secondary text, captions, meta */
  --wl-accent:    #6E2A35;   /* wine — links, labels, dividers, numerals */
  --wl-accent-soft:#B7935A;  /* brass — hairlines, small ornament */
  --wl-line:      #DED2BC;   /* hairline rule colour */
  --wl-white:     #FFFFFF;

  /* -- type -------------------------------------------------------------*/
  --wl-serif:  'Times New Roman', Times, serif;
  --wl-script: 'Pinyon Script', cursive;

  /* -- rhythm ------------------------------------------------------------*/
  --wl-max-prose: 700px;
  --wl-max-wide:  1180px;
  --wl-space-xs:  .5rem;
  --wl-space-sm:  1rem;
  --wl-space-md:  2rem;
  --wl-space-lg:  3.5rem;
  --wl-space-xl:  5.5rem;
}

/* -- reset scoped to Worthly modules only, so it never leaks into the rest
      of the Elementor page ----------------------------------------------*/
.wl-block, .wl-block *{ box-sizing: border-box; }
.wl-block{
  font-family: var(--wl-serif);
  color: var(--wl-ink);
  background: var(--wl-bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.wl-block img{ max-width:100%; height:auto; display:block; }
.wl-block a{ color: var(--wl-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wl-block a:hover{ color: var(--wl-ink); }

/* every module is a self-contained <section class="wl-block ..."> so it can
   be pasted into its OWN Elementor HTML widget and edited independently */
.wl-section{ padding: var(--wl-space-lg) var(--wl-space-md); }
.wl-inner{ max-width: var(--wl-max-prose); margin: 0 auto; }
.wl-inner-wide{ max-width: var(--wl-max-wide); margin: 0 auto; }
@media (max-width: 640px){
  .wl-section{ padding: var(--wl-space-md) var(--wl-space-sm); }
}

/* ==========================================================================
   1. HERO / HEADER MODULES
   ========================================================================== */
.wl-category{
  display:inline-block;
  font-size: .95rem;
  color: var(--wl-accent);
  margin-bottom: var(--wl-space-sm);
}
.wl-headline{
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  line-height: 1.12;
  font-weight: 400;
  margin: 0 0 var(--wl-space-sm);
}
.wl-headline em{ font-style: italic; }
.wl-script-word{ font-family: var(--wl-script); font-size: 1.3em; color: var(--wl-accent); }
.wl-dek{
  font-size: 1.25rem;
  color: var(--wl-ink-soft);
  max-width: 620px;
  margin: 0 0 var(--wl-space-md);
  font-style: italic;
}
.wl-byline{
  font-size: .92rem;
  color: var(--wl-ink-soft);
  border-top: 1px solid var(--wl-line);
  border-bottom: 1px solid var(--wl-line);
  padding: .75rem 0;
  margin-bottom: var(--wl-space-md);
}
.wl-byline b{ color: var(--wl-ink); font-weight: 600; }
.wl-hero-image{ margin: var(--wl-space-md) 0; }
.wl-hero-image figcaption{
  font-size: .85rem; color: var(--wl-ink-soft); margin-top: .5rem; text-align:center;
}
.wl-hero-image--full img{ width:100%; max-height: 640px; object-fit: cover; }

/* ==========================================================================
   2. PROSE / EDITORIAL MODULES  (used by E1, E2, E3, X1, X2)
   ========================================================================== */
.wl-lede{ font-size: 1.15rem; }
.wl-lede p:first-of-type::first-letter{
  font-size: 3.4rem; float:left; line-height: .8; padding-right:.5rem; padding-top:.3rem;
  color: var(--wl-accent); font-family: var(--wl-serif);
}
.wl-prose p{ margin: 0 0 1.25rem; font-size: 1.08rem; }
.wl-prose h2, .wl-section-heading{
  font-size: 1.7rem; font-weight: 400; margin: var(--wl-space-lg) 0 var(--wl-space-sm);
  padding-bottom: .4rem; border-bottom: 2px solid var(--wl-accent-soft); display: inline-block;
}
.wl-prose h3{ font-size: 1.25rem; font-weight: 600; margin: var(--wl-space-md) 0 .6rem; }
.wl-pullquote{
  font-size: 1.5rem; font-style: italic; color: var(--wl-accent);
  border-left: 3px solid var(--wl-accent); padding-left: var(--wl-space-md);
  margin: var(--wl-space-lg) 0; max-width: 560px;
}
.wl-image-break{ margin: var(--wl-space-lg) 0; }
.wl-image-break--half{ display:grid; grid-template-columns:1fr 1fr; gap: var(--wl-space-sm); }
@media (max-width:640px){ .wl-image-break--half{ grid-template-columns:1fr; } }
.wl-divider{
  width: 60px; height: 1px; background: var(--wl-line); margin: var(--wl-space-lg) auto; border:0;
}
.wl-divider--script{
  text-align:center; font-family: var(--wl-script); color: var(--wl-accent-soft);
  font-size: 1.8rem; margin: var(--wl-space-lg) 0; border:0;
}

/* framework / how-to numbered step, shared by E2 + X2 */
.wl-step{ display:flex; gap: 1.25rem; margin: 0 0 var(--wl-space-md); align-items:flex-start; }
.wl-step-num{
  font-family: var(--wl-serif); font-size: 1.6rem; color: var(--wl-accent-soft);
  flex: 0 0 auto; line-height:1; min-width: 2.2rem;
}
.wl-step-body h3{ margin: 0 0 .35rem; font-size: 1.15rem; font-weight:600; }
.wl-step-body p{ margin:0; }

/* ==========================================================================
   3. COMMERCE / CURATION MODULES  (D1, D1a, D1b, D1c, X2)
   ========================================================================== */
.wl-product-grid{
  display:grid; gap: var(--wl-space-md);
  grid-template-columns: repeat(3, 1fr);
}
.wl-product-grid--2{ grid-template-columns: repeat(2, 1fr); }
@media (max-width: 780px){ .wl-product-grid, .wl-product-grid--2{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 500px){ .wl-product-grid, .wl-product-grid--2{ grid-template-columns: 1fr; } }
.wl-product-card{ background: var(--wl-bg-alt); padding: var(--wl-space-sm); }
.wl-product-card img{ margin-bottom: .75rem; aspect-ratio: 4/5; object-fit:cover; }
.wl-product-card .wl-p-name{ font-weight:600; font-size: .98rem; margin:0 0 .25rem; }
.wl-product-card .wl-p-desc{ font-size: .92rem; color: var(--wl-ink-soft); margin:0 0 .6rem; }
.wl-product-card .wl-p-cta{ font-size: .88rem; text-transform: none; }
.wl-edit-row{
  display:flex; gap: var(--wl-space-md); align-items:center; margin: var(--wl-space-md) 0;
}
.wl-edit-row img{ flex: 0 0 42%; }
.wl-edit-row .wl-p-copy{ flex: 1; }
@media (max-width: 640px){ .wl-edit-row{ flex-direction: column; } .wl-edit-row img{ flex-basis:auto; width:100%; } }
.wl-cta-banner{
  background: var(--wl-accent); color: var(--wl-white); padding: var(--wl-space-md);
  text-align:center;
}
.wl-cta-banner a{ color: var(--wl-white); font-weight:600; }
.wl-cta-banner p{ margin: 0 0 .75rem; font-size: 1.05rem; }

/* ==========================================================================
   4. LIST MODULES  (D2, D2a, D2b)
   ========================================================================== */
.wl-list-entry{
  padding: var(--wl-space-md) 0; border-bottom: 1px solid var(--wl-line);
  display:grid; grid-template-columns: 3.2rem 1fr; gap: var(--wl-space-sm);
}
.wl-list-entry:first-child{ padding-top:0; }
.wl-list-num{ font-size: 1.8rem; color: var(--wl-accent-soft); line-height:1; }
.wl-list-entry h3{ margin:0 0 .4rem; font-size: 1.2rem; font-weight:600; }
.wl-list-entry p{ margin:0; font-size:1rem; }
.wl-list-entry--compact{
  grid-template-columns: 2.2rem 1fr; padding: var(--wl-space-sm) 0;
}
.wl-list-entry--compact .wl-list-num{ font-size: 1.2rem; }
.wl-list-entry--compact h3{ font-size: 1.02rem; margin:0 0 .2rem; }
.wl-list-entry--compact p{ font-size: .95rem; color: var(--wl-ink-soft); }
.wl-list-grid--dense{ column-count: 2; column-gap: var(--wl-space-md); }
@media (max-width:640px){ .wl-list-grid--dense{ column-count:1; } }
.wl-list-grid--dense .wl-list-entry--compact{ break-inside: avoid; }

/* ==========================================================================
   5. SEASONAL / MULTI-MODULE GUIDE  (D3, D3a)
   ========================================================================== */
.wl-season-theme{
  text-align:center; padding: var(--wl-space-lg) var(--wl-space-md);
  background: var(--wl-bg-alt);
}
.wl-season-theme .wl-script-word{ display:block; font-size: 2.6rem; margin-bottom:.5rem; }
.wl-module-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap: var(--wl-space-md); }
@media (max-width:640px){ .wl-module-grid{ grid-template-columns:1fr; } }
.wl-module-card{ border: 1px solid var(--wl-line); padding: var(--wl-space-md); }
.wl-module-card .wl-category{ margin-bottom:.4rem; }
.wl-module-card h3{ margin:0 0 .5rem; font-size:1.2rem; font-weight:600; }
.wl-checklist{ list-style:none; padding:0; margin: 1rem 0 0; }
.wl-checklist li{ padding-left: 1.6rem; position: relative; margin-bottom:.6rem; }
.wl-checklist li::before{
  content:''; position:absolute; left:0; top:.15rem; width:1rem; height:1rem;
  border: 1.5px solid var(--wl-accent-soft);
}

/* ==========================================================================
   6. REFERENCE / NAVIGATION MODULES  (X1)
   ========================================================================== */
.wl-toc{ background: var(--wl-bg-alt); padding: var(--wl-space-md); margin: var(--wl-space-md) 0 var(--wl-space-lg); }
.wl-toc p.wl-toc-label{ margin:0 0 .75rem; font-weight:600; }
.wl-toc ol{ margin:0; padding-left: 1.2rem; }
.wl-toc li{ margin-bottom:.5rem; }
.wl-toc a{ text-decoration:none; }
.wl-toc a:hover{ text-decoration:underline; }

/* ==========================================================================
   7. INTERACTIVE / WORKBOOK MODULES  (X3, X3a)
   ========================================================================== */
.wl-prompt-card{
  background: var(--wl-bg-alt); padding: var(--wl-space-md); margin-bottom: var(--wl-space-sm);
  border-left: 3px solid var(--wl-accent);
}
.wl-prompt-num{ font-size:.85rem; color: var(--wl-accent); display:block; margin-bottom:.4rem; }
.wl-prompt-card p{ margin:0; font-size: 1.05rem; }
.wl-progress{ height: 6px; background: var(--wl-line); margin: var(--wl-space-sm) 0 var(--wl-space-lg); }
.wl-progress span{ display:block; height:100%; background: var(--wl-accent); }
.wl-quiz-q{ margin-bottom: var(--wl-space-md); }
.wl-quiz-q p.wl-quiz-prompt{ font-weight:600; margin: 0 0 .75rem; }
.wl-quiz-options{ display:flex; flex-direction:column; gap:.6rem; }
.wl-quiz-options label{
  display:block; background: var(--wl-bg-alt); padding: .75rem 1rem; cursor:pointer;
  border: 1px solid transparent;
}
.wl-quiz-options label:hover{ border-color: var(--wl-accent-soft); }