.container-doc{display:flex}.container-doc .side-col{display:none;position:relative;@media (min-width:1200px){display:block;&:first-child{flex:0 0 16.6vw}&:last-child{flex:0 0 12vw}}}.container-doc .container{flex:1 1 auto;@media (max-width:767.8px){width:100%}@media (min-width:768px) and (max-width:1199.6px){&{margin-left:8vw;margin-right:8vw;width:100vw - 16vw}}@media (min-width:1200px){width:70vw}.board-doc{position:relative;margin-top:-2rem;padding:3rem 0;background-color:var(--board-bg-color);transition:background-color .2s ease-in-out;border-radius:.5rem;z-index:3;box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);.markdown-section{position:relative}>.post-tail{height:1rem;border-bottom:1px dashed #ccc;margin:2rem}.comment-section{padding:0 6%;.create-comment{margin:1rem 0;display:flex;flex-direction:column;.write-comment{border:1px solid #eff0f2;border-radius:5px;padding:8px 4px 8px 10px;margin:12px 0;background:#f6f7fb;textarea{width:100%;height:74px;font-size:14px;line-height:20px;color:#404040;outline:none;resize:none;border-color:transparent;background:transparent}}button[type=submit]{align-self:flex-end;outline:none;border:0;cursor:pointer;color:#fff;border-radius:4px;padding:.5em 1rem;background-color:var(--link-hover-color);&:hover{background-color:var(--post-link-color)}&:disabled{background-color:var(--scrollbar-color)}}.login-box{align-self:flex-end;display:flex;align-items:center;font-size:18px;font-weight:600;a{display:inline-block;color:var(--link-hover-color);&:hover{color:var(--post-link-color)}padding:8px}span{color:#999}}}.comments{letter-spacing:.03em;border:1px solid #ebeced;border-radius:4px;.summary{height:50px;padding:0 20px;display:flex;align-items:center;font-size:15px;font-weight:600;border-bottom:1px solid #ebeced}.comment-list{.comment{.pure-comment{display:flex;align-items:start;padding:10px 20px 14px;.comment-content{flex:1 1 auto;margin-left:10px;.user-name{font-size:16px;font-weight:700;line-height:24px;height:24px}.content{font-size:15px;line-height:21px;margin-top:6px}.reply{font-size:15px;padding:16px;margin:14px 0;color:#666;border-radius:6px;background-color:#f6f7fb}.extra{margin-top:6px;color:#9196a1}}}}}}}}}.container-doc .sidebar{position:sticky;top:2rem;padding:3rem 0;.toc-header{font-size:1.25rem;font-weight:700;line-height:1.2;margin-left:.75rem;margin-bottom:.5rem;display:flex;align-items:center;img{margin-right:.4rem}}.sidebar-nav{max-height:80vh;max-width:16vw;padding-left:.75rem;padding-right:.15rem;overflow:auto;position:relative;a{font-size:.95rem;text-decoration:none;display:block;line-height:24px}a,li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li{list-style:none;margin:0}li,ul{padding:0}ul{margin-left:15px}>ul{margin-left:0}ul li ul{padding-left:20px}li.active{font-weight:700;a{color:var(--link-hover-color)}}li.collapse{.app-sub-sidebar{display:none}}&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}&:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}&:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}}}