.blog-toc-rail{z-index:300;width:56px;position:fixed;top:64px;bottom:0;right:0}.blog-toc-mobile-trigger,.blog-toc-mobile-backdrop,.blog-toc-mobile-header{display:none}.blog-toc-rail-handle{color:#9a9590;letter-spacing:.16em;writing-mode:vertical-rl;text-transform:uppercase;pointer-events:auto;text-shadow:0 1px 12px #000000a6;background:0 0;border:none;border-radius:10px 0 0 10px;padding:16px 7px;font-size:10px;font-weight:600;transition:color .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.blog-toc-rail:hover .blog-toc-rail-handle{color:#e8e4dc}.blog-toc-rail-drawer{opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;width:min(380px,44vw);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s,visibility 0s linear .65s;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.blog-toc-rail:hover .blog-toc-rail-drawer{opacity:1;visibility:visible;pointer-events:auto;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .5s 60ms,visibility linear;transform:translate(0,0)}.blog-toc-rail-panel{background:#040302;flex-direction:column;width:100%;padding:12px 22px 16px 24px;transition:box-shadow .65s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-28px 0 56px #0000}.blog-toc-rail:hover .blog-toc-rail-panel{box-shadow:-28px 0 56px #000000bf}.blog-toc-rail-scroll{flex:1;min-height:0;padding-right:8px;overflow:hidden auto}.blog-toc-rail .blog-toc-title{letter-spacing:.14em;text-transform:uppercase;color:#9a9590;margin:0 0 16px;font-size:11px;font-weight:600}.blog-toc-rail .blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-rail .blog-toc-link{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:DM Sans,system-ui,sans-serif;transition:color .15s;display:block}.blog-toc-rail .blog-toc-item--l2 .blog-toc-link{color:#c8c6bf;padding:11px 0;font-size:17px;font-weight:400;line-height:1.45}.blog-toc-rail .blog-toc-item--l3 .blog-toc-link{color:#a8a39c;padding:9px 0 9px 18px;font-size:15px;font-weight:400;line-height:1.45}.blog-toc-rail .blog-toc-link:hover{color:#e8e4dc}.blog-toc-rail .blog-toc-item--active .blog-toc-link{color:#8ec8ff;font-weight:500}@media (max-width:767px){.blog-toc-rail{z-index:420;width:auto;display:block;top:auto;bottom:14px;right:14px}.blog-toc-rail-handle{display:none}.blog-toc-mobile-trigger{color:#f2efe8;letter-spacing:.08em;text-transform:uppercase;background:#0c0a08;border:1px solid #2a2621;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 10px 28px #00000059}.blog-toc-mobile-backdrop{opacity:0;visibility:hidden;z-index:410;background:#00000073;border:none;margin:0;padding:0;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.blog-toc-rail--mobile-open .blog-toc-mobile-backdrop{opacity:1;visibility:visible;display:block}.blog-toc-rail-drawer{opacity:1;visibility:visible;pointer-events:none;z-index:420;width:100%;height:min(72vh,560px);transition:transform .28s;position:fixed;inset:auto 0 0;transform:translateY(108%)}.blog-toc-rail-panel{border-radius:16px 16px 0 0;height:100%;padding:10px 16px 20px;box-shadow:0 -24px 48px #00000080}.blog-toc-mobile-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.blog-toc-mobile-title{letter-spacing:.12em;text-transform:uppercase;color:#9a9590;font-size:11px;font-weight:600}.blog-toc-mobile-close{color:#c8c6bf;background:#0f0d0a;border:1px solid #3a342d;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600}.blog-toc-rail .blog-toc-title{display:none}.blog-toc-rail .blog-toc-item--l2 .blog-toc-link{padding:9px 0;font-size:16px}.blog-toc-rail .blog-toc-item--l3 .blog-toc-link{padding:8px 0 8px 14px;font-size:14px}.blog-toc-rail--mobile-open .blog-toc-rail-drawer{pointer-events:auto;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.blog-toc-rail-drawer,.blog-toc-rail-panel{transition-duration:.01ms!important}}