.elementor-791 .elementor-element.elementor-element-e1909af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-791 .elementor-element.elementor-element-831355c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-791 .elementor-element.elementor-element-3b1da28{--box-background-color:var( --e-global-color-accent );--box-border-color:#02010100;--box-border-radius:14px;--header-color:#FFFFFFE6;--item-text-color:#FFFFFFD9;--item-text-hover-color:var( --e-global-color-3c3e6cd );--item-text-active-color:var( --e-global-color-3c3e6cd );--marker-color:#CDCDCD;}.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__header-title{text-align:start;}.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__header, .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__header-title{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__list-item{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-791 .elementor-element.elementor-element-79310a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-791 .elementor-element.elementor-element-85badab{font-size:18px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-791 .elementor-element.elementor-element-063b33d{padding:50px 0px 25px 0px;}.elementor-791 .elementor-element.elementor-element-063b33d .elementor-heading-title{font-weight:500;}.elementor-791 .elementor-element.elementor-element-220e398 .jet-listing-dynamic-repeater__items{flex-direction:column;}.elementor-791 .elementor-element.elementor-element-220e398 .jet-listing-dynamic-repeater__item > *{font-size:16px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF26;padding:30px 0px 30px 0px;}@media(max-width:767px){.elementor-791 .elementor-element.elementor-element-e1909af{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-791 .elementor-element.elementor-element-3b1da28{z-index:2;}.elementor-791 .elementor-element.elementor-element-831355c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-791 .elementor-element.elementor-element-220e398 .jet-listing-dynamic-repeater__item > *{font-size:16px;}}@media(min-width:768px){.elementor-791 .elementor-element.elementor-element-e1909af{--content-width:1280px;}.elementor-791 .elementor-element.elementor-element-831355c{--width:35%;}.elementor-791 .elementor-element.elementor-element-79310a0{--width:65%;}}/* Start custom CSS for table-of-contents, class: .elementor-element-3b1da28 */.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-widget-container{
  backdrop-filter: blur(2500px)!important;
}

@media only screen and (max-width: 768px) {
  .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-widget-container{
    background: linear-gradient(300deg, rgba(24,35,57,0.8) 9%, rgba(90,71,251,0.4009804605435925) 43%, rgba(24,35,57,0.8) 86%);
    backdrop-filter: blur(2500px)!important;
  }
}


.elementor-791 .elementor-element.elementor-element-3b1da28 a{
    transition: .3s ease!important;
}

.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__header{
    border:0!important;
}


@media only screen and (min-width:768px){
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__toggle-button{
        display:none!important;
    }
}




@media only screen and (max-width:767px){
    #toc {
        display:none;
        position: fixed!important;
        bottom:2vh!important;
        top:unset!important;
        left:5%;
        right:5%;
        width:90%!important;
    }
    #toc .elementor-toc__list-items--collapsible{
    display: block!important;
    height:0 ;
    padding: 0 inherit;
    padding-top:0;
    padding-bottom:0;
}
    
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__body{
    overflow-y: scroll!important;
}
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__list-item-text-wrapper {
    
    justify-content: center;
    text-align:center!important;
}
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-item-active{
        color: #FFFFFFE6;
        text-decoration:underline;
        text-decoration-color:#5a47fb;
        text-decoration-thickness: 2px!important;
    text-decoration-style: wavy!important;
    }
    .elementor-791 .elementor-element.elementor-element-3b1da28 a:hover{
        color:#FFFFFFE6;
        text-decoration:underline;
        text-decoration-color:#5a47fb;
        text-decoration-thickness: 2px!important;
    text-decoration-style: wavy!important;
    }
}

.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__toggle-button {
    fill: #FFFFFFE6!important;
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-3b1da28 */.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-widget-container{
  backdrop-filter: blur(2500px)!important;
}

@media only screen and (max-width: 768px) {
  .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-widget-container{
    background: linear-gradient(300deg, rgba(24,35,57,0.8) 9%, rgba(90,71,251,0.4009804605435925) 43%, rgba(24,35,57,0.8) 86%);
    backdrop-filter: blur(2500px)!important;
  }
}


.elementor-791 .elementor-element.elementor-element-3b1da28 a{
    transition: .3s ease!important;
}

.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__header{
    border:0!important;
}


@media only screen and (min-width:768px){
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__toggle-button{
        display:none!important;
    }
}




@media only screen and (max-width:767px){
    #toc {
        display:none;
        position: fixed!important;
        bottom:2vh!important;
        top:unset!important;
        left:5%;
        right:5%;
        width:90%!important;
    }
    #toc .elementor-toc__list-items--collapsible{
    display: block!important;
    height:0 ;
    padding: 0 inherit;
    padding-top:0;
    padding-bottom:0;
}
    
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__body{
    overflow-y: scroll!important;
}
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__list-item-text-wrapper {
    
    justify-content: center;
    text-align:center!important;
}
    .elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-item-active{
        color: #FFFFFFE6;
        text-decoration:underline;
        text-decoration-color:#5a47fb;
        text-decoration-thickness: 2px!important;
    text-decoration-style: wavy!important;
    }
    .elementor-791 .elementor-element.elementor-element-3b1da28 a:hover{
        color:#FFFFFFE6;
        text-decoration:underline;
        text-decoration-color:#5a47fb;
        text-decoration-thickness: 2px!important;
    text-decoration-style: wavy!important;
    }
}

