.blog-shell{color:#1a1a1a;min-height:100vh;font-family:var(--font-comfortaa),sans-serif;background-color:#fdfbf7;grid-template-rows:auto 1fr;grid-template-columns:1fr;display:grid}.blog-topbar{z-index:100;background-color:#fdfbf7;border-bottom:2px solid #1a1a1a;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.blog-topbar-logo{letter-spacing:-.05em;color:#1a1a1a;white-space:nowrap;background-color:#fff;border:2px solid #1a1a1a;padding:.2rem .6rem;font-size:1.1rem;font-weight:900;text-decoration:none;transition:all .15s;box-shadow:3px 3px #1a1a1a}.blog-topbar-logo:hover{transform:translateY(-2px);box-shadow:4px 4px #1a1a1a}.blog-topbar-tagline{letter-spacing:.08em;text-transform:lowercase;opacity:.45;font-size:.75rem;font-weight:800;display:none}@media (min-width:640px){.blog-topbar-tagline{display:block}}.blog-topbar-nav{align-items:center;gap:.75rem;display:flex}.blog-topbar-link{color:#1a1a1a;white-space:nowrap;background-color:#fef3c7;border:2px solid #1a1a1a;padding:.25rem .75rem;font-size:.8rem;font-weight:800;text-decoration:none;transition:all .15s;box-shadow:2px 2px #1a1a1a}.blog-topbar-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.blog-body{height:calc(100vh - 49px);display:flex;overflow:hidden}.blog-sidebar{background-color:#fdfbf7;border-right:2px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden auto}@media (max-width:767px){.blog-sidebar{z-index:50;height:calc(100vh - 49px);transition:transform .25s;position:fixed;top:49px;left:0;transform:translate(-100%)}.blog-sidebar.open{transform:translate(0)}.blog-body{height:calc(100vh - 49px)}}.blog-sidebar-section{border-bottom:2px dashed #e5e7eb;padding:1.25rem 1rem}.blog-sidebar-title{letter-spacing:.12em;text-transform:uppercase;opacity:.4;margin-bottom:.75rem;font-size:.65rem;font-weight:900}.blog-nav-item{color:#1a1a1a;border:2px solid #0000;border-radius:.375rem;margin-bottom:.35rem;padding:.6rem .75rem;font-size:.82rem;font-weight:700;line-height:1.35;text-decoration:none;transition:all .15s;display:block}.blog-nav-item:hover{background-color:#e0f2fe;border-color:#1a1a1a}.blog-nav-item.active{background-color:#fef3c7;border-color:#1a1a1a;box-shadow:2px 2px #1a1a1a}.blog-nav-item-date{opacity:.45;margin-top:.15rem;font-size:.65rem;font-weight:700;display:block}.blog-sidebar-tags{flex-wrap:wrap;gap:.4rem;display:flex}.blog-sidebar-tag{color:#1a1a1a;opacity:.6;cursor:default;background-color:#fff;border:1.5px solid #1a1a1a;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.blog-content-area{background-color:#fff;border-left:0;flex:1;overflow:hidden auto}.blog-mobile-menu-btn{cursor:pointer;background:#fff;border:2px solid #1a1a1a;padding:.25rem .5rem;font-size:1rem;font-weight:900;display:none;box-shadow:2px 2px #1a1a1a}@media (max-width:767px){.blog-mobile-menu-btn{display:block}}.paper-code-block{background-color:#fff;border:3px solid #1a1a1a;margin:2rem 0;position:relative;overflow:hidden;box-shadow:6px 6px #1a1a1a}.code-block-header{background-color:#fef3c7;border-bottom:2px solid #1a1a1a;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-block-label{text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.7rem;font-weight:900}.copy-button{cursor:pointer;background-color:#fff;border:1.5px solid #1a1a1a;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800;transition:all .1s;display:flex;box-shadow:2px 2px #1a1a1a}.copy-button:hover{background-color:#e0f2fe;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.copy-button:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}.code-block-content{padding:1rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.code-block-content pre{margin:0;padding:0;background:0 0!important}.code-block-content code{background:0 0!important;padding:0!important}.code-block-footer{opacity:.05;background-color:#1a1a1a;height:.5rem}