.tsl{width:calc(100% - 72px);max-width:1150px;margin:0 auto;color:var(--tsl-text)!important;background:var(--tsl-bg);font-family:inherit;font-size:var(--tsl-body);box-sizing:border-box}.tsl *{box-sizing:border-box}.tsl [hidden]{display:none!important}/* Overview card – Soft Blue-Green full background + side illustration */
.tsl-overview{
  display:grid;
  grid-template-columns:1fr 240px;
  align-items:stretch;
  border:1px solid #bae6fd;
  border-radius:14px;
  margin:0 0 24px;
  background:linear-gradient(120deg,#e0f2fe 0%,#f0f9ff 50%,#ecfdf5 100%);
  box-shadow:0 6px 22px rgba(26,45,75,.08);
  overflow:hidden;
  color:var(--tsl-text)!important;
  min-height:0;
}
.tsl-overview-content{
  padding:22px 26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  background:transparent;
}
.tsl-overview-visual{
  width:240px;
  background:transparent;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:10px 8px 0;
  flex-shrink:0;
  position:relative;
}
.tsl-overview-visual img{
  width:100%;
  max-height:170px;
  object-fit:contain;
  object-position:center bottom;
  display:block;
  position:relative;
  z-index:1;
}
.tsl-overview h1,.tsl-overview h2,.tsl-overview span,.tsl-overview b{visibility:visible!important;opacity:1!important}
.tsl-overview h1{
  color:var(--tsl-text)!important;
  font-size:24px!important;
  font-weight:700!important;
  margin:0!important;
  line-height:1.25!important;
}
.tsl-overview h2{
  color:var(--tsl-muted)!important;
  font-size:14.5px!important;
  font-weight:600!important;
  margin:0!important;
}
.tsl-breakdown{display:flex;gap:14px;flex-wrap:wrap;margin:0;position:relative;z-index:1}
.tsl-breakdown span{color:var(--tsl-text)!important;font-weight:600;font-size:13px}
.tsl-breakdown b{
  display:inline-block;
  color:var(--tsl-accent)!important;
  padding:5px 12px;
  margin-right:6px;
  background:color-mix(in srgb,var(--tsl-accent) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--tsl-accent) 28%,#fff);
  border-radius:16px;
  font-size:12.5px;
}
.tsl-features{display:flex;gap:10px 8px;flex-wrap:wrap;position:relative;z-index:1;margin:0}
.tsl-features span{
  display:inline-flex;
  align-items:center;
  color:var(--tsl-text)!important;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:5px 12px;
  font-weight:600;
  font-size:12px;
}
.tsl-features span:before{
  content:'✓';
  margin-right:5px;
  color:var(--tsl-accent)!important;
  font-weight:700;
  font-size:11px;
}
/* When no side image → single column */
.tsl-overview:not(:has(.tsl-overview-visual)){grid-template-columns:1fr}
.tsl-overview:not(:has(.tsl-overview-visual)) .tsl-overview-content{padding:22px 26px}

.tsl-main-tabs{
  display:flex;
  width:max-content;
  max-width:100%;
  margin:0 auto 16px;
  padding:4px;
  border:1px solid var(--tsl-border);
  border-radius:6px;
  box-shadow:0 3px 10px rgba(35,42,57,.1);
  overflow-x:auto;
  scrollbar-width:thin;
}.tsl-main-tabs button{
  appearance:none;
  border:0!important;
  background:transparent!important;
  color:var(--tsl-muted)!important;
  padding:7px 16px!important;
  border-radius:5px!important;
  font:600 13.5px/1.2 inherit!important;
  white-space:nowrap;
  cursor:pointer;
}.tsl-main-tabs button[aria-selected=true]{background:var(--tsl-active)!important;color:#fff!important;box-shadow:0 3px 10px color-mix(in srgb,var(--tsl-active) 25%,transparent)}.tsl-main-tabs b{color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;margin-left:10px}.tsl-view{display:block}.tsl-section-tabs{
  display:flex;
  border-bottom:1px solid var(--tsl-border);
  gap:0;
  margin-bottom:16px;
  overflow-x:auto;
  scrollbar-width:thin;
  align-items:stretch;
}.tsl-section-tabs button{
  appearance:none;
  border:0!important;
  background:transparent!important;
  color:var(--tsl-muted)!important;
  padding:8px 12px!important;
  font:600 13px/1.2 inherit!important;
  white-space:nowrap;
  cursor:pointer;
}.tsl-section-tabs button[aria-selected=true]{
  background:#f2f4f7!important;
  color:#1d2939!important;
  border-bottom:3px solid var(--tsl-active)!important;
}.tsl-filters{display:flex;flex-wrap:nowrap;gap:10px;margin:6px 0 16px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tsl-filters button{appearance:none;border:0!important;border-radius:24px!important;background:#f1f2f6!important;color:#555!important;padding:10px 20px!important;font:500 14px/1 inherit!important;flex:0 0 auto;white-space:nowrap;cursor:pointer}.tsl-filters button[aria-selected=true]{background:#e3f3ff!important;color:var(--tsl-accent)!important}.tsl-list{display:grid;gap:13px}.tsl-test{
  display:grid;
  grid-template-columns:32px minmax(220px,1fr) auto 120px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:var(--tsl-card);
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  min-height:0;
  transition:none;
}.tsl-test:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tsl-number{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--tsl-active);
  color:#fff!important;
  font-weight:700;
  font-size:13px;
}.tsl-test-copy h3{
  color:var(--tsl-text)!important;
  margin:0 0 5px!important;
  font-size:14.5px!important;
  line-height:1.3!important;
}.tsl-pill{
  display:inline-block;
  border:1px solid;
  border-radius:20px;
  padding:3px 10px;
  line-height:1;
  font-size:12px;
}.tsl-video{display:inline-block;margin-left:8px;border:1px solid color-mix(in srgb,var(--tsl-accent) 45%,#fff);border-radius:5px;padding:7px 10px;color:var(--tsl-accent)!important;text-decoration:none!important;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tsl-metrics{display:flex;justify-content:center;color:var(--tsl-text)!important}.tsl-metrics span{
  min-width:64px;
  text-align:center;
  border-right:1px solid var(--tsl-border);
  line-height:1.3;
  font-size:11.5px;
}.tsl-metrics span:last-child{border:0}.tsl-metrics b{display:block;color:var(--tsl-text)!important}.tsl-start{
  display:block;
  padding:9px 14px;
  border-radius:8px;
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%);
  color:#fff!important;
  text-align:center;
  text-decoration:none!important;
  font-weight:600;
  font-size:13px;
  box-shadow:0 2px 5px rgba(22,163,74,.18);
}.tsl-empty{text-align:center;padding:25px;color:var(--tsl-muted)}
@media(max-width:950px){
  .tsl{width:calc(100% - 36px)}
  .tsl-test{grid-template-columns:32px 1fr 200px}
  .tsl-start{grid-column:2/-1;width:170px;margin-left:auto}
  .tsl-overview-visual{width:200px}
}
@media(max-width:680px){
  .tsl{width:calc(100% - 22px)}
  .tsl-overview{grid-template-columns:1fr}
  .tsl-overview-visual{width:100%;max-height:160px;order:-1}
  .tsl-overview-content{padding:14px 16px}
  .tsl-overview h1{font-size:20px!important}
  .tsl-breakdown{gap:8px}
  .tsl-section-tabs{gap:5px}
  .tsl-test{grid-template-columns:30px 1fr;gap:8px;padding:10px;min-height:0}
  .tsl-test-copy h3{font-size:calc(var(--tsl-card-title) - 1px)!important}
  .tsl-metrics{grid-column:1/-1;justify-content:flex-start;padding-left:46px}
  .tsl-start{grid-column:1/-1;width:100%;margin:0}
  .tsl-pill{padding:7px 11px}
  .tsl-video{margin:7px 0 0}
  .tsl-main-tabs button{padding:7px 16px!important}
}
/* Keep Test Section tabs dimensionally stable in every interaction state. */
.tsl .tsl-section-tabs{
  align-items:stretch;
  gap:0;
  margin-bottom:16px;
}
.tsl .tsl-section-tabs button{
  flex:0 0 auto;
  min-height:47px;
  height:47px;
  margin:0!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:6px 6px 0 0!important;
  padding:0 18px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
  appearance:none;
  background:transparent!important;
  color:#667085!important;
  font:600 14px/1 inherit!important;
  white-space:nowrap;
  cursor:pointer;
}
.tsl .tsl-section-tabs button:hover,.tsl .tsl-section-tabs button:focus,.tsl .tsl-section-tabs button:active{
  min-height:47px;
  height:47px;
  margin:0!important;
  padding:0 18px!important;
  box-shadow:none!important;
  transform:none!important;
  background:#f7f8fa!important;
  color:#344054!important;
}
.tsl .tsl-section-tabs button[aria-selected=true]{
  border-bottom:3px solid var(--tsl-active)!important;
  padding:0 18px!important;
  min-height:47px;
  height:47px;
  margin:0!important;
  box-shadow:none!important;
  transform:none!important;
  background:#f2f4f7!important;
  color:#1d2939!important;
}
/* Main frontend tab switcher only. */
.tsl .tsl-main-tabs{border-radius:6px!important}.tsl .tsl-main-tabs>button{border-radius:5px!important}






/* Child section tabs — same language as filter pills, purple active */
.tsl-child-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  margin:6px 0 16px;
  padding:0;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.tsl-child-tabs[hidden]{display:none!important}
.tsl-child-tabs button{
  appearance:none;border:1px solid var(--tsl-border)!important;background:#f4f6f9!important;
  color:var(--tsl-muted)!important;padding:4px 10px!important;border-radius:16px!important;
  font:600 11px/1 inherit!important;flex:0 0 auto;white-space:nowrap;cursor:pointer;box-shadow:none!important;transform:none!important;
}
.tsl-child-tabs button:hover{
  border-color:color-mix(in srgb,var(--tsl-active) 40%,var(--tsl-border))!important;
  color:var(--tsl-text)!important;
}
.tsl-child-tabs button[aria-selected=true]{
  background:color-mix(in srgb,var(--tsl-active) 12%,#fff)!important;
  border-color:color-mix(in srgb,var(--tsl-active) 50%,var(--tsl-border))!important;
  color:var(--tsl-active)!important;
}
.tsl-filters{display:flex;flex-wrap:nowrap;gap:10px;margin:6px 0 16px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tsl-filters[hidden]{display:none!important}
.tsl-filters button{padding:4px 10px!important;border-radius:16px!important;font:600 11px/1 inherit!important}
.tsl-section-tabs{margin-bottom:16px}
.tsl-list{margin-top:0}
html.thim-ekit-dark-mode .tsl-child-tabs button{
  background:var(--thim-bg-order-cart,#07284a)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  color:var(--thim-font-body-color,#e2e0db)!important;
}
html.thim-ekit-dark-mode .tsl-child-tabs button[aria-selected=true]{
  background:color-mix(in srgb,var(--tsl-active,#7a49e5) 22%,var(--thim-body-bg-color,#051c34))!important;
  border-color:color-mix(in srgb,var(--tsl-active,#7a49e5) 55%,var(--thim-border-color,#0a4070))!important;
  color:#fff!important;
}
/* ===== Eduma / Thim Elementor Kit dark mode (html.thim-ekit-dark-mode) ===== */
html.thim-ekit-dark-mode .tsl{
  --tsl-bg:var(--thim-body-bg-color,#051c34);
  --tsl-card:var(--thim-bg-order-cart,#07284a);
  --tsl-text:var(--thim-font-title-color,#ffffff);
  --tsl-muted:var(--thim-font-body-color,#e2e0db);
  --tsl-border:var(--thim-border-color,#0a4070);
  color:var(--tsl-text)!important;
  background:transparent;
}
html.thim-ekit-dark-mode .tsl-overview{
  background:linear-gradient(120deg,var(--thim-bg-order-cart,#07284a) 0%,var(--thim-body-bg-color,#051c34) 100%)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.35)!important;
  color:var(--tsl-text)!important;
}
html.thim-ekit-dark-mode .tsl-overview-content{
  background:linear-gradient(135deg,var(--thim-bg-order-cart,#07284a) 0%,var(--thim-body-bg-color,#051c34) 100%)!important;
}
html.thim-ekit-dark-mode .tsl-overview-visual{
  background:linear-gradient(160deg,#0f172a 0%,#1e293b 100%)!important;
}
html.thim-ekit-dark-mode .tsl-overview h1,
html.thim-ekit-dark-mode .tsl-overview h2{
  color:var(--thim-font-title-color,#ffffff)!important;
}
html.thim-ekit-dark-mode .tsl-breakdown span{color:var(--thim-font-title-color,#ffffff)!important}
html.thim-ekit-dark-mode .tsl-breakdown b{
  background:color-mix(in srgb,var(--tsl-accent,#098ce9) 22%,var(--thim-body-bg-color,#051c34))!important;
  border-color:color-mix(in srgb,var(--tsl-accent,#098ce9) 40%,var(--thim-border-color,#0a4070))!important;
  color:var(--tsl-accent,#098ce9)!important;
}
html.thim-ekit-dark-mode .tsl-features span{
  background:var(--thim-body-bg-color,#051c34)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  color:var(--thim-font-title-color,#ffffff)!important;
}
html.thim-ekit-dark-mode .tsl-main-tabs{
  background:var(--thim-bg-order-cart,#07284a)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.35)!important;
}
html.thim-ekit-dark-mode .tsl-main-tabs button{color:var(--thim-font-body-color,#e2e0db)!important}
html.thim-ekit-dark-mode .tsl-section-tabs{border-bottom-color:var(--thim-border-color,#0a4070)!important}
html.thim-ekit-dark-mode .tsl-section-tabs button{color:var(--thim-font-body-color,#e2e0db)!important;background:transparent!important}
html.thim-ekit-dark-mode .tsl-filters button{
  background:var(--thim-bg-order-cart,#07284a)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  color:var(--thim-font-body-color,#e2e0db)!important;
}
html.thim-ekit-dark-mode .tsl-filters button[aria-selected="true"]{
  background:color-mix(in srgb,var(--tsl-accent,#098ce9) 28%,var(--thim-body-bg-color,#051c34))!important;
  border-color:color-mix(in srgb,var(--tsl-accent,#098ce9) 50%,var(--thim-border-color,#0a4070))!important;
  color:#fff!important;
}
html.thim-ekit-dark-mode .tsl-test{
  background:var(--thim-bg-order-cart,#07284a)!important;
  border-color:var(--thim-border-color,#0a4070)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3)!important;
}
html.thim-ekit-dark-mode .tsl-test-copy h3{color:var(--thim-font-title-color,#ffffff)!important}
html.thim-ekit-dark-mode .tsl-metrics{color:var(--thim-font-body-color,#e2e0db)!important}
html.thim-ekit-dark-mode .tsl-metrics span{border-color:var(--thim-border-color,#0a4070)!important}
html.thim-ekit-dark-mode .tsl-metrics b{color:var(--thim-font-title-color,#ffffff)!important}
html.thim-ekit-dark-mode .tsl-empty{color:var(--thim-font-body-color,#e2e0db)!important}
html.thim-ekit-dark-mode .tsl-video{
  border-color:color-mix(in srgb,var(--tsl-accent,#098ce9) 45%,var(--thim-border-color,#0a4070))!important;
  box-shadow:none!important;
}