.elementor-791 .elementor-element.elementor-element-3b1da28 .elementor-toc__toggle-button {
    fill: #FFFFFFE6!important;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-85badab *//* Tokens */
.elementor-791 .elementor-element.elementor-element-85badab{
  --ink-1:#0F172A;                      /* strong text */
  --ink-2:#334155;                      /* body text */
  --muted:#64748B;                      /* meta/help */
  --surface:#FFFFFF;                    /* neutral card */
  --surface-soft:#F8FAFC;               /* subtle card */
  --hairline:rgba(2,6,23,.08);
  --shadow:0 10px 30px rgba(2,6,23,.06);

  --aurora-1:#DBEAFE;
  --aurora-2:#F3E8FF;
  --aurora-3:#E0F2FE;
  --aurora-grad:linear-gradient(90deg,var(--aurora-2),var(--aurora-1),var(--aurora-3));
  --aurora-grad-vert:linear-gradient(180deg,var(--aurora-2),var(--aurora-1),var(--aurora-3));

  /* Aurora-tinted shadows */
  --shadow-aurora-soft:
    0 8px 24px color-mix(in oklab, var(--aurora-1) 18%, transparent),
    0 1px 0 rgba(255,255,255,.45) inset;
  --shadow-aurora:
    0 12px 30px color-mix(in oklab, var(--aurora-2) 16%, transparent),
    0 28px 60px color-mix(in oklab, var(--aurora-3) 12%, transparent);
}

/* Glass + Aurora background (CSS-only, no extra markup) */
.elementor-791 .elementor-element.elementor-element-85badab{
  position:relative;
  isolation:isolate;
  border-radius:18px;
  padding:clamp(20px,3.2vw,36px);
  background:rgba(255,255,255,.58);
  border:1px solid var(--hairline);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  box-shadow:0 10px 40px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.6); /* fallback */
  box-shadow:var(--shadow-aurora), inset 0 1px 0 rgba(255,255,255,.6);
}
.elementor-791 .elementor-element.elementor-element-85badab::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12% -10% -15% -10%;
  background:
    radial-gradient(1000px 520px at 12% 8%,  color-mix(in oklab, var(--aurora-2) 28%, transparent) 0%, transparent 70%),
    radial-gradient(960px 520px  at 88% 14%, color-mix(in oklab, var(--aurora-1) 28%, transparent) 0%, transparent 72%),
    radial-gradient(1080px 560px at 50% 100%, color-mix(in oklab, var(--aurora-3) 26%, transparent) 0%, transparent 70%);
  filter:blur(48px) saturate(115%);
  opacity:.35;
  border-radius:inherit;
  pointer-events:none;
  animation:sa-aurora-drift 32s ease-in-out infinite alternate;
}
.elementor-791 .elementor-element.elementor-element-85badab::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  opacity:.035;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.9'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  pointer-events:none;
}
@keyframes sa-aurora-drift{
  0%   { transform:translate3d(-4%, -2%, 0) rotate(0.001deg); }
  50%  { transform:translate3d(3%, 1%, 0)   rotate(0.001deg); }
  100% { transform:translate3d(-2%, 4%, 0)  rotate(0.001deg); }
}
@media (prefers-reduced-motion:reduce){
  .elementor-791 .elementor-element.elementor-element-85badab::before{ animation:none; }
}
@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
  .elementor-791 .elementor-element.elementor-element-85badab{ background:#ffffff; }
}

