@layer components{.post-article{max-width:var(--container);padding:var(--space-10) var(--space-6) var(--space-20);margin-inline:auto}.post-back{align-items:center;gap:var(--space-3);min-height:44px;margin-bottom:var(--space-6);color:var(--muted);display:inline-flex}.post-layout{gap:var(--space-10);display:grid}.post-reading,.post-sidebar{min-width:0}.post-header{isolation:isolate;margin-bottom:var(--space-10);padding-block:var(--space-10);position:relative}.post-header>.post-header-backdrop{inset-inline:calc(-1 * var(--space-6))}.post-title{font-family:var(--font-archivo);letter-spacing:-.035em;color:var(--ink-strong);overflow-wrap:anywhere;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.08}.post-meta{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.post-category{border:var(--hairline) solid var(--line-strong);padding:var(--space-2) var(--space-3);color:var(--accent-ink)}.post-tags{gap:var(--space-2);font-family:var(--font-geist-mono);color:var(--muted);flex-wrap:wrap;font-size:12px;display:flex}.post-tags li{border:var(--hairline) solid var(--line);padding:var(--space-1) var(--space-2);overflow-wrap:anywhere}.post-date{align-items:center;gap:var(--space-3);color:var(--muted);flex-wrap:wrap;display:flex}.post-language-note{border-left:2px solid var(--accent-ink);padding:var(--space-4);margin-bottom:var(--space-6);color:var(--muted);line-height:1.6}.post-toc{padding:var(--space-6);border:var(--hairline) solid var(--line);background:var(--bg-raised);margin-bottom:var(--space-10);position:relative}.post-toc ol{gap:var(--space-2);padding-left:var(--space-5);margin-top:var(--space-5);list-style:decimal;display:grid}.post-toc li{padding-left:var(--space-2);color:var(--muted)}.post-toc a{padding-block:var(--space-2);color:var(--accent-ink);text-underline-offset:4px;line-height:1.6;text-decoration:underline;display:inline-block}.post-prose{color:var(--muted);overflow-wrap:anywhere;font-size:16px;line-height:1.85}.post-prose>*+*{margin-top:var(--space-6)}.post-prose :is(h1,h2,h3,h4){font-family:var(--font-archivo);letter-spacing:-.025em;color:var(--ink-strong);scroll-margin-top:var(--space-6);font-weight:500;line-height:1.25}.post-prose h2{margin-top:var(--space-14);font-size:28px}.post-prose>h2:first-child{margin-top:0}.post-prose h3{margin-top:var(--space-10);font-size:23px}.post-prose h4{font-size:20px}.post-prose strong{color:var(--ink);font-weight:600}.post-prose a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.post-prose :is(ul,ol){padding-left:var(--space-6)}.post-prose ul{list-style:outside}.post-prose ol{list-style:decimal}.post-prose li+li,.post-prose li>p+p,.post-prose li :is(ul,ol){margin-top:var(--space-2)}.post-prose code{font-family:var(--font-geist-mono);background:var(--bg-sunken);color:var(--ink);padding:2px 5px;font-size:.85em}.post-prose pre{border:var(--hairline) solid var(--line);background:var(--bg-sunken);max-width:100%;padding:var(--space-5);tab-size:4;line-height:1.7;overflow-x:auto}.post-prose pre code{white-space:pre;overflow-wrap:normal;background:0 0;padding:0;font-size:13px;display:block}.post-prose blockquote{border-left:2px solid var(--accent-ink);padding:var(--space-4) var(--space-6);background:var(--bg-raised)}.post-prose hr{border:0;border-top:var(--hairline) solid var(--line);margin-block:var(--space-10)}.post-prose img{max-width:100%;height:auto}.post-table{border:var(--hairline) solid var(--line);overflow-x:auto}.post-table table{border-collapse:collapse;width:100%;font-size:14px}.post-table :is(th,td){padding:var(--space-3) var(--space-4);border:var(--hairline) solid var(--line);text-align:left;min-width:120px}.post-table th{background:var(--bg-raised);color:var(--ink)}.post-prose :is(.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-title){color:var(--accent-ink)}.post-prose :is(.hljs-string,.hljs-number,.hljs-literal,.hljs-attr){color:var(--ink-strong)}.post-prose :is(.hljs-comment,.hljs-quote){color:var(--muted);font-style:italic}.post-sidebar-sticky{gap:var(--space-6);display:grid}.post-author,.post-share{align-items:center;gap:var(--space-4);padding:var(--space-6);border:var(--hairline) solid var(--line);background:var(--bg-raised);text-align:center;flex-direction:column;display:flex;position:relative}.post-portrait{object-fit:cover;width:160px;height:160px}.post-author-name{font-family:var(--font-archivo);letter-spacing:-.025em;font-size:24px;line-height:1.2}.post-author-socials,.post-share-links{gap:var(--space-2);display:flex}.post-author-socials a,.post-share-links a{border:var(--hairline) solid var(--line);width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.post-share [role=status]:empty{display:none}.post-end{justify-content:space-between;gap:var(--space-4);border-top:var(--hairline) solid var(--line);margin-top:var(--space-14);padding-top:var(--space-6);flex-wrap:wrap;display:flex}.post-end a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--accent-ink);display:inline-flex}.post-article a{transition:color .15s cubic-bezier(.4,0,.2,1)}.post-article a:hover{color:var(--hover)}@media (min-width:48rem){.post-article{padding-inline:var(--space-10)}.post-header>.post-header-backdrop{inset-inline:calc(-1 * var(--space-10))}.post-prose{font-size:18px}.post-prose h2{font-size:32px}.post-toc{padding:var(--space-10)}}@media (min-width:64rem){.post-layout{gap:var(--space-10);grid-template-columns:minmax(0,1fr) 272px}.post-header{padding:var(--space-10) var(--space-6)}.post-header>.post-header-backdrop{inset-inline:0}.post-sidebar-sticky{top:calc(var(--nav-height) + var(--space-6));position:sticky}.post-prose{padding-inline:var(--space-6)}}}