.tmp-hero-badge-block{
  width:100%;
}

.tmp-hero-badge-block{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-bg:#F7FAFC;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;
  --tmp-border:rgba(18,60,105,.14);
}

/* Hero Badge Section */
.tmp-hero-badge-block .tmp-template-hero-intro{
  width:100%;
  padding:46px 20px 18px;
  text-align:center;
  background:
    radial-gradient(circle at 12% 22%, rgba(230,57,70,.15), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(0,168,150,.18), transparent 30%),
    radial-gradient(circle at 48% 95%, rgba(247,127,0,.14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #F3FAFF 48%, #F5FFFC 100%);
  position:relative;
  overflow:hidden;
}

.tmp-hero-badge-block .tmp-template-hero-intro::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,
    var(--tmp-red) 0%,
    var(--tmp-orange) 25%,
    var(--tmp-blue) 55%,
    var(--tmp-green) 100%
  );
}

.tmp-hero-badge-block .tmp-template-hero-intro::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-120px;
  bottom:-150px;
  border-radius:50%;
  background:rgba(0,119,182,.08);
}

/* Badge Row */
.tmp-hero-badge-block .tmp-template-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  position:relative;
  z-index:2;
}

/* Badge Style */
.tmp-hero-badge-block .tmp-template-badges span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#ffffff;
  box-shadow:0 6px 18px rgba(18,60,105,.08);
}

/* Individual Badge Colors */
.tmp-hero-badge-block .tmp-template-badges span:nth-child(1){
  color:var(--tmp-deep-red);
  border:1px solid rgba(230,57,70,.24);
}

.tmp-hero-badge-block .tmp-template-badges span:nth-child(2){
  color:var(--tmp-deep-blue);
  border:1px solid rgba(0,119,182,.24);
}

.tmp-hero-badge-block .tmp-template-badges span:nth-child(3){
  color:var(--tmp-deep-green);
  border:1px solid rgba(0,168,150,.24);
}

@media (max-width:767px){
  .tmp-hero-badge-block .tmp-template-hero-intro{
    padding:34px 14px 16px;
  }

  .tmp-hero-badge-block .tmp-template-badges{
    gap:8px;
  }

  .tmp-hero-badge-block .tmp-template-badges span{
    font-size:11px;
    padding:7px 11px;
  }
}



:root{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-bg:#F7FAFC;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;
  --tmp-border:rgba(18,60,105,.14);
}

