.elementor-9612 .elementor-element.elementor-element-796b93e{--display:flex;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}/* Start custom CSS *//* =========================================================
   GTL — ARTICLE SKIN (GLOBAL for ALL BLOG POSTS)
   Applies ONLY on single blog posts, and ONLY inside .gtl-article
   Required HTML wrapper: <div class="gtl-article"><div class="wrap">...</div></div>
   ========================================================= */

body.single-post .gtl-article{
  --bg:#0b0c0f;
  --card:#0f1116;
  --text:#e7e7ea;
  --muted:#a8acb6;
  --line:rgba(255,255,255,.10);
  --gold:#C6A667;
  --gold2:#E7D6A4;
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --radius:22px;

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  color:var(--text) !important;
  background:
    radial-gradient(1200px 700px at 20% -10%, rgba(198,166,103,.18), transparent 60%),
    radial-gradient(900px 600px at 90% 10%, rgba(231,214,164,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), #07080a 55%, #07080a) !important;
  padding:28px 18px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
}

body.single-post .gtl-article *{ box-sizing:border-box !important; }
body.single-post .gtl-article .wrap{ max-width:920px !important; margin:0 auto !important; }

/* =========================================================
   Featured Image (EDITORIAL / not wumbo)
   Works with:
   A) your manual HTML wrapper: <div class="gtl-featured"><img ...></div>
   B) Elementor Featured Image widget inside .gtl-article
   ========================================================= */

/* Manual wrapper (preferred for exact placement) */
body.single-post .gtl-article .gtl-featured{
  margin: 0 auto 14px !important;
  max-width: 760px !important;
  border-radius: calc(var(--radius) + 6px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.50) !important;
  background: rgba(255,255,255,.03) !important;
  position: relative !important;
}

/* Elementor widgets (fallback if you use the widget) */
body.single-post .gtl-article .elementor-widget-theme-post-featured-image,
body.single-post .gtl-article .elementor-widget-image{
  margin: 0 auto 14px !important;
  max-width: 760px !important;
}

/* Image itself */
body.single-post .gtl-article .gtl-featured img,
body.single-post .gtl-article .elementor-widget-theme-post-featured-image img,
body.single-post .gtl-article .elementor-widget-image img,
body.single-post .gtl-article img.wp-post-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height: 320px !important;          /* reduce wumbo */
  object-fit: cover !important;
  object-position: center 40% !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Premium overlay */
body.single-post .gtl-article .gtl-featured:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(198,166,103,.14), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.35)) !important;
  pointer-events:none !important;
}

/* Captions */
body.single-post .gtl-article figcaption,
body.single-post .gtl-article .wp-caption-text{
  margin-top:10px !important;
  color:rgba(231,231,234,.78) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* =========================================================
   Links
   ========================================================= */

body.single-post .gtl-article a{
  color:var(--gold2) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(231,214,164,.35) !important;
}
body.single-post .gtl-article a:hover{ border-bottom-color:rgba(231,214,164,.85) !important; }

/* =========================================================
   Typography
   ========================================================= */

body.single-post .gtl-article h1{
  font-size:clamp(30px,3.2vw,46px) !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
  margin:12px 0 10px !important;
}
body.single-post .gtl-article h2{
  font-size:clamp(20px,2.1vw,28px) !important;
  line-height:1.25 !important;
  margin:28px 0 10px !important;
}
body.single-post .gtl-article p{
  margin:12px 0 !important;
  color:var(--text) !important;
  font-size:16.5px !important;
}
body.single-post .gtl-article .muted{ color:var(--muted) !important; }

/* =========================================================
   Kicker
   ========================================================= */

body.single-post .gtl-article .kicker{
  display:inline-flex !important;
  gap:10px !important;
  align-items:center !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:rgba(231,214,164,.9) !important;
}
body.single-post .gtl-article .kicker:before{
  content:"" !important;
  width:28px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, var(--gold), transparent) !important;
}

/* =========================================================
   Hero
   ========================================================= */

body.single-post .gtl-article .hero{
  border-radius:var(--radius) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  padding:22px !important;
  position:relative !important;
  overflow:hidden !important;
}
body.single-post .gtl-article .hero:after{
  content:"" !important;
  position:absolute !important;
  inset:-2px !important;
  background:
    radial-gradient(500px 240px at 20% 0%, rgba(198,166,103,.22), transparent 60%),
    radial-gradient(520px 260px at 80% 20%, rgba(231,214,164,.12), transparent 65%) !important;
  pointer-events:none !important;
}
body.single-post .gtl-article .hero > *{ position:relative !important; z-index:1 !important; }

body.single-post .gtl-article .lede{
  font-size:18px !important;
  color:rgba(231,231,234,.92) !important;
  max-width:70ch !important;
}

/* =========================================================
   Chips
   ========================================================= */

body.single-post .gtl-article .chiprow{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:14px !important;
}

body.single-post .gtl-article .chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(0,0,0,.18) !important;
  color:rgba(231,231,234,.92) !important;
  font-size:13px !important;

  /* FOOL-PROOF: prevent iOS/Safari mid-word breaking inside pills */
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  min-width: 0 !important;
}

