.sidebar{display:flex;flex-direction:column;justify-content:flex-end;position:fixed;top:0;right:0;left:auto;width:260px;height:100dvh;max-height:100dvh;background:var(--color-100);padding:1.5rem 1.5rem calc(3rem + env(safe-area-inset-bottom)) 1.5rem;z-index:1001;transform:translate(100%);transition:transform .3s ease;box-sizing:border-box;overflow-y:auto;font-size:var(--font-size-md)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar .back-to-top{background:none;border:none;margin-top:1.5rem;padding:0;cursor:pointer;color:var(--color-700);font-size:var(--font-size-md);font-weight:var(--font-weight-light);align-self:flex-start}.sidebar-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;border:none;background:var(--color-100);color:var(--color-900);box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;z-index:999}@media(min-width:1025px){.sidebar-fab,.sidebar-overlay{display:none}.sidebar{position:sticky;inset:auto auto 80px;height:auto;max-height:none;background:none;padding:0;z-index:auto;transform:none;transition:none;overflow:visible;grid-column:3;grid-row:1;align-self:end;font-weight:var(--font-weight-light);font-size:var(--font-size-xs);width:100px;margin-left:calc((100vw - var(--content-width)) / 2 - 100px - 18px)}.sidebar .back-to-top{font-size:var(--font-size-xs);align-self:flex-start}}@media(min-width:1281px){.sidebar{width:160px;margin-left:calc((100vw - var(--content-width)) / 2 - 160px - 64px)}}.prose{width:var(--content-width);max-width:calc(100% - 2em);margin:auto;padding:1em 1em 0}@media(min-width:768px){.prose{padding-bottom:1em}}.prose p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{margin:3.75rem 0 1.25rem;color:var(--color-900);font-weight:var(--font-weight-bold);line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{margin-top:2.75rem;font-size:var(--font-size-2xl)}h4{margin-top:1.75rem;margin-bottom:.875rem;font-size:var(--font-size-xl)}h5{margin-top:1.5rem;margin-bottom:.875rem;font-size:var(--font-size-lg)}h6{margin-top:1.5rem;margin-bottom:.875rem;font-size:var(--font-size-md);font-style:italic}table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--color-500);border-left:none;border-right:none;padding:.5em .75em}th{border-bottom-width:2px;border-top-width:2px}code,kbd{font-size:.85em;font-family:var(--font-mono);padding:2px 6px;border-radius:4px}code{background-color:var(--color-300)}kbd{border:1px solid var(--color-300);box-shadow:0 2px 0 var(--color-shadow)}pre>code{all:unset}.expressive-code{margin:1.5em 0}blockquote{border-left:4px solid var(--color-300);padding:0 0 0 20px;margin:0;font-size:.85em;color:var(--color-700)}mark{background-color:var(--color-sp);color:var(--color-900)}hr{border:none;border-top:1px solid var(--color-500)}figure{margin:1.5em 0}figcaption{font-size:var(--font-size-sm);color:var(--color-700);text-align:center}img{max-width:100%;height:auto;border-radius:4.8px;display:block;margin-left:auto;margin-right:auto}.icon-link:before{content:"#";margin-left:.25em;display:inline-block;color:var(--color-500);text-decoration:none;opacity:0;transition:opacity .2s}h1:hover .icon-link:before,h2:hover .icon-link:before,h3:hover .icon-link:before,h4:hover .icon-link:before,h5:hover .icon-link:before,h6:hover .icon-link:before{opacity:1}.title{margin-bottom:2.5em;padding:0 0 2em;line-height:1}.title h1{margin:0 0 .5em}.meta{margin:0 0 .5em;color:var(--color-700);font-size:var(--font-size-sm)}.main-content{font-weight:var(--font-weight-normal);padding-bottom:2em}.main-content a{text-decoration-thickness:1.5px;text-underline-offset:2px}.categories{font-size:var(--font-size-sm);color:var(--color-700)}.categories:before{content:"|";margin:0 .5em}.categories a{text-decoration:none;color:var(--color-700)}.categories a:hover{color:var(--color-900)}.article-footer{width:var(--content-width);max-width:calc(100% - 2em);margin:auto;padding:0 1em 1em}@media(min-width:1025px){.post-layout{display:grid;grid-template-columns:1fr var(--content-width) 1fr;width:100vw;margin-left:calc((var(--content-width) - 100vw) / 2)}.prose{grid-column:2;margin:0;min-width:0}}.tag-list{display:flex;flex-wrap:wrap;gap:.5em;padding-left:0;list-style-type:none}.post-nav{display:flex;justify-content:space-between;gap:1em;margin:4em 0 2em}.post-nav a{display:flex;flex-direction:row;align-items:center;text-decoration:none}.post-nav-prev{margin-left:auto;text-align:right}.post-nav-label{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-700)}.post-nav-title{font-size:var(--font-size-sm);color:var(--color-700)}.post-nav-prev:hover .post-nav-label,.post-nav-prev:hover .post-nav-title,.post-nav-next:hover .post-nav-label,.post-nav-next:hover .post-nav-title{color:var(--color-900)}