/* Keep this style-loader from creating layout spacing */
.tmp-post-title-style-loader{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Main Divi Post Title Module Wrapper */
.tmp-dynamic-post-title{
  padding:18px 20px 46px !important;
  background:
    radial-gradient(circle at 12% 22%, rgba(230,57,70,.15), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(0,168,150,.18), transparent 30%),
    radial-gradient(circle at 48% 95%, rgba(247,127,0,.14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #F3FAFF 48%, #F5FFFC 100%);
  border-bottom:1px solid var(--tmp-border);
  text-align:center;
}

/* Inner wrapper */
.tmp-dynamic-post-title .et_pb_title_container{
  max-width:980px;
  margin:0 auto;
}

/* Post Title */
.tmp-dynamic-post-title .entry-title,
.tmp-dynamic-post-title h1.entry-title,
.tmp-dynamic-post-title .et_pb_title_container h1{
  max-width:980px;
  margin:0 auto 22px !important;
  padding:0 !important;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size:clamp(34px, 4vw, 58px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  color:var(--tmp-deep-blue) !important;
}

/* Meta container */
.tmp-dynamic-post-title .et_pb_title_meta_container,
.tmp-dynamic-post-title .post-meta,
.tmp-dynamic-post-title p.post-meta{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:18px auto 0 !important;
  padding:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:1 !important;
}

/* Reset nested links inside meta items */
.tmp-dynamic-post-title .post-meta span a,
.tmp-dynamic-post-title .et_pb_title_meta_container span a{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  text-decoration:none !important;
  transform:none !important;
}

/* Style only top-level meta pieces as pills */
.tmp-dynamic-post-title .post-meta > span,
.tmp-dynamic-post-title .post-meta > a,
.tmp-dynamic-post-title .et_pb_title_meta_container > span,
.tmp-dynamic-post-title .et_pb_title_meta_container > a,
.tmp-dynamic-post-title .published{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 14px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(18,60,105,.14);
  box-shadow:0 6px 18px rgba(18,60,105,.07);
  color:var(--tmp-deep-blue) !important;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}

/* Dot before each meta pill */
.tmp-dynamic-post-title .post-meta > span::before,
.tmp-dynamic-post-title .post-meta > a::before,
.tmp-dynamic-post-title .et_pb_title_meta_container > span::before,
.tmp-dynamic-post-title .et_pb_title_meta_container > a::before,
.tmp-dynamic-post-title .published::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--tmp-orange);
  flex:0 0 auto;
}

/* Category pill */
.tmp-dynamic-post-title .post-meta > a[rel="category tag"],
.tmp-dynamic-post-title .et_pb_title_meta_container > a[rel="category tag"]{
  color:var(--tmp-deep-red) !important;
  border-color:rgba(230,57,70,.24);
  background:rgba(230,57,70,.08);
}

.tmp-dynamic-post-title .post-meta > a[rel="category tag"]::before,
.tmp-dynamic-post-title .et_pb_title_meta_container > a[rel="category tag"]::before{
  background:var(--tmp-red);
}

/* Date pill */
.tmp-dynamic-post-title .published{
  color:var(--tmp-deep-blue) !important;
  border-color:rgba(0,119,182,.20);
  background:#ffffff;
}

/* Hide author and comment count */
.tmp-dynamic-post-title .author,
.tmp-dynamic-post-title .comments-number{
  display:none !important;
}

/* Featured image if enabled */
.tmp-dynamic-post-title .et_pb_title_featured_container{
  max-width:980px;
  margin:28px auto 0;
}

.tmp-dynamic-post-title .et_pb_title_featured_container img,
.tmp-dynamic-post-title img{
  width:100%;
  max-width:980px;
  border-radius:26px;
  box-shadow:0 18px 42px rgba(18,60,105,.16);
}

/* Mobile */
@media (max-width:767px){
  .tmp-dynamic-post-title{
    padding:16px 16px 34px !important;
  }

  .tmp-dynamic-post-title .entry-title,
  .tmp-dynamic-post-title h1.entry-title,
  .tmp-dynamic-post-title .et_pb_title_container h1{
    font-size:clamp(30px, 9vw, 42px) !important;
    letter-spacing:-.03em !important;
  }

  .tmp-dynamic-post-title .et_pb_title_meta_container,
  .tmp-dynamic-post-title .post-meta{
    gap:8px;
  }

  .tmp-dynamic-post-title .post-meta > span,
  .tmp-dynamic-post-title .post-meta > a,
  .tmp-dynamic-post-title .et_pb_title_meta_container > span,
  .tmp-dynamic-post-title .et_pb_title_meta_container > a,
  .tmp-dynamic-post-title .published{
    font-size:12px !important;
    padding:7px 11px;
  }

  .tmp-dynamic-post-title .et_pb_title_featured_container img,
  .tmp-dynamic-post-title img{
    border-radius:18px;
  }
}



:root{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-bg:#F7FAFC;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;
  --tmp-border:rgba(18,60,105,.14);
}

/* Hide style-loader so it creates no Divi spacing */
.tmp-post-content-style-loader{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Main content card */
.tmp-dynamic-post-content{
  background:#ffffff;
  border:1px solid rgba(18,60,105,.12);
  border-radius:28px;
  box-shadow:0 16px 36px rgba(18,60,105,.08);
  padding:34px;
  overflow:hidden;
}

/* Article typography */
.tmp-dynamic-post-content,
.tmp-dynamic-post-content .et_pb_post_content,
.tmp-dynamic-post-content .entry-content{
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--tmp-text);
  font-size:17px;
  line-height:1.85;
}

.tmp-dynamic-post-content p{
  margin-bottom:18px;
}

/* Remove unwanted extra space from first content item */
.tmp-dynamic-post-content > *:first-child,
.tmp-dynamic-post-content .et_pb_post_content > *:first-child,
.tmp-dynamic-post-content .entry-content > *:first-child{
  margin-top:0 !important;
}

/* H2 headings */
.tmp-dynamic-post-content h2{
  margin-top:42px;
  margin-bottom:16px;
  padding-bottom:10px;
  font-size:clamp(26px, 2vw, 36px);
  line-height:1.22;
  font-weight:900;
  color:var(--tmp-deep-blue);
  border-bottom:3px solid rgba(0,119,182,.16);
  position:relative;
}

.tmp-dynamic-post-content h2::after{
  content:"";
  display:block;
  width:92px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--tmp-red), var(--tmp-orange), var(--tmp-green));
  position:absolute;
  left:0;
  bottom:-3px;
}