body.single-post .gtl-article .chip *{
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

/* Keep the label (Best for:/Focus:/Signal:) on one unbroken piece forever */
body.single-post .gtl-article .chip b{
  color:rgba(231,214,164,.95) !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  flex: 0 0 auto !important;
}

/* =========================================================
   Buttons
   ========================================================= */

body.single-post .gtl-article .ctaRow{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:18px 0 0 !important;
}
body.single-post .gtl-article a.btn{ border-bottom:none !important; }
body.single-post .gtl-article .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  font-weight:650 !important;
  letter-spacing:.01em !important;
}
body.single-post .gtl-article .btn-primary{
  background:linear-gradient(180deg, rgba(198,166,103,.98), rgba(165,132,70,.98)) !important;
  color:#111 !important;
  border-color:rgba(198,166,103,.55) !important;
}
body.single-post .gtl-article .btn-primary:hover{ filter:brightness(1.02) !important; }
body.single-post .gtl-article .btn-secondary{
  background:rgba(255,255,255,.04) !important;
  color:rgba(231,231,234,.95) !important;
}
body.single-post .gtl-article .btn-secondary:hover{ background:rgba(255,255,255,.06) !important; }

/* =========================================================
   Grid + cards
   ========================================================= */

body.single-post .gtl-article .grid{
  display:grid !important;
  grid-template-columns:1.25fr .75fr !important;
  gap:16px !important;
  margin-top:18px !important;
}
@media (max-width:900px){
  body.single-post .gtl-article .grid{ grid-template-columns:1fr !important; }
}
body.single-post .gtl-article .card{
  border-radius:var(--radius) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.03) !important;
  padding:16px !important;
}

/* =========================================================
   TOC
   ========================================================= */

body.single-post .gtl-article .toc{ margin:0 !important; padding-left:18px !important; }
body.single-post .gtl-article .toc li{ margin:8px 0 !important; color:rgba(231,231,234,.92) !important; }
body.single-post .gtl-article .toc a{ border-bottom:none !important; }
body.single-post .gtl-article .toc a span{ border-bottom:1px solid rgba(231,214,164,.35) !important; }
body.single-post .gtl-article .toc a:hover span{ border-bottom-color:rgba(231,214,164,.9) !important; }

/* =========================================================
   Divider
   ========================================================= */

body.single-post .gtl-article .hr{
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent) !important;
  margin:22px 0 !important;
}

/* =========================================================
   Numbered blocks
   ========================================================= */

body.single-post .gtl-article .numlist{
  margin:12px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
}
body.single-post .gtl-article .numlist li{
  display:grid !important;
  grid-template-columns:34px 1fr !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(0,0,0,.14) !important;
}
body.single-post .gtl-article .badge{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(198,166,103,.15) !important;
  border:1px solid rgba(198,166,103,.35) !important;
  color:rgba(231,214,164,.95) !important;
  font-weight:750 !important;
}

/* =========================================================
   Brand grid
   ========================================================= */

body.single-post .gtl-article .brandgrid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:12px !important;
}
@media (max-width:760px){
  body.single-post .gtl-article .brandgrid{ grid-template-columns:1fr !important; }
}
body.single-post .gtl-article .brand{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.03) !important;
  padding:14px !important;
}
body.single-post .gtl-article .brand strong{ color:rgba(231,231,234,.98) !important; }
body.single-post .gtl-article .brand span{ color:rgba(231,231,234,.80) !important; }

/* =========================================================
   FAQ
   ========================================================= */

body.single-post .gtl-article details{
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.03) !important;
  padding:12px 14px !important;
}
body.single-post .gtl-article summary{
  cursor:pointer !important;
  font-weight:700 !important;
  color:rgba(231,231,234,.95) !important;
}
body.single-post .gtl-article details p{
  margin:10px 0 0 !important;
  color:rgba(231,231,234,.88) !important;
}
body.single-post .gtl-article .faq{
  display:grid !important;
  gap:12px !important;
  margin-top:10px !important;
}

/* =========================================================
   Small screens
   ========================================================= */

@media (max-width:520px){
  body.single-post .gtl-article{
    padding:22px 14px !important;
    border-radius:22px !important;
  }

  body.single-post .gtl-article .hero{ padding:18px !important; }
  body.single-post .gtl-article .lede{ font-size:17px !important; }

  body.single-post .gtl-article .gtl-featured,
  body.single-post .gtl-article .elementor-widget-theme-post-featured-image,
  body.single-post .gtl-article .elementor-widget-image{
    max-width: 100% !important;
    margin: 0 0 12px !important;
  }

  body.single-post .gtl-article .gtl-featured img,
  body.single-post .gtl-article .elementor-widget-theme-post-featured-image img,
  body.single-post .gtl-article .elementor-widget-image img,
  body.single-post .gtl-article img.wp-post-image{
    max-height: 240px !important;
    object-position: center 35% !important;
  }
}/* End custom CSS */