.blog-contents{max-width:280px;position:sticky;top:150px;align-self:start}.blog-contents .blog-contents__title{font-weight:600}.blog-contents .blog-contents__list{list-style:none;padding-left:0;margin-bottom:0}.blog-contents .blog-contents__list li .number{color:var(--gray-200, #cacbd5);text-decoration:none !important}.blog-contents .blog-contents__list li a{color:var(--gray-500, #737482);text-decoration:none}.blog-contents .blog-contents__list li .toc-link:hover .toc-title{text-decoration:underline;color:var(--primary-green, #6ebe3b)}.blog-sidebar .toc-open-btn{padding:8px;border-radius:6px;border:1px solid var(--gray-200, #cacbd5);background-color:#fff}.blog-layout{display:grid}.blog-sidebar,.blog-content{grid-area:1/1}.blog-content{max-width:860px;width:100%;margin:0 auto}.blog-sidebar{justify-self:start;width:100%}.blog-sidebar .blog-sidebar-inner{position:sticky;top:150px;pointer-events:auto;width:310px}.blog-sidebar .buttons-container{position:sticky;top:150px;margin-left:10px;cursor:pointer;display:none;z-index:1000}.blog-sidebar .buttons-container svg{transform:rotate(180deg)}.blog-sidebar .toc-close{display:none}@media(max-width: 1440px){.blog-contents{margin-left:unset}.blog-sidebar-inner{position:fixed !important;top:150px;right:0;width:310px;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;padding:32px;box-shadow:0px 4px 20px rgba(0,0,0,.1);border-radius:8px 0px 0px 8px}.blog-sidebar-inner.is-open{transform:translateX(0)}.blog-sidebar-inner.is-open{transform:translateX(0)}.blog-sidebar .buttons-container{display:flex !important;justify-content:end;margin-right:10px;align-items:end}.blog-sidebar .toc-close{display:flex}.blog-sidebar .buttons-container button{z-index:1000;position:static;cursor:pointer}}