/* H3 headings */
.tmp-dynamic-post-content h3{
  margin-top:30px;
  margin-bottom:12px;
  font-size:clamp(21px, 1.4vw, 28px);
  line-height:1.28;
  font-weight:850;
  color:var(--tmp-deep-green);
}

/* Links */
/* Article links, excluding TechChampion TOC */
.tmp-dynamic-post-content a{
  color:var(--tmp-blue);
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(0,119,182,.28);
}

.tmp-dynamic-post-content a:hover{
  color:var(--tmp-red);
  border-bottom-color:rgba(230,57,70,.4);
}

/* Remove article link styling inside TOC */
.tmp-dynamic-post-content .techchamp-toc a,
.tmp-dynamic-post-content .techchamp-toc a:hover{
  border-bottom:none !important;
}

/* Images */
.tmp-dynamic-post-content img{
  max-width:100%;
  height:auto;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(18,60,105,.12);
}

/* Gutenberg image wrapper */
.tmp-dynamic-post-content figure.wp-block-image{
  margin:28px 0;
}

.tmp-dynamic-post-content figure.wp-block-image figcaption{
  margin-top:10px;
  color:var(--tmp-muted);
  font-size:14px;
  line-height:1.55;
  text-align:center;
}

/* Blockquotes */
.tmp-dynamic-post-content blockquote{
  margin:28px 0;
  padding:22px 24px;
  border-left:6px solid var(--tmp-orange);
  background:linear-gradient(135deg, rgba(247,127,0,.09), rgba(0,119,182,.06));
  border-radius:0 18px 18px 0;
  color:var(--tmp-deep-blue);
  font-weight:700;
}

/* Tables */
.tmp-dynamic-post-content table{
  width:100%;
  border-collapse:collapse;
  margin:26px 0;
  overflow:hidden;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(18,60,105,.08);
}

.tmp-dynamic-post-content th{
  background:linear-gradient(90deg, var(--tmp-deep-blue), var(--tmp-blue));
  color:#ffffff;
  padding:14px;
  font-weight:900;
  text-align:left;
}

.tmp-dynamic-post-content td{
  padding:13px 14px;
  border-bottom:1px solid rgba(18,60,105,.10);
}

.tmp-dynamic-post-content tr:nth-child(even) td{
  background:#F7FAFC;
}

/* Horizontal scroll for wide tables */
.tmp-dynamic-post-content .wp-block-table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Code blocks */
.tmp-dynamic-post-content pre{
  background:#101827;
  color:#EAFBFF;
  padding:20px;
  border-radius:18px;
  overflow-x:auto;
  border-top:5px solid var(--tmp-orange);
  box-shadow:0 12px 28px rgba(16,24,39,.18);
}

/* Inline code */
.tmp-dynamic-post-content :not(pre) > code{
  background:rgba(0,119,182,.08);
  color:var(--tmp-deep-blue);
  padding:2px 6px;
  border-radius:6px;
  font-size:.92em;
  font-weight:700;
}

/* Useful callout boxes usable inside posts */
.tmp-dynamic-post-content .tmp-exam-tip,
.tmp-dynamic-post-content .tmp-exam-alert,
.tmp-dynamic-post-content .tmp-quiz-box,
.tmp-exam-tip,
.tmp-exam-alert,
.tmp-quiz-box{
  margin:28px 0;
  padding:22px 24px;
  border-radius:20px;
  border:1px solid var(--tmp-border);
  box-shadow:0 10px 26px rgba(18,60,105,.08);
}

.tmp-exam-tip{
  background:linear-gradient(135deg, rgba(0,168,150,.10), rgba(255,255,255,.96));
  border-left:6px solid var(--tmp-green);
}