/* Reset heavy legacy styles */
.elementor-791 .elementor-element.elementor-element-85badab .entry-content,
.elementor-791 .elementor-element.elementor-element-85badab .post-card,
.elementor-791 .elementor-element.elementor-element-85badab .entry-wrap{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* Layout rhythm */
.elementor-791 .elementor-element.elementor-element-85badab .container,
.elementor-791 .elementor-element.elementor-element-85badab article{
  max-width:820px;
  margin-inline:auto;
}

/* ------------------------------------------------------------------
   TYPOGRAPHY
------------------------------------------------------------------- */
.elementor-791 .elementor-element.elementor-element-85badab h1,
.elementor-791 .elementor-element.elementor-element-85badab h2,
.elementor-791 .elementor-element.elementor-element-85badab h3{
  font-family:"Poppins",system-ui,Arial,sans-serif;
  color:var(--ink-1);
  letter-spacing:-.01em;
  margin:48px 0 16px;
}

/* H1: solid ink + aurora underline */
.elementor-791 .elementor-element.elementor-element-85badab h1{
  font-weight:800;
  font-size:clamp(34px,5vw,46px);
  line-height:1.12;
  padding-bottom:.4rem;
  background-image:var(--aurora-grad);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100% 3px;
}

/* H2: strong, with thinner underline */
.elementor-791 .elementor-element.elementor-element-85badab h2{
  font-weight:800;
  font-size:clamp(28px,4.2vw,38px);
  line-height:1.18;
  padding-bottom:.35rem;
  background-image:var(--aurora-grad);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100% 2px;
}

/* H3: subtle left marker */
.elementor-791 .elementor-element.elementor-element-85badab h3{
  font-weight:700;
  font-size:clamp(20px,2.5vw,24px);
  line-height:1.3;
  padding-left:12px;
  border-left:3px solid #C7D2FE;
}

.elementor-791 .elementor-element.elementor-element-85badab p,
.elementor-791 .elementor-element.elementor-element-85badab li{
  color:var(--ink-2);
  font-size:1.05rem;
  line-height:1.72;
}

.elementor-791 .elementor-element.elementor-element-85badab small,
.elementor-791 .elementor-element.elementor-element-85badab .post-meta{color:var(--muted);}

/* Links */
.elementor-791 .elementor-element.elementor-element-85badab a{
  color:var(--ink-1);
  text-decoration:none;
  background:
    linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat,
    var(--aurora-grad) 0 100%/100% 1px no-repeat;
  transition:background-size .22s ease;
}
.elementor-791 .elementor-element.elementor-element-85badab a:hover{background-size:100% 1px,0 1px;}

/* ------------------------------------------------------------------
   CODE
------------------------------------------------------------------- */
.elementor-791 .elementor-element.elementor-element-85badab pre,
.elementor-791 .elementor-element.elementor-element-85badab pre code{
  font-family:"Fira Code","JetBrains Mono",monospace;
  font-size:14.5px;
  line-height:1.65;
  color:var(--ink-1);
  background:var(--surface-soft);
  border:1px solid var(--hairline);
  border-radius:12px;
  padding:18px 22px 18px 26px;
  box-shadow:0 8px 24px rgba(2,6,23,.06);
  box-shadow:var(--shadow-aurora-soft);
  overflow:auto;
  tab-size:2;
}
.elementor-791 .elementor-element.elementor-element-85badab pre{position:relative;}
.elementor-791 .elementor-element.elementor-element-85badab pre::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  border-radius:12px 0 0 12px;
  background:var(--aurora-grad-vert);
}
.elementor-791 .elementor-element.elementor-element-85badab p code,
.elementor-791 .elementor-element.elementor-element-85badab li code{
  background:#F1F5F9;
  border:1px solid #E5E7EB;
  color:#0F172A;
  padding:2px 6px;
  border-radius:6px;
  font-size:.95em;
}

