.blog-drawer,.blog-nav-open{--drawer-accent:#3d84ff}html[data-theme=light] .blog-drawer,html[data-theme=light] .blog-nav-open{--drawer-accent:#1660f3}.post-topbar{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:15px;display:flex}.post-topbar .post-back{margin-bottom:0}@media (min-width:1024px){.post-topbar{margin-top:46px}}.blog-nav-open{border:1px solid var(--jet);background:var(--eerie-black-1);min-height:34px;color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-500);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:color .2s,border-color .2s;display:inline-flex}.blog-nav-open:hover{border-color:var(--drawer-accent);color:var(--drawer-accent)}.blog-nav-open svg,.blog-drawer svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}.blog-nav-open svg{width:16px;height:16px}.blog-drawer{border:0;border-right:1px solid var(--jet);background:var(--eerie-black-2);width:min(320px,86vw);max-width:none;height:100dvh;max-height:none;color:var(--white-2);overscroll-behavior:contain;margin:0;padding:0;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 40px -12px #00000080}.blog-drawer::backdrop{-webkit-backdrop-filter:blur(6px);background:#00000059}html:has(.blog-drawer[open]){overflow:hidden}.blog-drawer-panel{height:100%;padding:18px 14px 32px;overflow-y:auto}.blog-drawer-top{align-items:center;gap:10px;margin-bottom:18px;display:flex}.blog-drawer-icon{width:40px;height:40px;color:var(--light-gray);cursor:pointer;border-radius:10px;place-items:center;transition:color .2s,background-color .2s;display:grid}.blog-drawer-icon:hover{background:var(--eerie-black-1);color:var(--white-2)}.blog-drawer-theme{border:1px solid var(--jet);background:var(--eerie-black-1);border-radius:999px;gap:2px;margin-left:auto;padding:3px;display:flex}.blog-drawer-theme button{width:34px;height:34px;color:var(--light-gray-70);cursor:pointer;border-radius:50%;place-items:center;transition:color .2s,background-color .2s;display:grid}.blog-drawer-theme button svg{width:16px;height:16px}.blog-drawer-theme button[aria-pressed=true]{background:var(--jet);color:var(--white-2)}.blog-drawer-group{margin-top:22px}.blog-drawer-heading{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-500);margin:0 0 6px;padding:0 12px}.blog-drawer ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-drawer-link{min-height:44px;color:var(--light-gray);font-size:var(--fs-6);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;line-height:1.35;transition:color .2s,background-color .2s;display:flex}.blog-drawer-link:hover{background:var(--eerie-black-1);color:var(--white-2)}.blog-drawer-link.is-active{background:color-mix(in srgb, var(--drawer-accent) 14%, transparent);color:var(--drawer-accent);font-weight:var(--fw-500)}.blog-nav-open:focus-visible,.blog-drawer-icon:focus-visible,.blog-drawer-theme button:focus-visible,.blog-drawer-link:focus-visible{outline:2px solid var(--drawer-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.blog-drawer[open]{animation:.26s cubic-bezier(.22,1,.36,1) blog-drawer-in}.blog-drawer[open]::backdrop{animation:.26s blog-drawer-fade}.blog-drawer.is-closing{animation:.2s ease-in forwards blog-drawer-out}.blog-drawer.is-closing::backdrop{animation:.2s reverse forwards blog-drawer-fade}}@keyframes blog-drawer-in{0%{transform:translate(-100%)}}@keyframes blog-drawer-out{to{transform:translate(-100%)}}@keyframes blog-drawer-fade{0%{opacity:0}}