.tmp-exam-alert{
  background:linear-gradient(135deg, rgba(230,57,70,.10), rgba(255,255,255,.96));
  border-left:6px solid var(--tmp-red);
}

.tmp-quiz-box{
  background:linear-gradient(135deg, rgba(0,119,182,.10), rgba(255,255,255,.96));
  border-left:6px solid var(--tmp-blue);
}

.tmp-exam-tip strong,
.tmp-exam-alert strong,
.tmp-quiz-box strong{
  color:var(--tmp-deep-blue);
}

/* Mobile */
@media (max-width:767px){
  .tmp-dynamic-post-content{
    padding:22px 18px;
    border-radius:22px;
  }

  .tmp-dynamic-post-content,
  .tmp-dynamic-post-content .et_pb_post_content,
  .tmp-dynamic-post-content .entry-content{
    font-size:16px;
    line-height:1.78;
  }

  .tmp-dynamic-post-content h2{
    font-size:26px;
  }

  .tmp-dynamic-post-content h3{
    font-size:22px;
  }

  .tmp-exam-tip,
  .tmp-exam-alert,
  .tmp-quiz-box{
    padding:18px;
  }

  .tmp-dynamic-post-content table{
    font-size:14px;
  }

  .tmp-dynamic-post-content th,
  .tmp-dynamic-post-content td{
    padding:11px 12px;
  }
}


/* =========================
   TECHCHAMP TOC FIX
   Prevent article link styles from affecting TOC links
========================= */

.tmp-dynamic-post-content .techchamp-toc,
.tmp-dynamic-post-content .techchamp-toc *{
  box-sizing:border-box;
}

/* Reset TOC links */
.tmp-dynamic-post-content .techchamp-toc a{
  border-bottom:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:inherit !important;
  font-weight:inherit !important;
}

/* Reset TOC links on hover */
.tmp-dynamic-post-content .techchamp-toc a:hover{
  border-bottom:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:var(--tmp-blue) !important;
}

/* Prevent article paragraph/list spacing from disturbing TOC */
.tmp-dynamic-post-content .techchamp-toc ol,
.tmp-dynamic-post-content .techchamp-toc ul{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.tmp-dynamic-post-content .techchamp-toc li{
  margin-bottom:0 !important;
}


/* Optional: prevent the main article H2 style from affecting TOC title */
.tmp-dynamic-post-content .techchamp-toc .toc-title::after{
  display:none !important;
}

/* Strong reset for TechChampion TOC title */
.tmp-dynamic-post-content .techchamp-toc .toc-title{
  margin:0 0 10px !important;
  padding:0 0 8px !important;
  border-bottom:1px solid rgba(18,60,105,.14) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--tmp-deep-blue) !important;
}

/* Remove article H2 decorative underline inside TOC */
.tmp-dynamic-post-content .techchamp-toc .toc-title::after{
  display:none !important;
  content:none !important;
}

/* ============================================================
   TECH CHAMPION - MATHJAX DISPLAY FORMULA STYLING
   ============================================================ */

/* Display MathJax expressions */
.tc-dynamic-post-content mjx-container[display="true"] {
    color: #003399 !important;
    margin: 28px 0 !important;
    padding: 18px 20px !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(0, 152, 121, 0.07), rgba(14, 165, 233, 0.06)) !important;
    border: 1px solid rgba(0, 152, 121, 0.14) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/* Keep inline MathJax normal and not boxed */