/* Gutenberg code block: de-uglyfy (no inner bubble) */
.elementor-791 .elementor-element.elementor-element-85badab pre.wp-block-code{
  background:var(--surface-soft) !important;
  border:1px solid var(--hairline) !important;
  border-radius:12px !important;
  padding:16px 18px !important;
  box-shadow:var(--shadow-aurora-soft) !important;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.elementor-791 .elementor-element.elementor-element-85badab pre.wp-block-code::before{ content:none !important; }
.elementor-791 .elementor-element.elementor-element-85badab pre.wp-block-code code{
  display:block;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  color:var(--ink-1) !important;
  font-family:"Fira Code","JetBrains Mono",monospace !important;
  font-size:14.5px !important;
  line-height:1.65 !important;
  white-space:pre;
  word-break:normal;
  overflow-wrap:normal;
}

/* ------------------------------------------------------------------
   BLOCKQUOTE
------------------------------------------------------------------- */
.elementor-791 .elementor-element.elementor-element-85badab blockquote{
  margin:32px 0;
  padding:18px 22px;
  background:rgba(255,255,255,.85);
  border:1px solid var(--hairline);
  border-left:4px solid #C7D2FE;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(2,6,23,.06);
  box-shadow:var(--shadow-aurora-soft);
  color:var(--ink-1);
}
.elementor-791 .elementor-element.elementor-element-85badab blockquote p:last-child{margin-bottom:0;}

/* ------------------------------------------------------------------
   FIGURES
------------------------------------------------------------------- */
.elementor-791 .elementor-element.elementor-element-85badab figure{margin:36px 0;text-align:center;}
.elementor-791 .elementor-element.elementor-element-85badab figure img{
  display:block;
  max-width:100%;
  margin:0 auto;
  border-radius:14px;
  border:1px solid var(--hairline);
  box-shadow:0 8px 24px rgba(2,6,23,.08);
  box-shadow:var(--shadow-aurora-soft);
}
.elementor-791 .elementor-element.elementor-element-85badab figure figcaption{
  margin-top:10px;
  font-size:14px;
  color:var(--muted);
  font-style:italic;
}

/* Lists & dividers */
.elementor-791 .elementor-element.elementor-element-85badab ul li::marker{color:#A5B4FC;}
.elementor-791 .elementor-element.elementor-element-85badab ol li::marker{color:#60A5FA;}
.elementor-791 .elementor-element.elementor-element-85badab hr{
  border:none;height:1px;margin:48px 0;
  background:var(--aurora-grad);
  opacity:.5;
}

/* ------------------------------------------------------------------
   GUTENBERG: TABLE (full-width + black-ish text/borders)
------------------------------------------------------------------- */
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table{width:100%;}
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table table.has-fixed-layout{
  width:100%;
  table-layout:fixed;                    /* fill the container regardless of columns */
  background:transparent;
  border:1px solid var(--ink-1);
  border-radius:8px;
  overflow:hidden;
}
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table th,
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table td{
  color:var(--ink-1) !important;
  padding:10px 12px;
  border-top:1px solid var(--ink-1);
  overflow-wrap:anywhere;
}
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table tr > *:not(:first-child){
  border-left:1px solid var(--ink-1);
}
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table thead th{
  font-weight:700;
  background:var(--surface-soft);
}

/* Aurora line under the first row (header) */
.elementor-791 .elementor-element.elementor-element-85badab figure.wp-block-table thead th{
  border-bottom:2px solid transparent !important;
  border-image:linear-gradient(90deg,#dbeafe,#f3e8ff,#e0f2fe) 1 !important;
  border-image-slice:1 !important;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-repeater, class: .elementor-element-220e398 *//* Base styles for the container, title, and tag-for elements */
.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; /* Set container width to 90% of its parent */
    margin: 0 auto; /* Center the container */
}

.title {
    /* Styles for title */
    flex: 0 0 65%; /* Allocate 65% of the container's width to title */
    max-width: 65%; /* Ensure title does not exceed 65% of container's width */
}

.tag-for {
    display: flex;
    gap: 50px; /* Set gap between tag and for to 50px */
    padding: 15px; /* Adjust padding */
    flex: 0 0 35%; /* Allocate 35% of the container's width to tag-for */
    max-width: 35%; /* Ensure tag-for does not exceed 35% of container's width */
    color: black;
}

/* Styles for .tag and .for */
.tag, .for {
    background-color: hsl(240, 6%, 83%); /* Gray-300 for background color */
    padding-top: 0.125rem; /* Tiny padding top */
    padding-right: 0.5rem; /* Xsmall padding right */
    padding-bottom: 0.125rem; /* Tiny padding bottom */
    padding-left: 0.5rem; /* Xsmall padding left */
    border-radius: 0.5rem; /* Xsmall border radius */
    font-weight: 600; /* Semibold font weight */
    text-transform: uppercase;
    font-size: 0.75rem; /* Tiny text size */
}

/* Hover styles for .tag and .for based on container class */
.container.hover-green .tag {
    background-color: #4ac666; /* Green for 'new' */
    color:white;
}
.container.hover-purple .tag {
    background-color: hsl(255, 100%, 67%); /* Purple for 'improve' */
        color:white;
}
.container.hover-red .tag {
    background-color: #e21b44; /* Red for 'fix' */
        color:white;
}

.container.hover-blue .for {
    background-color: #007bff; /* Blue for 'plugin' */
        color:white;
}
.container.hover-grey .for {
    background-color: #adb5bd; /* Grey for 'cloud' */
        color:white;
}
.container.hover-green .for {
    background-color: #28a745; /* Green for 'gpt' */
        color:white;
}

/* Media query for mobile devices */
@media (max-width: 600px) {
    .container {
        flex-wrap: wrap; /* Allow items to wrap if needed */
    }

    .title, .tag-for {
        width: 100%; /* Full width on mobile */
    }

    .tag-for {
        gap: 15px; /* Set gap to 15px for mobile devices */
    }
}/* End custom CSS */