@media screen and (max-width:900px){.hide-on-small-only{display:none!important}.toc-wrapper{flex-direction:column;height:auto}.article-list-sidebar{flex:100%;min-width:0;max-height:none;overflow-y:visible}}.toc-wrapper{justify-content:space-between;width:100%;height:500px;display:flex}.article-list-sidebar{flex:auto;min-width:350px;max-height:70vh;margin-right:30px;padding-right:10px;overflow-y:auto}.article-list-sidebar::-webkit-scrollbar{width:6px}.article-list-sidebar::-webkit-scrollbar-track{background:0 0}.article-list-sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.article-list-sidebar::-webkit-scrollbar-thumb:hover{background-color:#999}.article-toc-item{cursor:pointer;border-radius:6px;padding:12px 15px;transition:background-color .2s,transform .1s}.article-toc-item:hover{background-color:#f0f0f0}.toc-link{color:#333;font-size:1.1rem;font-weight:500;text-decoration:none;display:block}.toc-link:hover{color:#007bff}.preview-column-right{flex:0 0 55%;align-content:flex-start;position:sticky;top:0}.preview-card-container{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;gap:15px;min-height:400px;padding:25px;display:flex;box-shadow:0 10px 30px #0000000d}.preview-img-element{object-fit:cover;border-radius:8px;width:100%;height:220px;display:none}.preview-title-text{color:#111;margin:0;font-size:1.5rem;line-height:1.2}.preview-body-text{color:#666;margin:10px 0;font-size:.95rem;line-height:1.5}.preview-btn{color:#062342;background:#ecebeb;border-radius:4px;padding:8px 16px;font-size:.9rem;text-decoration:none;display:none}.preview-btn:hover{background:#dfdede;box-shadow:0 10px 30px #0000000d}