.blogs-layout{display:flex;gap:1.5rem;flex-grow:1;overflow:hidden}.blogs-sidebar{width:380px;background-color:var(--background-page);border-radius:15px;padding:1rem;overflow-y:auto;flex-shrink:0;transition:background-color .2s}.blogs-sidebar h2{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border-subtle);text-align:center}.blog-list{list-style:none}.blog-list li a{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.5rem;color:var(--text-nav-links);text-decoration:none;border-radius:8px;font-weight:var(--font-weight-bold);transition:background-color .2s,color .2s,transform .1s;font-size:var(--font-size-md)}.blog-list li a .pinned-icon{margin-left:1em;margin-right:0}.blog-list li a:hover{background-color:var(--primary-accent);color:var(--background-page);transform:translateX(5px)}.blog-list li a.active{background-color:var(--primary-accent);color:var(--background-page);font-weight:var(--font-weight-bold)}.pinned-icon{font-size:1.2em;vertical-align:middle}.blog-content-area{flex-grow:1;background-color:var(--background-card);border-radius:15px;overflow:hidden;display:flex;transition:background-color .2s;position:relative}#blog-iframe{width:100%;height:100%;border:none}@media (max-width:900px){.blog-content-area,.blogs-layout{flex-direction:column;min-height:300px}.blogs-sidebar{width:100%;padding-bottom:0;max-height:none}.blogs-sidebar .blog-list{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .3s;opacity:0;margin-bottom:0}.blogs-sidebar.expanded .blog-list{max-height:50vh;opacity:1}#sidebar-arrow{display:inline-block;transition:transform .2s}#blog-iframe{flex:1 1 auto}}@media (min-width:901px){#sidebar-arrow{display:none!important}}#blog-iframe[srcdoc]{display:flex;align-items:center;justify-content:center}#blog-iframe[srcdoc] div{text-align:center;width:61.8%;max-width:600px}#blog-iframe[srcdoc] h2{font-size:var(--font-size-xl);border-bottom:none;margin-bottom:.5rem;color:var(--text-primary)}#blog-iframe[srcdoc] p{font-size:var(--font-size-md);color:var(--text-secondary)}#sidebar-arrow{transition:transform .2s}#sidebar-arrow i{transition:opacity .18s cubic-bezier(.4, 0, .2, 1)}