.blog-container{width:100%}.post-body{width:100%;max-width:var(--layout-content-width)}.blog-header{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:clamp(12rem,28vw,16rem);padding:clamp(2.25rem,6vw,4.25rem) clamp(1.25rem,4vw,2.5rem);text-align:center;border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-large);background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--accent-gold) 30%,transparent),transparent 34%),radial-gradient(circle at 88% 88%,color-mix(in srgb,var(--accent-berry) 20%,transparent),transparent 36%),linear-gradient(145deg,var(--surface-elevated, var(--surface-strong)),var(--surface-muted, var(--surface-color)));box-shadow:var(--shadow-md, 0 15px 28px var(--shadow-color));animation:blog-reveal var(--motion-slow) var(--ease-emphasized) backwards}.blog-header:before{content:"";position:absolute;inset:1rem;z-index:-1;border:1px solid color-mix(in srgb,var(--border-subtle, var(--border-color)) 70%,transparent);border-radius:calc(var(--radius-large) - .5rem);pointer-events:none}.blog-title{position:relative;margin:0;font-size:clamp(2.1rem,5vw,3.35rem);line-height:1.12;overflow-wrap:anywhere;text-wrap:balance}.blog-description{max-width:62ch;margin:1.1rem auto 0;color:var(--text-soft);font-size:clamp(1rem,1.7vw,1.12rem);text-wrap:pretty}.post-list{display:grid;gap:clamp(.85rem,2vw,1.15rem);margin:clamp(1.45rem,4vw,2.2rem) 0 0;padding:0;list-style:none}.post-item{position:relative;overflow:clip;border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-medium);background:var(--surface-color);box-shadow:var(--shadow-sm, 0 8px 18px var(--shadow-color));transition:transform var(--motion-fast, .16s) var(--ease-standard),border-color var(--motion-fast, .16s) var(--ease-standard),box-shadow var(--motion-fast, .16s) var(--ease-standard),background-color var(--motion-fast, .16s) var(--ease-standard);animation:blog-reveal var(--motion-slow) var(--ease-emphasized) backwards}.post-item:nth-child(2){animation-delay:55ms}.post-item:nth-child(3){animation-delay:.11s}.post-item:nth-child(n+4){animation-delay:165ms}.post-item:before{content:"";position:absolute;top:1.2rem;bottom:1.2rem;left:0;width:.24rem;border-radius:0 var(--radius-small) var(--radius-small) 0;background:linear-gradient(180deg,var(--accent-gold),var(--accent-color))}@media(hover:hover)and (pointer:fine){.post-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-color) 62%,var(--border-color));box-shadow:var(--shadow-md, 0 14px 24px var(--shadow-color))}}.post-item:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-color) 68%,var(--border-subtle, var(--border-color)));box-shadow:var(--shadow-md, 0 14px 24px var(--shadow-color))}.post-content{position:relative;display:flex;flex-direction:column;padding:clamp(1rem,2.4vw,1.45rem) clamp(1.1rem,3vw,1.65rem);padding-left:clamp(1.3rem,3.5vw,1.85rem)}.post-meta{width:fit-content;margin-bottom:.55rem;color:var(--accent-text, var(--accent-strong));font-family:var(--font-mono);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.post-meta time{display:inline-flex;align-items:center;min-height:1.5rem;padding:.05rem .45rem;border:1px solid color-mix(in srgb,var(--accent-color) 26%,var(--border-subtle, var(--border-color)));border-radius:var(--radius-small);background:color-mix(in srgb,var(--accent-wash, var(--accent-faint)) 68%,transparent)}.post-title{margin:0;font-size:clamp(1.22rem,2.5vw,1.6rem);line-height:1.32;overflow-wrap:anywhere;text-wrap:balance}.post-title a{color:var(--heading-color);text-decoration:none;transition:color var(--motion-fast, .16s) var(--ease-standard)}.post-title a:hover,.post-title a:focus-visible{color:var(--accent-text-hover, var(--accent-text, var(--accent-strong)))}.post-description{max-width:68ch;margin:.78rem 0 0;color:var(--text-soft);text-wrap:pretty}.post-tags,.post-taxonomy{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.tag-item,.post-taxonomy li{padding:.18rem .6rem;border:1px solid color-mix(in srgb,var(--border-subtle, var(--border-color)) 86%,var(--accent-color));border-radius:var(--radius-small);background:color-mix(in srgb,var(--accent-wash, var(--accent-faint)) 72%,transparent);color:var(--text-soft);font-family:var(--font-mono);font-size:.75rem;line-height:1.45}.post-breadcrumb{margin-bottom:1.35rem;font-size:.88rem}.post-breadcrumb ol{align-items:center;gap:.38rem}.post-breadcrumb li{min-width:0}.post-breadcrumb li[aria-current=page]{overflow:hidden;color:var(--text-soft);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.post-breadcrumb a{color:var(--text-soft);text-decoration:none}.post-breadcrumb a:hover,.post-breadcrumb a:focus-visible{color:var(--accent-text-hover, var(--accent-text, var(--accent-strong)))}.post-header{position:relative;min-width:0;overflow:hidden;margin-bottom:clamp(2rem,5vw,3.4rem);padding:clamp(1.45rem,4vw,2.35rem);border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-large);background:linear-gradient(125deg,color-mix(in srgb,var(--surface-elevated, var(--surface-strong)) 92%,var(--accent-wash, var(--accent-faint))),var(--surface-color));box-shadow:var(--shadow-sm, 0 8px 18px var(--shadow-color))}.post-header:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.32rem;background:linear-gradient(180deg,var(--accent-gold),var(--accent-berry))}.post-header>h1{max-width:22ch;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.3rem);line-height:1.16;overflow-wrap:anywhere;text-wrap:balance}.post-header>h1:after{display:none}.post-summary{max-width:62ch;margin:0;color:var(--text-soft);font-size:clamp(1.02rem,1.8vw,1.14rem);line-height:1.7;text-wrap:pretty}.post-byline{margin-top:1.1rem;color:var(--text-soft);font-size:.82rem;line-height:1.65;text-wrap:pretty}.post-byline a{color:inherit;font-weight:700;text-decoration:none}.post-byline a:hover,.post-byline a:focus-visible{color:var(--accent-text-hover, var(--accent-text, var(--accent-strong)))}.prose{max-width:68ch;color:var(--text-color);font-size:clamp(1rem,.98rem + .16vw,1.1rem);line-height:1.82;overflow-wrap:break-word}.prose>*+*{margin-top:1.2rem}.prose :is(h2,h3,h4){scroll-margin-top:7rem;text-wrap:balance}.prose h2{margin-top:clamp(2.5rem,6vw,3.5rem)}.prose h3{margin-top:clamp(2rem,5vw,2.75rem)}.prose :is(ul,ol){padding-left:1.35rem}.prose li+li{margin-top:.45rem}.prose :is(p,li) a{color:var(--accent-text, var(--accent-strong));font-weight:650;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-color) 52%,transparent);text-decoration-thickness:.11em;text-underline-offset:.17em}.prose :is(p,li) a:hover,.prose :is(p,li) a:focus-visible{text-decoration-color:currentcolor}@keyframes blog-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prose :is(pre,blockquote,figure,table){margin-top:1.65rem;margin-bottom:1.65rem}.prose pre{border-color:var(--border-subtle, var(--border-color));background:var(--surface-elevated, var(--surface-strong));box-shadow:var(--shadow-sm, 0 8px 18px var(--shadow-color))}.prose blockquote{border-left-color:var(--accent-color);background:color-mix(in srgb,var(--accent-wash, var(--accent-faint)) 72%,transparent)}.prose table{width:100%;border-collapse:collapse;border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-small);background:var(--surface-color)}.prose :is(th,td){padding:.68rem .8rem;border:1px solid var(--border-subtle, var(--border-color));text-align:start;vertical-align:top}.prose th{background:var(--surface-muted, var(--surface-color));color:var(--heading-color)}@media(max-width:640px){.blog-header{min-height:11rem;border-radius:var(--radius-medium)}.blog-header:before{inset:.7rem;border-radius:calc(var(--radius-medium) - .3rem)}.post-content{padding:1rem 1rem 1rem 1.3rem}.post-item:before{top:1rem;bottom:1rem}.post-header{border-radius:var(--radius-medium)}.post-header>h1{max-width:none}.post-breadcrumb li[aria-current=page]{flex-basis:100%;padding-left:.05rem}.post-breadcrumb li:nth-last-child(2):after{display:none}.prose{font-size:1rem}.prose table{display:block;overflow-x:auto;white-space:nowrap}}@media(prefers-contrast:more){.post-item,.post-header,.blog-header{border-color:var(--text-soft)}.tag-item,.post-taxonomy li,.post-meta time{border-color:var(--text-soft)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:after,main.container>:is(.blog-container,.post-body){animation:none}.blog-header,.post-item,.post-title a,.post-breadcrumb a,.post-byline a{transition:none;animation:none;transform:none}.post-item:hover,.post-item:focus-within{transform:none;transition:none}}