.layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid #d1d1d1;flex-shrink:0;width:250px;min-width:250px;min-height:0;overflow-y:auto}.content{flex:1;min-width:0;min-height:0;overflow-y:auto}.ads{flex-shrink:0;width:250px;min-width:250px;min-height:0;overflow-y:auto}.mobile-topbar,.mobile-sidebar{display:none}@media (max-width:900px){.layout{flex-direction:column;height:100vh;overflow:hidden}.sidebar,.ads{display:none}.content{flex:1;width:100%;min-height:0;overflow-y:auto}.mobile-topbar{z-index:10;background:#fff;border-bottom:1px solid #d1d1d1;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:2.2rem;line-height:1}.hamburger-btn:hover{background:#f0f0f0}.mobile-topic-title{text-transform:capitalize;font-size:1.6rem;font-weight:600}.sidebar-overlay{z-index:500;background:#0006;position:fixed;inset:0}.mobile-sidebar{z-index:600;background:#fff;border-right:1px solid #d1d1d1;width:280px;height:100vh;transition:transform .3s;display:block;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;margin:12px 12px 0 auto;padding:4px 8px;font-size:2rem;line-height:1;display:block}.close-btn:hover{background:#f0f0f0}}