.post-template .site-main>.inner.has-toc{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(220px,260px) minmax(0,1040px);max-width:1624px}.post-template .site-main>.inner.has-toc .post-full{grid-column:2;min-width:0;width:100%}.toc-floating-btn{display:none}.toc-sidebar{background:#fff;border:1px solid #e5eff5;border-radius:8px;box-shadow:0 12px 30px rgba(39,44,49,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-size:13px;left:max(4vw,calc(50vw - 812px));max-height:calc(100vh - 120px);overflow:hidden;position:fixed;top:96px;width:260px;z-index:40}.toc-sidebar-header{align-items:center;background:#f8fbfd;border-bottom:1px solid #e5eff5;display:grid;gap:4px 8px;grid-template-columns:1fr auto;padding:14px 16px 12px}.toc-sidebar-header h4{color:#15171a;font-size:14px;font-weight:700;grid-column:1/2;line-height:1.3;margin:0}.toc-count{color:#738a94;font-size:11px;font-weight:500;grid-column:1/2;line-height:1.3}.toc-close-btn{display:none}.toc-sidebar-nav{max-height:calc(100vh - 190px);overflow-y:auto;padding:8px 0}.toc-item,.toc-sidebar-list{list-style:none;margin:0;padding:0}.toc-link{border-left:3px solid transparent;color:#5d7179;display:block;font-size:13px;line-height:1.45;overflow:hidden;padding:8px 14px 8px 16px;position:relative;text-decoration:none;text-overflow:ellipsis;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.toc-link:hover{background:#f6f9fb;border-left-color:#c9d8df;color:#15171a;text-decoration:none}.toc-link.active{background:rgba(62,176,239,.1);border-left-color:#3eb0ef;color:#1f8ac0;font-weight:700}.toc-level-1 .toc-link{font-size:13px;font-weight:700;padding-left:16px}.toc-level-2 .toc-link{padding-left:16px}.toc-level-3 .toc-link{font-size:12px;padding-left:28px}.toc-level-4 .toc-link{font-size:12px;padding-left:40px}.toc-level-5 .toc-link,.toc-level-6 .toc-link{font-size:11px;padding-left:52px}.toc-sidebar-nav::-webkit-scrollbar{width:8px}.toc-sidebar-nav::-webkit-scrollbar-track{background:#f8f9fa}.toc-sidebar-nav::-webkit-scrollbar-thumb{background:#d6e2e8;border-radius:999px}.toc-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#b8c8d0}[data-theme=dark] .toc-sidebar{background:#2a2d32!important;border-color:#3a3d42!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}[data-theme=dark] .toc-sidebar-header{background:#1f2124!important;border-bottom-color:#3a3d42!important}[data-theme=dark] .toc-sidebar-header h4{color:#fff!important}[data-theme=dark] .toc-count,[data-theme=dark] .toc-link{color:#c5d2d9!important}[data-theme=dark] .toc-link:hover{background:#1f2124!important;border-left-color:#4a4d52!important;color:#fff!important}[data-theme=dark] .toc-link.active{background:rgba(62,176,239,.15)!important;border-left-color:#3eb0ef!important;color:#3eb0ef!important}[data-theme=dark] .toc-sidebar-nav::-webkit-scrollbar-track{background:#1f2124!important}[data-theme=dark] .toc-sidebar-nav::-webkit-scrollbar-thumb{background:#3a3d42!important}@media (prefers-color-scheme:dark){body:not([data-theme=light]) .toc-sidebar{background:#2a2d32;border-color:#3a3d42;box-shadow:0 12px 30px rgba(0,0,0,.35)}body:not([data-theme=light]) .toc-sidebar-header{background:#1f2124;border-bottom-color:#3a3d42}body:not([data-theme=light]) .toc-sidebar-header h4{color:#fff}body:not([data-theme=light]) .toc-count,body:not([data-theme=light]) .toc-link{color:#c5d2d9}body:not([data-theme=light]) .toc-link:hover{background:#1f2124;border-left-color:#4a4d52;color:#fff}body:not([data-theme=light]) .toc-link.active{background:rgba(62,176,239,.15);border-left-color:#3eb0ef;color:#3eb0ef}}@media (max-width:1800px){.post-template .site-main>.inner.has-toc{display:block;max-width:1040px}.toc-floating-btn{align-items:center;background:#fff;border:1px solid #d6e2e8;border-radius:999px;box-shadow:0 6px 18px rgba(39,44,49,.16);color:#3eb0ef;cursor:pointer;display:none;font-size:17px;height:48px;justify-content:center;left:auto;position:fixed;right:25px;top:142px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:48px;z-index:9999}body.post-floating-actions-active .toc-floating-btn{display:flex}body.post-floating-actions-below-header .toc-floating-btn{top:182px}.toc-floating-btn.active,.toc-floating-btn:hover{background:#3eb0ef;box-shadow:0 8px 22px rgba(62,176,239,.32);color:#fff;transform:translateY(-1px)}.toc-sidebar{border-radius:8px;border-width:1px;box-shadow:0 18px 38px rgba(39,44,49,.18);height:auto;left:auto;max-height:calc(100vh - 310px);max-width:calc(100vw - 50px);opacity:0;pointer-events:none;position:fixed;right:25px;top:202px;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;width:320px;z-index:9998}body.post-floating-actions-below-header .toc-sidebar{top:242px}.toc-sidebar.show{opacity:1;pointer-events:auto;transform:translateY(0)}body.toc-sidebar-open:before{display:none}.toc-sidebar-header{min-height:64px;padding:16px}.toc-close-btn{align-items:center;background:transparent;border:0;border-radius:6px;color:#738a94;cursor:pointer;display:inline-flex;font-size:22px;grid-column:2/3;grid-row:1/3;height:32px;justify-content:center;line-height:1;width:32px}.toc-close-btn:hover{background:rgba(0,0,0,.08);color:#15171a}.toc-sidebar-nav{max-height:calc(100vh - 374px)}[data-theme=dark] .toc-floating-btn{background:#2a2d32!important;border-color:#3a3d42!important;color:#3eb0ef!important}[data-theme=dark] .toc-floating-btn.active,[data-theme=dark] .toc-floating-btn:hover{background:#3eb0ef!important;color:#fff!important}}@media (max-width:768px){.toc-floating-btn{font-size:16px;height:44px;right:15px;top:128px;width:44px}body.post-floating-actions-below-header .toc-floating-btn{top:128px}.toc-sidebar{max-width:calc(100vw - 30px);right:15px;top:184px}body.post-floating-actions-below-header .toc-sidebar{top:184px}}@media (max-width:480px){.toc-floating-btn{font-size:16px;height:44px;left:auto;right:15px;top:128px;width:44px}.toc-sidebar{left:auto;max-height:calc(100vh - 236px);max-width:calc(100vw - 30px);right:15px;top:184px;width:calc(100vw - 30px)}.toc-sidebar-nav{max-height:calc(100vh - 300px)}}
/*# sourceMappingURL=toc.css.map */