.tc-dynamic-post-content mjx-container:not([display="true"]) {
    color: #0a2540 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/* =========================
   TEST MASTER PREP
   Article Reading Progress Bar
   Dark blue-green contrast version
========================= */

.tmp-reading-progress-wrap{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:10px; /* increased from 5px */
  z-index:999999;
  background:rgba(15, 23, 42, .16);
  pointer-events:none;
  box-shadow:0 2px 8px rgba(15, 23, 42, .18);
}

.tmp-reading-progress-bar{
  width:0%;
  height:100%;
  background:linear-gradient(90deg,
    #021B3A 0%,     /* deep navy */
    #004E89 28%,    /* strong academic blue */
    #006D77 55%,    /* blue-green */
    #007F5F 78%,    /* dark green */
    #00B4D8 100%    /* bright contrast cyan */
  );
  box-shadow:
    0 0 10px rgba(0, 180, 216, .55),
    0 2px 12px rgba(0, 109, 119, .45);
  transition:width .08s linear;
}

/* Mobile */
@media (max-width:767px){
  .tmp-reading-progress-wrap{
    height:6px;
  }
}



/* =========================
   TEST MASTER PREP TOC THEME
   Recolors TechChampion TOC for TestMasterPrep
========================= */

.tmp-dynamic-post-content .techchamp-toc{
  --tmp-toc-red:#E63946;
  --tmp-toc-blue:#0077B6;
  --tmp-toc-deep-blue:#123C69;
  --tmp-toc-green:#00A896;
  --tmp-toc-orange:#F77F00;
  --tmp-toc-bg:#F4FBFF;
  --tmp-toc-soft-green:#F2FFFB;
  --tmp-toc-text:#1A202C;
  --tmp-toc-muted:#5B677A;

  margin:28px 0 34px;
  padding:18px 20px 20px;
  border-radius:20px;
  border:1px solid rgba(0,119,182,.18);
  border-left:6px solid var(--tmp-toc-blue);
  background:
    radial-gradient(circle at 12% 15%, rgba(230,57,70,.10), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(0,168,150,.14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, var(--tmp-toc-bg) 52%, var(--tmp-toc-soft-green) 100%);
  box-shadow:0 12px 28px rgba(18,60,105,.08);
  color:var(--tmp-toc-text);
}

/* TOC title */
.tmp-dynamic-post-content .techchamp-toc .toc-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px !important;
  padding:0 0 10px !important;
  border-bottom:1px solid rgba(18,60,105,.14) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--tmp-toc-deep-blue) !important;
}

/* Small icon before title */
.tmp-dynamic-post-content .techchamp-toc .toc-title::before{
  content:"☰";
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:linear-gradient(135deg, var(--tmp-toc-red), var(--tmp-toc-orange));
  color:#ffffff;
  font-size:12px;
  font-weight:900;
}

/* Remove article H2 underline from TOC title */
.tmp-dynamic-post-content .techchamp-toc .toc-title::after{
  display:none !important;
  content:none !important;
}

/* Main ordered list */
.tmp-dynamic-post-content .techchamp-toc .toc-list{
  margin:0 !important;
  padding-left:22px !important;
  color:var(--tmp-toc-deep-blue);
}

/* List items */
.tmp-dynamic-post-content .techchamp-toc .toc-item{
  margin:7px 0 !important;
  padding:0 !important;
  color:var(--tmp-toc-deep-blue);
}

/* TOC links */
.tmp-dynamic-post-content .techchamp-toc a{
  display:inline !important;
  border-bottom:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:var(--tmp-toc-deep-blue) !important;
  font-weight:850 !important;
  line-height:1.45 !important;
  transition:color .2s ease, background .2s ease;
}

/* TOC link hover */
.tmp-dynamic-post-content .techchamp-toc a:hover{
  color:var(--tmp-toc-red) !important;
  border-bottom:none !important;
  text-decoration:none !important;
}

/* Nested list */
.tmp-dynamic-post-content .techchamp-toc ul{
  margin:6px 0 6px 14px !important;
  padding-left:14px !important;
  border-left:1px dashed rgba(18,60,105,.16);
}

/* Nested bullet items */
.tmp-dynamic-post-content .techchamp-toc .toc-level-3{
  margin:5px 0 !important;
  color:var(--tmp-toc-muted);
}

/* Nested links */
.tmp-dynamic-post-content .techchamp-toc .toc-level-3 a{
  color:#334155 !important;
  font-size:14px;
  font-weight:800 !important;
}

/* Nested links hover */
.tmp-dynamic-post-content .techchamp-toc .toc-level-3 a:hover{
  color:var(--tmp-toc-green) !important;
}

/* Optional: make top-level items slightly stronger */
.tmp-dynamic-post-content .techchamp-toc .toc-level-2 > a{
  color:var(--tmp-toc-deep-blue) !important;
  font-weight:900 !important;
}

