.post-header,.post-layout{display:grid;grid-template-columns:var(--size--128) minmax(0,var(--container--narrow));justify-content:center;column-gap:var(--spacing--5xl)}.post-header{row-gap:var(--spacing--md);margin-block-end:var(--spacing--5xl)}.post-header>*{grid-column:2}.post-back{justify-self:start;color:var(--color--text-muted);text-decoration:none;font-weight:600}.post-back:hover{color:var(--color--primary--600)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing--xs) var(--spacing--md);color:var(--color--text-subtle)}.post-cats a{display:inline-block;background-color:var(--color--primary--50);color:var(--color--primary--600);border-radius:var(--radius--full);padding-block:var(--spacing--xxs);padding-inline:var(--spacing--sm);font-weight:600;text-decoration:none}.post-cats a:hover{background-color:var(--color--primary--100)}.post-date::before,.post-reading-time::before{content:"·";margin-inline-end:var(--spacing--md)}.post-title{margin:0}.post-figure{margin:0;margin-block-start:var(--spacing--lg);overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--color--base--200);border-radius:var(--radius--lg)}.post-figure:has(.post-img[src="null"]),.post-figure:has(.post-img[src=""]){display:none}.post-img{display:block;width:100%;height:100%;object-fit:cover}.post-layout{align-items:start}.post-content{grid-column:2;grid-row:1;min-width:0}.post-content>:first-child{margin-block-start:0}.post-content h2{scroll-margin-block-start:var(--spacing--5xl)}.post-content pre{overflow-x:auto;padding:var(--spacing--lg);background-color:var(--color--surface-muted);border:1px solid var(--color--base--200);border-radius:var(--radius--md)}.post-content img{max-width:100%;height:auto;border-radius:var(--radius--md)}.post-toc{grid-column:1;grid-row:1;position:sticky;inset-block-start:var(--spacing--5xl);max-height:calc(100vh - var(--spacing--10xl));overflow-y:auto;padding:var(--spacing--lg);background-color:var(--color--surface-muted);border:1px solid var(--color--base--200);border-radius:var(--radius--lg)}.post-toc[hidden]{display:none}.post-toc-title{margin:0;margin-block-end:var(--spacing--sm);font-size:var(--font--size--6);text-transform:uppercase;letter-spacing:.05em}.post-toc-list{display:flex;flex-direction:column;gap:var(--spacing--xs);margin:0;padding-inline-start:var(--spacing--lg);font-size:var(--font--size--badge)}.post-toc-list a{color:var(--color--text-muted);text-decoration:none}.post-toc-list a:hover,.post-toc-list a.is-active{color:var(--color--primary--600)}@media (max-width:991px){.post-header,.post-layout{grid-template-columns:minmax(0,var(--container--narrow))}.post-header>*,.post-toc,.post-content{grid-column:1;grid-row:auto}.post-toc{position:static;max-height:none;margin-block-end:var(--spacing--3xl)}}