/* dt-fold.v1 (11.11.2026, fold1111): topic explorer that replaces the accordion rows (dt-fold.v1.js).
   Loaded after dt-top, so "html body main" + !important beat the older strip rules. Immutable: change = v2 + middleware. */
html body main .dtx{width:100%!important;max-width:1180px!important;margin:8px auto 0!important;font-family:inherit;text-align:start}
html body main .dtx button{font-family:inherit}
html body main .dtx-v{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}

/* side nav (desktop, many topics) */
html body main .dtx-v .dtx-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(143,176,255,.14)}
html body main .dtx-t{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:13px;background:none;color:#c6d0ee;font-size:15px;font-weight:600;line-height:1.35;text-align:start;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
html body main .dtx-t:hover{background:rgba(255,255,255,.055);color:#fff}
html body main .dtx-t:focus-visible{outline:2px solid #ffb46e;outline-offset:2px}
html body main .dtx-t[aria-selected=true]{background:linear-gradient(270deg,rgba(255,122,26,.2),rgba(255,122,26,.04));border-color:rgba(255,122,26,.5);color:#fff}
html body main .dtx-ic{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,122,26,.11);border:1px solid rgba(255,122,26,.28);transition:background .25s,transform .3s}
html body main .dtx-ic svg{width:17px;height:17px;fill:none;stroke:#ff8f3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body main .dtx-t[aria-selected=true] .dtx-ic{background:#ff7a1a;border-color:#ff7a1a}
html body main .dtx-t[aria-selected=true] .dtx-ic svg{stroke:#0b1020}
html body main .dtx-t:hover .dtx-ic{transform:scale(1.08)}
html body main .dtx-l{flex:1;min-width:0}
html body main .dtx-v:not(.dtx-all) .dtx-x{display:none}
html body main .dtx-tm{color:#ffb46e}

/* chips (few topics, glossary letters) */
html body main :is(.dtx-h,.dtx-g) .dtx-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 22px;padding:6px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(143,176,255,.16)}
html body main :is(.dtx-h,.dtx-g) .dtx-t{width:auto;border-radius:999px;padding:7px 16px 7px 10px;gap:8px}
html body main :is(.dtx-h,.dtx-g) .dtx-ic{flex-basis:26px;width:26px;height:26px;border-radius:999px}
html body main :is(.dtx-h,.dtx-g) .dtx-t[aria-selected=true]{background:#ff7a1a;border-color:#ff7a1a;color:#0b1020;box-shadow:0 8px 22px -10px rgba(255,122,26,.8)}
html body main .dtx-g .dtx-nav{border-radius:22px}
html body main .dtx-g .dtx-t{min-width:42px;justify-content:center;padding:7px 12px;font-family:"JetBrains Mono",inherit;font-size:15px}

/* panel */
html body main .dtx-st{min-width:0}
html body main .dtx-p{position:relative;padding:30px 32px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(143,176,255,.16);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
html body main .dtx-p:focus-visible{outline:2px solid #ffb46e;outline-offset:3px}
html body main .dtx-p:not([hidden]){animation:dtxIn .38s cubic-bezier(.2,.7,.2,1)}
@keyframes dtxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
html body main .dtx-p h2.dtx-h:not(.sr-only){display:block!important;font-size:clamp(21px,2vw,27px)!important;line-height:1.3!important;margin:0 auto 14px!important;text-align:center!important;max-width:760px}
html body main .dtx-b>:last-child{margin-bottom:0!important}
html body main .dtx-b>p{max-width:780px;margin-inline:auto!important}
html body main .dtx-b figure.ba-fig{margin:0 auto!important;width:100%!important;max-width:100%!important}
html body main .dtx-b figure.ba-fig img{width:100%!important;height:auto!important;border-radius:16px}
html body main .dtx-b.dtx-cut{max-height:var(--lim);overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
html body main .dtx-rm{display:flex;align-items:center;gap:8px;margin:14px auto 0;padding:9px 22px;border-radius:999px;border:1px solid rgba(255,122,26,.55);background:rgba(255,122,26,.08);color:#ffb46e;font-weight:700;font-size:15px;cursor:pointer;transition:background .25s,transform .25s}
html body main .dtx-rm::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
html body main .dtx-rm:hover{background:rgba(255,122,26,.18);transform:translateY(-1px)}

/* compact bento tiles inside panels */
html body main .dtx-b :is(.cs.gx,.ck,.ckn){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important;gap:14px!important;overflow:visible!important;transform:none!important;width:100%!important;max-width:100%!important;margin:16px auto!important;padding:0!important;scroll-snap-type:none!important}
html body main .dtx-b :is(.cs.gx,.ck,.ckn)>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:18px 18px 16px!important;border-radius:16px!important;transition:transform .3s,border-color .3s,box-shadow .3s}
html body main .dtx-b :is(.cs.gx,.ck,.ckn)>*:hover{transform:translateY(-3px);border-color:rgba(255,122,26,.45)!important;box-shadow:0 18px 34px -22px rgba(255,122,26,.55)}
html body main .dtx-b .cs.gx>* img{max-height:44px!important;width:auto!important;max-width:150px!important;object-fit:contain;margin:0 0 10px!important}
html body main .dtx-b :is(.cs.gx,.ck,.ckn)>* p{font-size:14.5px!important;line-height:1.55!important}
html body main .dtx-b :is(.cs.gx,.ck,.ckn)>*,html body main .dtx-b :is(.cs.gx,.ck,.ckn)>* :is(h3,h4,b,strong,p){text-align:center!important}
html body main .dtx-b .dots{display:none!important}
html body main .dtx-mt{list-style:none;display:flex!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body main .dtx-mt::before,html body main .dtx-mt::after{display:none!important}
html body main .dtx-mt button{flex:1;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;border:1.5px dashed rgba(255,122,26,.55);background:rgba(255,122,26,.06);color:#ffb46e;font-weight:700;font-size:14px;cursor:pointer;transition:background .25s,transform .25s}
html body main .dtx-mt button b{font-size:24px;line-height:1;color:#ff8f3d}
html body main .dtx-mt button:hover{background:rgba(255,122,26,.15);transform:translateY(-2px)}

/* entrance */
html body main .dtx.dtx-pre{opacity:0;transform:translateY(18px)}
html body main .dtx.dtx-pre.dtx-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}

@media (max-width:900px){
  html body main .dtx-v{display:block}
  html body main .dtx .dtx-nav,html body main .dtx-v .dtx-nav{position:static;flex-direction:row;flex-wrap:nowrap!important;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 14px;padding:4px 2px 8px;gap:6px;overflow-x:auto;scrollbar-width:none;border:0;border-radius:0;background:none;scroll-snap-type:x proximity}
  html body main .dtx .dtx-nav::-webkit-scrollbar{display:none}
  html body main .dtx .dtx-t{flex:0 0 auto;width:auto;white-space:nowrap;border-radius:999px;padding:6px 14px 6px 8px;font-size:14px;border-color:rgba(143,176,255,.2);background:rgba(255,255,255,.04);scroll-snap-align:center}
  html body main .dtx .dtx-ic{flex-basis:24px;width:24px;height:24px;border-radius:999px}
  html body main .dtx .dtx-ic svg{width:14px;height:14px}
  html body main .dtx .dtx-t[aria-selected=true]{background:#ff7a1a;border-color:#ff7a1a;color:#0b1020}
  html body main .dtx-v:not(.dtx-all) .dtx-x{display:flex}
  html body main .dtx-tm{display:none!important}
  html body main .dtx-p{padding:20px 16px 18px;border-radius:18px}
  html body main .dtx-p h2.dtx-h:not(.sr-only){font-size:20px!important}
  html body main .dtx-b :is(.cs.gx,.ck,.ckn){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body main .dtx-b :is(.cs.gx,.ck,.ckn)>*{padding:14px 12px!important}
  html body main .dtx-b .cs.gx>* img{max-height:32px!important;max-width:110px!important}
  html body main .dtx-mt button{min-height:72px}
  html body main .dtx-b :is(ul.bul,ol.bul)>li{padding:8px 12px!important;font-size:14.5px!important;line-height:1.5!important;margin:0!important}
  html body main .dtx-b :is(ul.bul,ol.bul){gap:6px!important;margin:10px auto!important}
}
@media (prefers-reduced-motion:reduce){
  html body main .dtx-p:not([hidden]){animation:none}
  html body main .dtx.dtx-pre{opacity:1;transform:none}
  html body main .dtx-t,html body main .dtx-ic,html body main .dtx-rm,html body main .dtx-mt button,html body main .dtx-b :is(.cs.gx,.ck,.ckn)>*{transition:none}
}