.post-detail{--article-prose-width:70ch;--article-code-font-size:clamp(.875rem, 1.05vw, .9375rem);--code-block-bg:#24211f;--code-block-fg:#e8e3da;width:min(calc(100% - var(--space-6) * 2), var(--max-width-text));padding:clamp(var(--space-12), 7vw, var(--space-32)) 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:18ch;margin:var(--space-5) 0 0;font-family:var(--font-display-family);font-size:clamp(var(--text-3xl), 7.8vw, 7rem);font-weight:var(--weight-regular);letter-spacing:-.075em;color:var(--color-text-primary);line-height:.92}.post-detail-description{max-width:48ch;margin:clamp(var(--space-6), 3vw, var(--space-10)) 0 0;font-family:var(--font-body-family);font-size:clamp(var(--text-xl), 2.8vw, 2.5rem);font-weight:var(--weight-regular);letter-spacing:-.035em;color:var(--color-text-primary);line-height:1.08}.post-detail-meta{align-items:baseline;gap:var(--space-2) var(--space-4);margin-top:clamp(var(--space-8), 4vw, var(--space-10));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{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.post-detail-tag{font-family:var(--font-heading-family);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-secondary);text-decoration-color:var(--color-border-default);text-underline-offset:.25em}.post-detail-tag:hover,.post-detail-tag:focus-visible{color:var(--color-accent-orange);text-decoration-color:var(--color-accent-orange)}.post-detail-body{max-width:var(--article-prose-width);margin:clamp(var(--space-12), 6vw, var(--space-24)) 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 code{font-family:var(--font-mono-family);font-size:.82em}.post-detail-prose pre{border:1px solid color-mix(in srgb, var(--code-block-fg) 14%, transparent);border-radius:var(--radius-sm);background:var(--code-block-bg);padding:var(--space-4) 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 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}.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-3xl), 12vw, 4.7rem)}.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}}@media (prefers-reduced-motion:reduce){.article-share-button{transition:none}}