.post-meta{margin-top:22px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.07em;color:var(--color-text-faint)}.post-draft-tag{display:inline-block;margin-left:4px;padding:3px 11px;border:1px dashed rgba(var(--terrain-rgb),.6);border-radius:999px;color:var(--color-terrain-green);font-size:.68rem;letter-spacing:.08em;white-space:nowrap}.post{padding-top:clamp(44px,7vw,84px)}.post-body,.author-bio,.post-pagination{max-width:68ch}.post-body>p{margin-bottom:20px;color:var(--color-text-muted);font-size:1.02rem;line-height:1.75}.post-body strong{color:var(--color-text);font-weight:700}.post-body em{color:var(--color-text)}.post-body h2{margin:clamp(42px,6vw,58px) 0 18px;font-size:clamp(1.32rem,2.8vw,1.62rem);font-weight:800;letter-spacing:-.016em;line-height:1.24;scroll-margin-top:calc(var(--header-height) + 20px)}.post-body h2:first-child{margin-top:0}.post-section-ref{display:inline-block;margin-right:12px;padding:3px 8px;border:1px solid var(--color-hairline-strong);border-radius:5px;vertical-align:3px;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.16em;color:var(--color-contour)}.post-body code{padding:.08em .4em;background:rgba(var(--contour-rgb),.09);border:1px solid var(--color-hairline);border-radius:5px;font-family:var(--font-mono);font-size:.85em;color:var(--color-text);overflow-wrap:anywhere}.post-body ul{display:flex;flex-direction:column;gap:13px;margin:4px 0 26px}.post-body li{position:relative;padding-left:26px;color:var(--color-text-muted);line-height:1.7}.post-body li:before{content:"";position:absolute;left:0;top:.7em;width:14px;height:2px;background:var(--gradient-terrain)}.post-code{margin:26px 0 30px;border:1px solid var(--color-hairline);border-radius:12px;background:linear-gradient(165deg,rgba(var(--surface-raised-rgb),.85),rgba(var(--surface-sunken-rgb),.72));overflow:hidden}.post-code-label{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px dashed var(--color-hairline);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint)}.post-code-label i{font-size:.72rem;color:var(--color-contour)}.post-code pre{margin:0;padding:18px 20px 20px;overflow-x:auto}.post-code code{display:block;padding:0;background:none;border:0;border-radius:0;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;color:var(--color-text);white-space:pre;overflow-wrap:normal}.post-endmark{display:flex;align-items:center;gap:16px;margin-top:clamp(44px,6vw,60px);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-faint);white-space:nowrap}.post-endmark:before,.post-endmark:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,var(--color-hairline) 0 12px,transparent 12px 20px)}.author-bio{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;margin-top:clamp(34px,5vw,50px);padding:clamp(24px,4.5vw,36px);border:1px solid var(--color-hairline-strong);border-radius:16px;background:linear-gradient(150deg,rgba(var(--surface-raised-rgb),.92),rgba(var(--surface-sunken-rgb),.88))}.author-bio:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 108% -35%,transparent 0 26px,rgba(var(--contour-rgb),.06) 26px 27px);pointer-events:none}.author-avatar{position:relative;flex:none;width:86px;height:86px;color:var(--color-contour)}.author-avatar .avatar-frame{stroke:currentColor;opacity:.85}.author-avatar .avatar-datum{stroke:var(--color-terrain-green);opacity:.7}.author-bio-copy{position:relative}.author-bio-kicker{margin-bottom:6px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-faint)}.author-bio-name{margin-bottom:8px;font-size:1.14rem;font-weight:800;letter-spacing:-.01em}.author-bio-text{max-width:52ch;color:var(--color-text-muted);font-size:.95rem}.author-bio-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:18px;font-size:.92rem}.post-pagination{display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin-top:clamp(34px,5vw,46px);padding-top:clamp(26px,4vw,34px);border-top:1px dashed var(--color-hairline)}.post-back{font-size:.92rem}.post-adjacent{--gutter-x: 40px;--gutter-y: 40px;width:100%}.post-next-label{margin-bottom:7px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-contour)}.post-next-title{max-width:44ch;font-size:1.02rem;font-weight:750;letter-spacing:-.01em;line-height:1.4;color:var(--color-text)}.post-next-soon{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:3px 11px;border:1px dashed var(--color-hairline);border-radius:999px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint)}.post-next-soon i{font-size:.72em}@media(min-width:576px){.author-bio{flex-direction:row;align-items:flex-start}}@media(min-width:576px){.post-adjacent{--gutter-x: 40px;--gutter-y: 40px}.post-next{text-align:right}.post-next .post-next-title{margin-left:auto}}body:after{content:"";position:fixed;top:0;left:0;z-index:60;width:100%;height:3px;pointer-events:none;background:var(--gradient-terrain);transform:scaleX(var(--read-progress, 0));transform-origin:0 50%}@supports (animation-timeline: scroll()){body:after{animation:post-read-progress linear both;animation-timeline:scroll(root block)}}@keyframes post-read-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.post-code{--code-comment: rgba(var(--contour-rgb), .62);--code-punct: var(--color-text-faint);--code-key: rgb(var(--contour-rgb));--code-string: rgb(var(--terrain-rgb));--code-name: #d6a54a}[data-theme=light] .post-code{--code-name: #916213}.post-code .token.comment,.post-code .token.prolog,.post-code .token.doctype,.post-code .token.cdata{color:var(--code-comment);font-style:italic}.post-code .token.punctuation,.post-code .token.operator{color:var(--code-punct)}.post-code .token.tag,.post-code .token.keyword,.post-code .token.atrule,.post-code .token.rule,.post-code .token.important,.post-code .token.pseudo-class{color:var(--code-key)}.post-code .token.attr-name,.post-code .token.property,.post-code .token.number,.post-code .token.boolean,.post-code .token.constant,.post-code .token.unit,.post-code .token.hexcode{color:var(--code-name)}.post-code .token.string,.post-code .token.attr-value,.post-code .token.char,.post-code .token.url,.post-code .token.inserted{color:var(--code-string)}.post-code .token.selector,.post-code .token.function,.post-code .token.class-name{color:var(--color-text)}.post-code-label[data-lang]:after{content:attr(data-lang);order:2;margin-left:auto;padding:2px 9px;border:1px solid var(--color-hairline-strong);border-radius:999px;font-size:.58rem;letter-spacing:.14em;color:var(--color-contour)}.post-code-copy{order:3;display:inline-flex;align-items:center;gap:6px;margin:-4px 0;padding:3px 10px;border:1px solid var(--color-hairline);border-radius:999px;background:none;font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.post-code-label:not([data-lang]) .post-code-copy{margin-left:auto}.post-code-copy:hover,.post-code-copy:focus-visible{color:var(--color-text);border-color:var(--color-hairline-strong)}.post-code-copy.is-copied,.post-code-copy.is-copied:hover{color:var(--color-terrain-green);border-color:currentColor}