:root{--milad-toc-bg:rgba(255, 255, 255, 0.96);--milad-toc-border:rgba(8, 28, 46, 0.12);--milad-toc-text:#27323c;--milad-toc-active:#0f6cbf;--milad-toc-hover:#f4f8fc}html.milad-toc-hydrating .milad-toc-container{visibility:hidden;opacity:0;pointer-events:none;transition:none}.milad-toc-container{--milad-toc-offset-x:20px;--milad-toc-offset-y:20px;position:fixed;width:280px;max-height:80vh;background:var(--milad-toc-bg);border:1px solid var(--milad-toc-border);border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .12);z-index:9999;direction:rtl;transition:width 0.3s cubic-bezier(.25,.8,.25,1),height 0.3s cubic-bezier(.25,.8,.25,1),max-height 0.3s cubic-bezier(.25,.8,.25,1),border-radius 0.3s cubic-bezier(.25,.8,.25,1),box-shadow 0.3s cubic-bezier(.25,.8,.25,1),transform 0.3s cubic-bezier(.25,.8,.25,1),opacity 0.2s ease;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.milad-toc-container.is-open-desktop-side:not(.is-collapsed){top:50%;right:var(--milad-toc-offset-x);left:auto;bottom:auto;transform:translateY(-50%)}.milad-toc-container.is-open-mobile-center:not(.is-collapsed){width:min(350px, calc(100vw - 40px));max-height:calc(100vh - 80px);top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);border-radius:12px}.milad-toc-container.is-collapsed{width:48px;height:48px;border-radius:999px;cursor:pointer;top:auto;right:auto;bottom:auto;left:auto;transform:none;box-shadow:0 8px 24px rgb(0 0 0 / .18)}.milad-toc-container.is-collapsed.milad-pos-top-left{top:var(--milad-toc-offset-y);left:var(--milad-toc-offset-x)}.milad-toc-container.is-collapsed.milad-pos-top-right{top:var(--milad-toc-offset-y);right:var(--milad-toc-offset-x)}.milad-toc-container.is-collapsed.milad-pos-bottom-left{bottom:var(--milad-toc-offset-y);left:var(--milad-toc-offset-x)}.milad-toc-container.is-collapsed.milad-pos-bottom-right{bottom:var(--milad-toc-offset-y);right:var(--milad-toc-offset-x)}.milad-toc-header{width:100%;margin:0;padding:15px 18px;background:#fff0;font-weight:700;font-size:15px;font-family:inherit;line-height:1.4;text-align:inherit;text-transform:none;letter-spacing:normal;color:var(--milad-toc-text);border:0;border-radius:0;box-shadow:none;min-height:0;border-bottom:1px solid var(--milad-toc-border);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;gap:10px;cursor:pointer;appearance:none;-webkit-appearance:none}.milad-toc-header:hover,.milad-toc-header:focus{background:#fff0;color:var(--milad-toc-text);box-shadow:none}.milad-toc-header:focus{outline:3px solid rgb(15 108 191 / .35);outline-offset:-3px}.milad-toc-header:focus-visible{outline:3px solid rgb(15 108 191 / .35);outline-offset:-3px}.toc-close-icon{font-size:22px;color:var(--milad-toc-text);line-height:1}.milad-toc-list{list-style:none;padding:10px 0;margin:0;overflow-y:auto;max-height:calc(80vh - 58px)}.milad-toc-list::-webkit-scrollbar{width:4px}.milad-toc-list::-webkit-scrollbar-thumb{background:#c3d0da;border-radius:4px}.milad-toc-item{margin:0;padding:0}.milad-toc-link{display:block;padding:8px 18px;color:#4f5d68;text-decoration:none;font-size:13.5px;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease;border-right:3px solid #fff0;line-height:1.65}.milad-toc-item-h3 .milad-toc-link{padding-right:33px;font-size:12.5px;color:#677784}.milad-toc-link:hover{background:var(--milad-toc-hover);color:var(--milad-toc-active)}.milad-toc-link.active{color:var(--milad-toc-active);border-right-color:var(--milad-toc-active);font-weight:700;background:var(--milad-toc-hover)}.toc-icon{display:none;color:var(--milad-toc-active)}.milad-toc-container.is-collapsed .toc-title,.milad-toc-container.is-collapsed .milad-toc-list,.milad-toc-container.is-collapsed .toc-close-icon{display:none}.milad-toc-container.is-collapsed .milad-toc-header{border:none;padding:0;width:100%;height:100%;justify-content:center}.milad-toc-container.is-collapsed .toc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width:768px){.milad-toc-container.is-open-desktop-side:not(.is-collapsed){width:min(350px, calc(100vw - 40px));max-height:calc(100vh - 80px);top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);border-radius:12px}}html{scroll-behavior:smooth}.milad-toc-heading{scroll-margin-top:100px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.milad-toc-container,.milad-toc-link{transition:none}}