article.post-grid{max-width:var(--container-standard);margin:0 auto;padding:var(--space-2xl-3xl) var(--space-m);background-color:var(--m3-color-surface);color:var(--m3-color-on-surface);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header header" "main   aside" "links  links";gap:var(--space-xl);align-items:start;box-sizing:border-box}.post-header{grid-area:header;margin:0 0 var(--space-xl) 0;text-align:left;align-self:start;max-width:min(80ch,100%);display:flex;flex-direction:column;gap:var(--space-m)}article.post-grid.no-hero .post-header{max-width:110ch;width:100%;margin-left:auto;margin-right:auto;text-align:center;align-items:center}article.post-grid.no-hero .post-header-actions{justify-content:center;width:100%}article.post-grid:not(.no-hero) .post-header{max-width:min(100ch,100%);flex-direction:row;justify-content:space-between;align-items:flex-start}.post-header-content{width:100%}.post-header-actions{display:flex;align-items:center;gap:var(--space-s)}.post-title{font-family:var(--m3-font-family-display);font-size:var(--m3-font-headline-large);color:var(--m3-color-primary);margin-bottom:var(--space-m);line-height:1.2}article.post-grid.no-hero .post-title{text-align:center}.publish-date{font-family:var(--m3-font-family-body);font-size:var(--m3-font-label-large);color:var(--m3-color-on-surface-variant);margin-bottom:0}article.post-grid.no-hero .publish-date{text-align:center}.copy-markdown-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);background-color:var(--m3-color-surface-variant);color:var(--m3-color-on-surface);border:1px solid color-mix(in oklab,var(--m3-color-outline) 30%,transparent);border-radius:8px;font-family:var(--m3-font-family-body);font-size:var(--m3-font-label-medium);font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.copy-markdown-btn:hover{background-color:var(--m3-color-primary-container);color:var(--m3-color-on-primary-container);border-color:var(--m3-color-primary);transform:translateY(-1px)}.copy-markdown-btn:active{transform:translateY(0)}.copy-markdown-btn:focus-visible{outline:2px solid var(--m3-color-primary);outline-offset:2px}.copy-markdown-btn svg{width:var(--space-m);height:var(--space-m);flex-shrink:0}.copy-markdown-btn.copied{background-color:var(--m3-color-primary);color:var(--m3-color-on-primary);border-color:var(--m3-color-primary)}.copy-markdown-btn.copied .copy-markdown-text:after{content:"Copied!"}.copy-markdown-btn.copied .copy-markdown-text{opacity:0;width:0;overflow:hidden}@media(max-width:600px){.copy-markdown-btn{padding:var(--space-2xs)}.copy-markdown-text,.copy-markdown-btn.copied .copy-markdown-text{display:none}.copy-markdown-btn.copied:after{content:"Copied!";font-size:var(--m3-font-label-small)}}article.post-grid:not(.no-hero) .post-header-actions{flex-shrink:0;margin-top:var(--space-3xs)}.main-content{grid-area:main;min-width:0;width:100%}article.post-grid.no-hero{grid-template-columns:1fr;grid-template-areas:"header" "main" "links"}article.post-grid.no-hero .main-content{max-width:75ch;margin:0 auto}article.post-grid.no-hero .prose{max-width:100%;text-align:left}.aside{grid-area:aside;display:flex;flex-direction:column;gap:var(--space-m);align-self:start;width:100%}.hero{width:100%;max-height:min(60vh,30rem);background-color:var(--m3-color-surface-variant);border-radius:var(--space-s);overflow:hidden;margin:0;border:1px solid color-mix(in oklab,var(--m3-color-outline) 55%,transparent);display:block}.hero-trigger img{display:block;width:100%;height:100%;object-fit:cover}.hero-trigger{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}.hero-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.hero-trigger:hover img{transform:scale(1.02)}.project-links{grid-area:links;margin-top:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--m3-color-outline);display:flex;justify-content:center}.project-links .links-container{display:flex;flex-direction:row;justify-content:center;gap:var(--space-s);flex-wrap:wrap;align-items:center;max-width:min(80ch,56.25rem);width:100%;padding-inline:var(--space-2xs);box-sizing:border-box}.aside-links{margin-top:0}.links-container{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:stretch}.project-link{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);border-radius:var(--space-s);font-family:var(--m3-font-family-body);font-size:var(--m3-font-label-large);font-weight:500;text-decoration:none;background-color:var(--m3-color-primary-container);color:var(--m3-color-on-primary-container);transition:background-color .18s,transform .12s;border:1px solid transparent}.project-link .link-label{display:inline-block}.project-link .external-icon{width:var(--space-xs);height:var(--space-xs);color:currentColor;flex:0 0 auto}.project-link:hover{background-color:var(--m3-color-primary);color:var(--m3-color-on-primary);transform:translateY(-2px)}.project-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--m3-color-primary) 25%,transparent),0 0 0 6px color-mix(in oklab,var(--m3-color-primary) 12%,transparent);border-color:color-mix(in oklab,var(--m3-color-primary) 40%,transparent)}.prose{font-family:var(--m3-font-family-body);font-size:var(--step-0);line-height:1.75;color:var(--m3-color-on-surface);min-width:0;max-width:70ch;width:100%;margin:0}.prose>h1:first-child{margin-top:0}.prose h1{font-family:var(--m3-font-family-display);font-size:var(--m3-font-headline-large);color:var(--m3-color-on-surface);margin-top:var(--space-2xl);margin-bottom:var(--space-l);font-weight:600;line-height:1.3;letter-spacing:-.01em}.prose h2,.prose h3,.prose h4{font-family:var(--m3-font-family-display);color:var(--m3-color-on-surface);margin-top:var(--space-xl);margin-bottom:var(--space-s);font-weight:600;line-height:1.4;letter-spacing:-.008em}.prose h2{font-size:var(--m3-font-headline-medium)}.prose h3{font-size:var(--m3-font-title-large);margin-top:var(--space-l);margin-bottom:var(--space-s)}.prose h4{font-size:var(--m3-font-title-medium);margin-top:var(--space-m);margin-bottom:var(--space-xs)}.prose p{margin-bottom:var(--space-m);color:var(--m3-color-on-surface)}.prose strong,.prose b{font-weight:600;color:var(--m3-color-on-surface)}.prose em,.prose i{font-style:italic}.prose a{color:var(--m3-color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:background-color .18s,color .18s,border-color .18s}.prose a:hover{background-color:var(--m3-color-primary);color:var(--m3-color-on-primary);border-bottom-color:var(--m3-color-on-primary)}.prose ul,.prose ol{margin:var(--space-l) 0;padding-left:var(--space-m);color:var(--m3-color-on-surface)}.prose li{margin:var(--space-2xs) 0;line-height:1.75}.prose li:first-child{margin-top:0}.prose li:last-child{margin-bottom:0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin:var(--space-xs) 0}.prose pre{background-color:var(--m3-color-surface-variant);border:1px solid color-mix(in oklab,var(--m3-color-outline) 30%,transparent);border-radius:8px;padding:var(--space-m);margin:var(--space-l) 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:var(--step--1);line-height:1.7;color:var(--m3-color-on-surface)}.prose code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9em}.prose pre code{background:transparent;padding:0;border:none;font-size:inherit;color:inherit}.prose :not(pre)>code{background-color:var(--m3-color-surface-variant);color:var(--m3-color-primary);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--space-xs);font-size:.9em;border:1px solid color-mix(in oklab,var(--m3-color-outline) 20%,transparent)}.prose blockquote{border-left:4px solid var(--m3-color-primary);padding-left:var(--space-l);margin:var(--space-l) 0;padding-top:var(--space-s);padding-bottom:var(--space-s);background-color:color-mix(in oklab,var(--m3-color-primary) 5%,transparent);border-radius:0 var(--space-xs) var(--space-xs) 0;font-style:italic;color:var(--m3-color-on-surface)}.prose blockquote p{margin-bottom:var(--space-2xs)}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid color-mix(in oklab,var(--m3-color-outline) 25%,transparent);margin:var(--space-2xl) 0;background:none;height:0}.prose hr+h1,.prose hr+h2{margin-top:var(--space-l)}.lightbox{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space-m);z-index:1000}.lightbox.is-hidden{display:none}.lightbox-content{position:relative;outline:none;max-width:min(95vw,87.5rem);max-height:90vh}.lightbox-content img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;background-color:var(--m3-color-surface);box-shadow:0 10px 30px #0006}.lightbox-close{position:absolute;top:var(--space-s);right:var(--space-s);width:var(--space-xl);height:var(--space-xl);border-radius:999px;border:1px solid var(--m3-color-outline);background-color:var(--m3-color-surface-variant);color:var(--m3-color-on-surface-variant);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close:hover{background-color:var(--m3-color-primary);color:var(--m3-color-on-primary)}@media(max-width:900px){article.post-grid{grid-template-columns:1fr;padding:var(--space-xl) var(--space-s);gap:var(--space-m);grid-template-areas:"header" "aside" "links" "main"}.prose{max-width:100%}.prose h1{margin-top:var(--space-xl)}.prose h2,.prose h3{margin-top:var(--space-l)}.post-header{grid-area:header;text-align:left;max-width:100%;margin-left:0;margin-right:0}.post-header{flex-direction:column}.post-header-actions{width:100%}.copy-markdown-btn{width:100%;justify-content:center}.aside{position:static;width:auto;grid-area:aside;margin:0 0 var(--space-s) 0;align-self:stretch}.main-content{grid-area:main;margin-right:0}.project-links{grid-area:links;margin-top:var(--space-m)}.links-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs)}.project-link{padding:var(--space-2xs) var(--space-s);border-radius:999px}.post-title{font-size:var(--m3-font-headline-medium)}}@media(prefers-reduced-motion:reduce){.hero-trigger img,.project-link{transition:none!important}}