.post-detail{--article-prose-width:65ch;--article-code-font-size:var(--text-sm);--code-block-bg:#1e1d19;--code-block-header-bg:#252420;--code-block-fg:#c9c5b8;--code-block-rule:#faf9f512;width:min(calc(100% - var(--space-6) * 2), var(--max-width-text));padding:clamp(var(--space-10), 5vw, var(--space-20)) 0 var(--space-20);margin-inline:auto}.post-detail-header{border-bottom:1px solid var(--color-border-default);padding-bottom:clamp(var(--space-8), 5vw, var(--space-16))}.post-detail-categories{font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.08em;line-height:var(--leading-snug);text-transform:uppercase;color:var(--color-text-secondary)}.post-detail-title{max-width:22ch;margin:var(--space-5) 0 0;font-family:var(--font-display-family);font-size:clamp(var(--text-2xl), 6vw, var(--text-5xl));font-weight:var(--weight-regular);letter-spacing:-.035em;color:var(--color-text-primary);text-wrap:balance;line-height:1.04}.post-detail-description{max-width:52ch;margin:var(--space-6) 0 0;font-family:var(--font-body-family);font-size:clamp(var(--text-md), 1.8vw, var(--text-xl));font-weight:var(--weight-regular);line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--color-text-secondary);text-wrap:pretty}.post-detail-meta{align-items:baseline;gap:var(--space-2) var(--space-4);margin-top:var(--space-8);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.025em;color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.post-detail-meta time{color:var(--color-text-primary)}.post-detail-lower{justify-content:space-between;align-items:baseline;gap:var(--space-6);margin-top:var(--space-5);display:flex}.post-detail-tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-detail-tag{min-height:1.75rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-raised);font-family:var(--font-heading-family);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);align-items:center;display:inline-flex}a.post-detail-tag:hover,a.post-detail-tag:focus-visible{border-color:color-mix(in srgb, var(--color-accent-orange) 45%, transparent);background:color-mix(in srgb, var(--color-accent-orange) 12%, transparent);color:var(--color-accent-warm)}.post-detail-body{max-width:var(--article-prose-width);margin:clamp(var(--space-10), 4vw, var(--space-16)) auto 0}.post-detail-prose{max-width:none;font-family:var(--font-body-family);font-size:clamp(var(--text-md), 1.35vw, 1.22rem);line-height:var(--leading-loose);color:var(--color-text-primary)}.post-detail-prose p,.post-detail-prose ul,.post-detail-prose ol,.post-detail-prose blockquote,.post-detail-prose table{font-family:var(--font-body-family)}.post-detail-prose h2,.post-detail-prose h3,.post-detail-prose h4{font-family:var(--font-display-family);font-weight:var(--weight-regular);letter-spacing:-.045em;color:var(--color-text-primary)}.post-detail-prose h2{margin-top:var(--space-16);font-size:clamp(var(--text-2xl), 3vw, 2.7rem);line-height:var(--leading-tight)}.post-detail-prose h3{margin-top:var(--space-12);font-size:clamp(var(--text-xl), 2.2vw, 1.9rem);line-height:var(--leading-tight)}.post-detail-prose h4{margin-top:var(--space-10);font-size:var(--text-lg);line-height:var(--leading-snug)}.post-detail-prose a{color:var(--color-text-primary);text-decoration-color:var(--color-accent-orange);text-underline-offset:.18em;text-decoration-thickness:.08em}.post-detail-prose a:hover,.post-detail-prose a:focus-visible{color:var(--color-accent-orange)}.post-detail-prose blockquote{border-inline-start:2px solid var(--color-accent-orange);color:var(--color-text-secondary);padding-inline-start:var(--space-5);font-size:1.15em;font-style:italic}.post-detail-prose strong{color:inherit}.post-detail-prose>p:last-child:has(>em:only-child){margin-top:var(--space-12);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-secondary)}.post-detail-prose>p:last-child:has(>em:only-child) em{font-style:normal}.post-detail-prose>p:last-child:has(>em:only-child) a{color:inherit}.post-detail-prose hr{border-color:var(--color-border-default)}.post-detail-prose ul>li::marker{color:var(--color-border-strong)}.post-detail-prose ol>li::marker{color:var(--color-text-secondary)}.post-detail-prose code{font-family:var(--font-mono-family);font-size:.82em}.post-detail-prose code:before,.post-detail-prose code:after{content:none}.post-detail-prose :not(pre)>code{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);font-weight:var(--weight-regular);overflow-wrap:anywhere;padding:.12em .4em}.post-detail-prose pre{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--code-block-bg);padding:var(--space-5);font-family:var(--font-mono-family);font-size:var(--article-code-font-size);color:var(--code-block-fg);box-shadow:none;line-height:1.7}.post-detail-prose pre[data-language]:not([data-language=plaintext],[data-language=text]){padding-top:0}.post-detail-prose pre[data-language]:not([data-language=plaintext],[data-language=text]):before{content:attr(data-language);left:calc(var(--space-5) * -1);margin:0 calc(var(--space-5) * -1) var(--space-4);border-bottom:1px solid var(--code-block-rule);background:var(--code-block-header-bg);padding:var(--space-2) var(--space-5);font-family:var(--font-mono-family);font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:.05em;color:var(--color-accent-orange);display:block;position:sticky}.post-detail-prose pre code{font-size:inherit;line-height:inherit}.post-detail-prose .astro-code{background:var(--code-block-bg)!important;color:var(--code-block-fg)!important}.post-detail-prose .astro-code code,.post-detail-prose .astro-code .line{color:inherit}.post-detail-prose>pre,.post-detail-prose>table,.post-detail-prose>figure,.post-detail-prose>p:has(>img:only-child){width:min(114%, calc(100vw - var(--space-6) * 2));max-width:none;margin-inline-start:50%;transform:translate(-50%)}.post-detail-prose>p:has(>img:only-child) img{width:100%}.post-detail-prose img{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);height:auto}.dark .post-detail-prose img{filter:brightness(.9)saturate(.95)}.post-detail-prose figure{margin-block:var(--space-10)}.post-detail-prose figcaption{font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.025em;color:var(--color-text-secondary)}.post-detail-prose th,.post-detail-prose td{border-color:var(--color-border-default);font-family:var(--font-heading-family);font-size:.9em}.article-share-actions{align-items:center;gap:var(--space-4);font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.02em;flex-wrap:wrap;display:inline-flex}.article-share-button{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) 0;font-family:var(--font-heading-family);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:0 0;border:0;border-bottom:1px solid #0000;display:inline-flex}.article-share-button:hover,.article-share-button:focus-visible{border-bottom-color:var(--color-accent-orange);color:var(--color-accent-orange)}.article-share-status{font-family:var(--font-heading-family);color:var(--color-text-secondary)}@media (width<=639px){.post-detail{width:min(calc(100% - var(--space-4) * 2), var(--max-width-text));padding-top:var(--space-10)}.post-detail-title{font-size:clamp(var(--text-2xl), 9vw, var(--text-3xl))}.post-detail-lower{align-items:flex-start;gap:var(--space-5);flex-direction:column}.post-detail-prose>pre,.post-detail-prose>table,.post-detail-prose>figure,.post-detail-prose>p:has(>img:only-child){width:100%;margin-inline-start:0;transform:none}}.post-detail-header>*{animation:fadeUp var(--duration-slow) var(--ease-default) backwards}.post-detail-header>:nth-child(2){animation-delay:80ms}.post-detail-header>:nth-child(3){animation-delay:.16s}.post-detail-header>:nth-child(n+4){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.article-share-button,.post-detail-tag{transition:none}.post-detail-header>*{animation:none}}