/* Mobile */
@media (max-width:767px){
  .tmp-dynamic-post-content .techchamp-toc{
    padding:16px;
    border-radius:18px;
  }

  .tmp-dynamic-post-content .techchamp-toc .toc-list{
    padding-left:18px !important;
  }

  .tmp-dynamic-post-content .techchamp-toc .toc-title{
    font-size:13px !important;
  }

  .tmp-dynamic-post-content .techchamp-toc .toc-level-3 a{
    font-size:13px;
  }
}
  


.tmp-social-share-block{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;

  width:100%;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin:34px 0;
}

.tmp-social-share-card{
  background:
    radial-gradient(circle at 10% 10%, rgba(230,57,70,.10), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(0,168,150,.13), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #F4FBFF 54%, #F3FFFC 100%);
  border:1px solid rgba(18,60,105,.14);
  border-radius:26px;
  box-shadow:0 14px 34px rgba(18,60,105,.09);
  padding:24px;
  position:relative;
  overflow:hidden;
}

.tmp-social-share-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,
    var(--tmp-red),
    var(--tmp-orange),
    var(--tmp-blue),
    var(--tmp-green)
  );
}

.tmp-social-share-heading{
  text-align:center;
  margin-bottom:18px;
  position:relative;
  z-index:2;
}

.tmp-social-share-heading span{
  display:inline-flex;
  padding:7px 13px;
  margin-bottom:10px;
  border-radius:999px;
  background:#ffffff;
  color:var(--tmp-deep-red);
  border:1px solid rgba(230,57,70,.20);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  box-shadow:0 6px 16px rgba(18,60,105,.07);
}

.tmp-social-share-heading h3{
  margin:0;
  color:var(--tmp-deep-blue);
  font-size:clamp(22px, 2vw, 30px);
  line-height:1.2;
  font-weight:900;
}

.tmp-social-share-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  position:relative;
  z-index:2;
}

.tmp-share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  color:#ffffff !important;
  border:none;
  text-decoration:none !important;
  font-size:14px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:all .22s ease;
  box-shadow:0 8px 18px rgba(18,60,105,.12);
}

.tmp-share-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(18,60,105,.18);
}

.tmp-share-icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#ffffff;
  font-size:13px;
  font-weight:900;
}

.tmp-share-facebook{ background:#1877F2; }
.tmp-share-linkedin{ background:#0A66C2; }
.tmp-share-x{ background:#111827; }
.tmp-share-whatsapp{ background:#128C7E; }
.tmp-share-copy{ background:linear-gradient(90deg, var(--tmp-deep-blue), var(--tmp-green)); }

.tmp-copy-status{
  margin:14px 0 0;
  text-align:center;
  color:var(--tmp-deep-green);
  font-size:13px;
  font-weight:800;
  min-height:18px;
}

@media (max-width:767px){
  .tmp-social-share-card{
    padding:22px 16px;
    border-radius:22px;
  }

  .tmp-social-share-buttons{
    gap:8px;
  }

  .tmp-share-btn{
    font-size:13px;
    padding:9px 12px;
    min-height:40px;
  }
}



.tmp-sidebar-block{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-bg:#F7FAFC;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;
  --tmp-border:rgba(18,60,105,.14);

  width:100%;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-sizing:border-box;
}

.tmp-sidebar-block *,
.tmp-sidebar-block *::before,
.tmp-sidebar-block *::after{
  box-sizing:border-box;
}

/* Sidebar wrapper */
.tmp-sidebar-block .tmp-post-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
  position:sticky;
  top:24px;
  align-self:flex-start;
}

/* Sidebar card */
.tmp-sidebar-block .tmp-sidebar-card{
  background:#ffffff;
  border:1px solid rgba(18,60,105,.12);
  border-radius:24px;
  box-shadow:0 14px 30px rgba(18,60,105,.08);
  padding:22px 22px 22px 24px;
  overflow:hidden;
  position:relative;
}

/* Color stripe */
.tmp-sidebar-block .tmp-sidebar-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,
    var(--tmp-red),
    var(--tmp-orange),
    var(--tmp-green)
  );
  z-index:1;
}

/* Keep card content above stripe */
.tmp-sidebar-block .tmp-sidebar-card > *{
  position:relative;
  z-index:2;
}

/* Card headings */
.tmp-sidebar-block .tmp-sidebar-card h3{
  margin:0 0 10px;
  color:var(--tmp-deep-blue);
  font-size:19px;
  line-height:1.25;
  font-weight:900;
}

/* Card paragraph */
.tmp-sidebar-block .tmp-sidebar-card p{
  margin:0 0 16px;
  color:var(--tmp-muted);
  font-size:14px;
  line-height:1.65;
}

/* Main card buttons */
.tmp-sidebar-block .tmp-sidebar-card > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  color:#ffffff !important;
  background:var(--tmp-blue);
  border:none;
  font-size:14px;
  font-weight:850;
  text-decoration:none !important;
  transition:all .22s ease;
}

