.article-page{--article-width:34rem;width:min(var(--article-width), calc(100% - 3rem));margin-inline:auto}.article-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.article-back{min-height:44px;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:14px;display:inline-flex}.article-main{padding-top:clamp(2rem,6vh,4rem)}.article-heading{margin-bottom:2.5rem;line-height:1.45}.article-heading h1{font-size:16px;font-weight:700}.article-description{color:var(--muted-foreground);margin-top:.75rem}.article-meta{color:var(--muted-foreground);margin-top:1rem;font-size:14px}.article-contents{color:var(--muted-foreground);font-size:14px;line-height:1.45}.article-contents-desktop{display:none}.article-contents-mobile{border-block:1px solid var(--border);margin-bottom:2rem}.article-contents-mobile summary{cursor:pointer;min-height:44px;padding-block:.75rem}.article-contents-mobile nav{padding-block:.5rem 1rem}.article-contents a{align-items:center;min-height:44px;padding-block:.5rem;transition:color .24s;display:flex}.article-contents a:hover,.article-contents a[aria-current=location]{color:var(--foreground)}.article-contents a[aria-current=location]{font-weight:700}.article-contents :is(a,summary):focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.article-contents-label{color:var(--foreground);margin-bottom:.75rem}.article-signoff{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-block:1.5rem;font-size:14px;display:flex}.article-footer{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;font-size:14px;display:flex}@media (min-width:75rem){.article-contents-desktop{scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:12rem;max-height:calc(76svh - 2rem);display:block;position:fixed;top:24vh;left:max(2rem,50% - 36rem);overflow-y:auto}.article-contents-mobile{display:none}}@media (prefers-reduced-motion:no-preference){html:has(.article-page){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.article-contents a{transition:none}}.blog-prose{overflow-wrap:anywhere;font-size:16px;line-height:1.45}.blog-prose>*+*{margin-top:1.25rem}.blog-prose :is(h1,h2,h3,h4,h5,h6){margin-top:2.5rem;scroll-margin-top:4rem;font-size:16px;font-weight:700}.blog-prose :is(h1,h2,h3,h4,h5,h6)+*{margin-top:.75rem}.blog-prose a{text-underline-offset:.2em;text-decoration:underline}.blog-prose a:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.blog-prose :is(ul,ol){padding-left:1.5rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.5rem}.blog-prose blockquote{border-left:2px solid var(--border);color:var(--muted-foreground);padding-left:1rem}.blog-prose pre{background:var(--muted);padding:1rem;overflow-x:auto}.blog-prose code{font-size:14px}.blog-prose figure{margin-block:2.5rem}.blog-prose figure img{aspect-ratio:auto 3/2;object-fit:contain;width:min(100%,26rem);height:auto;margin-inline:auto;display:block}.dark .blog-prose figure img[src^="/blog/taste/"]{filter:invert()}.blog-prose figcaption{color:var(--muted-foreground);text-align:center;margin-top:.75rem;font-size:14px}