/* Tarek Landing Article 3.0.0 — native TOC + TFCB 5.7.x compatibility.
   Deliberately scoped: no global headings, lists, or contact buttons. */
body .tfcb-toc-wrap.tfcb-toc-wrap,
body .tla-toc.tla-toc {
  box-sizing:border-box!important; display:block!important;
  width:520px!important; max-width:100%!important; min-width:0!important;
  padding:12px!important; margin-block:26px!important;
  background:linear-gradient(145deg,#102c3c,#071923)!important;
  border:1px solid #b89654!important; border-radius:20px!important;
  box-shadow:0 14px 35px #102c3c26!important; color:#eef5f8!important;
  overflow:hidden!important; float:none!important;
}
body .tla-toc.tla-toc {width:var(--tt-w,520px)!important}
body .tfcb-toc-wrap .tfcb-toc-shell {display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;width:100%!important}
body .tfcb-toc-wrap *,body .tla-toc * {box-sizing:border-box}
body .tfcb-toc-wrap .tfcb-toc-head,
body .tla-toc .tla-toc__head {
  display:flex!important; align-items:center!important;gap:12px!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:14px!important;
  background:linear-gradient(110deg,#1f465a,#153346)!important;
  border:1px solid #c5a669!important;border-radius:13px!important;
  color:#fff!important;box-shadow:inset 0 1px 0 #ffffff12!important;
}
body .tfcb-toc-wrap .tfcb-toc-mark {display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid #e4c88b!important;border-radius:11px!important;background:#e7c98d!important;color:#132f40!important;font-size:23px!important;box-shadow:none!important}
body .tfcb-toc-wrap .tfcb-toc-heading {flex:1!important;min-width:0!important}
body .tfcb-toc-wrap .tfcb-toc-intro {display:block!important;color:#c7d8e1!important;font-size:11px!important;line-height:1.6!important}
body .tfcb-toc-wrap .tfcb-toc-title,
body .tla-toc .tla-toc__title {display:block!important;color:#ffe3ac!important;font-size:18px!important;line-height:1.6!important;font-weight:800!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body .tfcb-toc-wrap .tfcb-toc-toggle,
body .tla-toc .tla-toc__toggle {flex-shrink:0!important;min-width:54px!important;padding:7px 10px!important;border:1px solid #d5b876!important;border-radius:9px!important;background:#e7c98d!important;color:#142e3d!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important;box-shadow:none!important;cursor:pointer}
body .tfcb-toc-wrap .tfcb-toc-toggle-text {color:#142e3d!important;font-size:12px!important;font-weight:700!important}
body .tla-toc .tla-toc__chev {border-color:#e7c98d!important}
body .tla-toc .tla-toc__count {color:#ffe3ac!important;background:#ffffff0d!important;border-color:#c5a66966!important}
/* Only the body scrolls; the framed header stays outside the scroll area. */
body .tfcb-toc-wrap .tfcb-toc-body,
body .tla-toc .tla-toc__scroll {
  display:block!important; height:320px!important;max-height:50vh!important;
  min-height:0!important;min-width:0!important;width:100%!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;scrollbar-gutter:stable;
  scrollbar-width:thin;scrollbar-color:#d9b878 #183747;
  padding:10px!important;margin:12px 0 0!important;
  background:#081e2b!important;border:1px solid #365163!important;border-radius:12px!important;
}
body .tla-toc .tla-toc__scroll {height:var(--tt-h,320px)!important}
body .tfcb-toc-wrap .tfcb-toc-body[hidden],
body .tfcb-toc-wrap.tfcb-toc-collapsed .tfcb-toc-body,
body details.tla-toc:not([open]) .tla-toc__body {display:none!important}
body .tla-toc .tla-toc__body {padding:0!important}
body .tla-toc .tla-toc__body::after {display:none!important}
body .tfcb-toc-wrap .tfcb-toc-list,
body .tla-toc .tla-toc__list {display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;list-style:none!important;columns:auto!important;background:none!important}
body .tfcb-toc-wrap .tfcb-toc-item,
body .tla-toc .tla-toc__item {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 8px!important;padding:0!important;list-style:none!important;background:none!important;border:0!important}
body .tfcb-toc-wrap .tfcb-toc-item>a,
body .tla-toc .tla-toc__link {
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:11px 12px!important;margin:0!important;background:#153344!important;
  border:1px solid #3c5969!important;border-inline-start:3px solid #b99b62!important;
  border-radius:10px!important;color:#edf4f7!important;text-decoration:none!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  font-size:14px!important;line-height:1.8!important;font-weight:600!important;text-align:start!important;
  box-shadow:0 2px 4px #00000012!important;transition:background .15s,border-color .15s!important;
}
body .tfcb-toc-wrap .tfcb-toc-link-text {flex:1!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;color:inherit!important}
body .tfcb-toc-wrap .tfcb-toc-num,
body .tla-toc .tla-toc__link::before {flex:0 0 28px!important;min-width:28px!important;height:28px!important;line-height:26px!important;border:1px solid #b99b62!important;background:#e7c98d!important;color:#163142!important;border-radius:8px!important;font-size:12px!important;font-weight:800!important;text-align:center!important;margin:0!important}
body .tfcb-toc-wrap .tfcb-toc-level-3>a {background:#102b3b!important;border-inline-start-color:#617e8d!important;font-weight:400!important}
body .tla-toc .tla-toc__list--sub {padding-inline-start:10px!important;border-inline-start:1px solid #617e8d!important}
body .tfcb-toc-wrap .tfcb-toc-item>a:hover,
body .tla-toc .tla-toc__link:hover {background:#24495b!important;border-color:#e7c98d!important;color:#ffe3ac!important}
body .tfcb-toc-wrap a:focus-visible,body .tfcb-toc-wrap button:focus-visible,
body .tla-toc a:focus-visible,body .tla-toc summary:focus-visible {outline:2px solid #ffe3ac!important;outline-offset:-3px!important}
body .tfcb-toc-wrap .tfcb-toc-body::-webkit-scrollbar,body .tla-toc .tla-toc__scroll::-webkit-scrollbar {width:7px}
body .tfcb-toc-wrap .tfcb-toc-body::-webkit-scrollbar-thumb,body .tla-toc .tla-toc__scroll::-webkit-scrollbar-thumb {background:#d9b878;border-radius:8px}
body .tla-toc .tla-toc__hint {color:#c7d8e1!important;padding-top:10px!important;border:0!important}
@media(max-width:480px){
 body .tfcb-toc-wrap.tfcb-toc-wrap,body .tla-toc.tla-toc {padding:8px!important;border-radius:15px!important}
 body .tfcb-toc-wrap .tfcb-toc-head,body .tla-toc .tla-toc__head {padding:10px!important;gap:8px!important}
 body .tfcb-toc-wrap .tfcb-toc-title,body .tla-toc .tla-toc__title {font-size:16px!important}
 body .tfcb-toc-wrap .tfcb-toc-mark {width:32px!important;height:36px!important;flex-basis:32px!important}
 body .tfcb-toc-wrap .tfcb-toc-body,body .tla-toc .tla-toc__scroll {padding:7px!important}
}
@media(prefers-reduced-motion:reduce){body .tfcb-toc-wrap .tfcb-toc-item>a,body .tla-toc .tla-toc__link {transition:none!important}}