.tmp-sidebar-block .tmp-sidebar-card > a:hover{
  background:var(--tmp-red);
  transform:translateY(-2px);
}

/* Quiz card button */
.tmp-sidebar-block .tmp-sidebar-quiz > a{
  background:linear-gradient(90deg, var(--tmp-blue), var(--tmp-green));
}

.tmp-sidebar-block .tmp-sidebar-quiz > a:hover{
  background:linear-gradient(90deg, var(--tmp-red), var(--tmp-orange));
}

/* Quiz icon */
.tmp-sidebar-block .tmp-sidebar-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  margin-bottom:14px;
  background:linear-gradient(135deg, var(--tmp-green), var(--tmp-blue));
  color:#ffffff;
  font-weight:900;
  box-shadow:0 8px 20px rgba(0,119,182,.18);
}

/* Link list */
.tmp-sidebar-block .tmp-sidebar-link-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.tmp-sidebar-block .tmp-sidebar-link-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:14px;
  background:#F7FAFC;
  border:1px solid rgba(18,60,105,.10);
  color:var(--tmp-deep-blue) !important;
  font-size:14px;
  font-weight:800;
  text-decoration:none !important;
  transition:all .22s ease;
}

.tmp-sidebar-block .tmp-sidebar-link-list a::after{
  content:"›";
  color:var(--tmp-orange);
  font-size:18px;
  font-weight:900;
}

.tmp-sidebar-block .tmp-sidebar-link-list a:hover{
  background:rgba(0,119,182,.08);
  transform:translateX(3px);
}

/* Special quiz card */
.tmp-sidebar-block .tmp-sidebar-quiz{
  background:
    radial-gradient(circle at 88% 12%, rgba(0,168,150,.16), transparent 30%),
    #ffffff;
}

/* Special alert card */
.tmp-sidebar-block .tmp-sidebar-alert{
  background:
    radial-gradient(circle at 85% 12%, rgba(230,57,70,.13), transparent 30%),
    #ffffff;
}

/* Tablet */
@media (max-width:980px){
  .tmp-sidebar-block .tmp-post-sidebar{
    position:static;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width:767px){
  .tmp-sidebar-block .tmp-post-sidebar{
    grid-template-columns:1fr;
  }

  .tmp-sidebar-block .tmp-sidebar-card{
    border-radius:20px;
    padding:20px 20px 20px 22px;
  }
}



.tmp-sidebar-recent-style-loader{
  display:none !important;
}

:root{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-orange:#F77F00;
  --tmp-muted:#5B677A;
}

/* Recent posts sidebar module wrapper */
.tmp-sidebar-recent-posts{
  background:#ffffff;
  border:1px solid rgba(18,60,105,.12);
  border-radius:24px;
  box-shadow:0 14px 30px rgba(18,60,105,.08);
  padding:22px;
  overflow:hidden;
  position:relative;
}

/* Left colorful stripe */
.tmp-sidebar-recent-posts::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,
    var(--tmp-blue),
    var(--tmp-green),
    var(--tmp-orange)
  );
}

/* Module title */
.tmp-sidebar-recent-posts .et_pb_module_header,
.tmp-sidebar-recent-posts h2,
.tmp-sidebar-recent-posts h3{
  margin:0 0 14px !important;
  color:var(--tmp-deep-blue) !important;
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

/* Blog article item */
.tmp-sidebar-recent-posts .et_pb_post{
  margin-bottom:14px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(18,60,105,.10);
}

.tmp-sidebar-recent-posts .et_pb_post:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:none;
}

/* Recent post image */
.tmp-sidebar-recent-posts .et_pb_post img{
  width:100%;
  border-radius:14px;
  margin-bottom:10px;
  box-shadow:0 8px 18px rgba(18,60,105,.10);
}

/* Recent post title */
.tmp-sidebar-recent-posts .entry-title{
  margin:0 0 6px !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.tmp-sidebar-recent-posts .entry-title a{
  color:var(--tmp-deep-blue) !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

.tmp-sidebar-recent-posts .entry-title a:hover{
  color:var(--tmp-red) !important;
}

/* Meta */
.tmp-sidebar-recent-posts .post-meta{
  margin:0 !important;
  color:var(--tmp-muted) !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:700;
}

.tmp-sidebar-recent-posts .post-meta a{
  color:var(--tmp-blue) !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

/* Hide excerpts if Divi still outputs them */
.tmp-sidebar-recent-posts .post-content,
.tmp-sidebar-recent-posts .post-content-inner,
.tmp-sidebar-recent-posts .more-link{
  display:none !important;
}



.tmp-bottom-cta-block{
  --tmp-red:#E63946;
  --tmp-deep-red:#B00020;
  --tmp-blue:#0077B6;
  --tmp-deep-blue:#123C69;
  --tmp-green:#00A896;
  --tmp-deep-green:#00897B;
  --tmp-orange:#F77F00;
  --tmp-bg:#F7FAFC;
  --tmp-text:#1A202C;
  --tmp-muted:#5B677A;
  --tmp-border:rgba(18,60,105,.14);

  width:100%;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.tmp-bottom-cta-block .tmp-post-bottom-cta{
  padding:34px 20px 42px;
}

.tmp-bottom-cta-block .tmp-post-bottom-cta-inner{
  max-width:980px;
  margin:0 auto;
  padding:36px 28px;
  border-radius:30px;
  text-align:center;
  background:
    radial-gradient(circle at 15% 20%, rgba(230,57,70,.20), transparent 28%),
    radial-gradient(circle at 90% 30%, rgba(0,168,150,.22), transparent 32%),
    linear-gradient(135deg, var(--tmp-deep-blue), var(--tmp-blue));
  color:#ffffff;
  box-shadow:0 18px 42px rgba(18,60,105,.24);
  position:relative;
  overflow:hidden;
}

.tmp-bottom-cta-block .tmp-post-bottom-cta-inner::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,
    var(--tmp-red),
    var(--tmp-orange),
    var(--tmp-green)
  );
}

.tmp-bottom-cta-block .tmp-cta-small{
  display:inline-flex;
  padding:7px 13px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  color:#ffffff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}

.tmp-bottom-cta-block h2{
  margin:0 0 12px;
  color:#ffffff;
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.15;
  font-weight:900;
  position:relative;
  z-index:2;
}

.tmp-bottom-cta-block p{
  max-width:700px;
  margin:0 auto 22px;
  color:rgba(255,255,255,.90);
  font-size:16px;
  line-height:1.7;
  position:relative;
  z-index:2;
}

.tmp-bottom-cta-block .tmp-cta-buttons{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  position:relative;
  z-index:2;
}

.tmp-bottom-cta-block .tmp-cta-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 19px;
  border-radius:999px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none !important;
  transition:all .22s ease;
}

.tmp-bottom-cta-block .tmp-cta-primary{
  background:#ffffff;
  color:var(--tmp-deep-blue) !important;
}

.tmp-bottom-cta-block .tmp-cta-secondary{
  background:rgba(255,255,255,.12);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.25);
}

.tmp-bottom-cta-block .tmp-cta-buttons a:hover{
  transform:translateY(-2px);
}

@media (max-width:767px){
  .tmp-bottom-cta-block .tmp-post-bottom-cta{
    padding:26px 14px 34px;
  }

  .tmp-bottom-cta-block .tmp-post-bottom-cta-inner{
    padding:30px 20px;
    border-radius:24px;
  }

  .tmp-bottom-cta-block h2{
    font-size:28px;
  }

  .tmp-bottom-cta-block p{
    font-size:15px;
  }
}